:root{--pine:#153f3b;--pine2:#24594f;--sand:#f7f2e8;--paper:#fffcf5;--sea:#dceee8;--mist:#eaf3ed;--coral:#cb7658;--gold:#b7a06a;--ink:#163c39;--muted:#5e766f;--line:#d6ddd3;--serif:Georgia,'Times New Roman',serif;--sans:Inter,'DM Sans',system-ui,-apple-system,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--sans);color:var(--ink);background:var(--sand);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--coral);outline-offset:3px}.skip{position:absolute;top:-100px;left:10px;background:white;z-index:999;padding:9px}.skip:focus{top:6px}
header.site-header{position:sticky;top:0;z-index:90;background:rgba(247,242,232,.975);backdrop-filter:blur(14px);border-bottom:1px solid #d8ddd5;box-shadow:0 7px 18px rgba(27,59,47,.06)}.header-inner{max-width:1320px;margin:auto;min-height:74px;padding:8px 30px;display:flex;align-items:center;justify-content:space-between;gap:22px}.brand{display:flex;align-items:center;gap:11px;min-width:220px}.brand-medallion{width:38px;height:38px;border:1.5px solid var(--pine);border-radius:50%;display:grid;place-items:center;font-family:var(--serif);font-size:19px;font-style:italic;background:#f9f2e4}.brand-name{font-family:var(--serif);font-size:21px;letter-spacing:-.6px}.brand-sub{font-size:9px;letter-spacing:.23em;font-weight:750;text-transform:uppercase;color:var(--muted);margin-top:2px}.header-metrics{display:flex;align-items:center;gap:20px;white-space:nowrap}.header-metric{display:flex;flex-direction:column;gap:1px;align-items:flex-end}.metric-label{font-size:9px;text-transform:uppercase;letter-spacing:.19em;font-weight:800;color:var(--muted)}.metric-value{font-size:13px;font-weight:800}.header-metric a{font-weight:800}.nav-bar{border-top:1px solid #e4e5dc}.nav-inner{max-width:1320px;margin:auto;padding:0 30px;display:flex;gap:22px;overflow-x:auto;scrollbar-width:none;white-space:nowrap}.nav-inner::-webkit-scrollbar{display:none}.nav-inner a{display:inline-block;padding:13px 2px 12px;border-bottom:3px solid transparent;font-size:12px;font-weight:700;color:#48655b;letter-spacing:.02em}.nav-inner a.current{border-color:var(--coral);color:var(--pine)}.nav-inner a:hover{color:var(--coral)}
main{min-height:65vh}.wrap{max-width:1180px;margin:auto;padding:0 30px}.wide{max-width:1320px;margin:auto;padding:0 30px}.eyebrow{text-transform:uppercase;letter-spacing:.23em;font-size:11px;font-weight:850;color:#8b7152}.eyebrow.light{color:#e5ceb0}.serif{font-family:var(--serif);font-weight:400;letter-spacing:-.032em}.headline{font-family:var(--serif);font-size:clamp(43px,6.8vw,92px);font-weight:400;letter-spacing:-.06em;line-height:1.03;margin:8px 0 19px}.page-title{font-family:var(--serif);font-size:clamp(40px,6vw,70px);line-height:1.08;letter-spacing:-.045em;font-weight:400;margin:12px 0 22px}.lead{font-size:clamp(16px,1.7vw,20px);line-height:1.7;color:#3c6259;max-width:730px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--pine);background:var(--pine);color:#fff;padding:13px 20px;border-radius:999px;font-size:13px;font-weight:750;transition:transform .15s,background .15s}.btn:hover{background:#2c695d;transform:translateY(-1px)}.btn.secondary{background:transparent;color:var(--pine)}.btn.secondary:hover{background:var(--sea)}.btn.light{background:#f6eee0;border-color:#f6eee0;color:var(--pine)}.pill{font-size:11px;letter-spacing:.08em;color:var(--pine);border:1px solid #b9cfc6;border-radius:40px;padding:7px 12px;font-weight:700;text-transform:uppercase;display:inline-block}.soft-panel{background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:26px}.section{padding:64px 0}.section-intro{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:26px}.section-intro h2{margin:5px 0 0;font-family:var(--serif);font-size:clamp(32px,4vw,49px);font-weight:400;letter-spacing:-.04em}.section-intro p{max-width:470px;line-height:1.7;color:var(--muted)}.muted{color:var(--muted)}
.hero{background:linear-gradient(180deg,#e7f0ea 0%,#f7f2e8 96%);overflow:hidden;padding:22px 0 35px}.hero-illustration{position:relative;text-align:center;max-width:1040px;margin:0 auto;line-height:0}.hero-illustration img{display:block;max-height:470px;width:min(97%,1000px);object-fit:contain;margin:0 auto;filter:drop-shadow(0 18px 17px rgba(17,81,65,.13))}.hero-copy{text-align:center;position:relative;margin:-6px auto 0;max-width:850px;padding:0 20px}.hero-copy .headline{font-size:clamp(52px,8vw,110px);margin-bottom:8px}.hero-copy .subtitle{font-size:14px;letter-spacing:.22em;text-transform:uppercase;font-weight:750;color:#6d7f6d}.hero-copy .intro{font-size:18px;line-height:1.7;color:#43675c;max-width:760px;margin:20px auto 25px}.hero-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.hero-tag{position:absolute;right:2%;bottom:12%;font-size:11px;transform:rotate(-5deg);font-weight:750;background:var(--paper);border:1px solid #c4cfca;border-radius:999px;padding:10px 14px;color:var(--pine)}
.action-strip{padding:25px 0;background:var(--pine);color:#f8f1e4}.action-row{display:flex;justify-content:space-between;align-items:center;gap:20px}.action-row p{margin:7px 0 0;color:#c8d9cf;font-size:14px;line-height:1.6}.action-row h2{font-family:var(--serif);font-size:29px;letter-spacing:-.02em;font-weight:400;margin:0}.three-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.feature-card{background:var(--paper);border:1px solid var(--line);border-radius:18px;overflow:hidden;display:flex;flex-direction:column}.feature-paint{height:135px;display:flex;align-items:flex-end;padding:20px;position:relative;background:linear-gradient(125deg,#2b6960,#9dcbbd)}.feature-card:nth-child(2) .feature-paint{background:linear-gradient(140deg,#d3aa77,#e8d8be)}.feature-card:nth-child(3) .feature-paint{background:linear-gradient(130deg,#40746c,#c0dccb)}.feature-paint .symbol{font-size:59px;filter:drop-shadow(0 4px 8px rgba(0,0,0,.12))}.feature-body{padding:22px;flex:1}.feature-body h3{font-family:var(--serif);font-size:27px;font-weight:400;margin:0 0 9px}.feature-body p{color:var(--muted);font-size:13px;line-height:1.7;min-height:64px;margin:0 0 18px}.text-link{color:#a34e35;font-size:13px;font-weight:800;text-decoration:underline;text-underline-offset:4px}.half-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:center}.photo-frame{background:#d5e9e2;border-radius:18px;overflow:hidden;min-height:290px}.photo-frame img{display:block;width:100%;height:100%;max-height:550px;object-fit:cover}.kicker-line{font-size:14px;line-height:1.8;color:var(--muted)}.pull-quote{font-family:var(--serif);font-style:italic;font-size:clamp(24px,3vw,40px);line-height:1.24;letter-spacing:-.02em}
.page-hero{background:#e5efe9;padding:56px 0 48px}.page-hero .page-title{margin-bottom:13px}.page-hero .lead{margin:0}.status-row{display:flex;gap:11px;flex-wrap:wrap;align-items:center;margin-top:20px}.minor-note{border-left:3px solid var(--coral);padding-left:15px;color:#557166;font-size:13px;line-height:1.7}.image-disclaimer{font-size:11px;color:var(--muted);line-height:1.4}.temp-image{min-height:260px;display:flex;align-items:center;justify-content:center;text-align:center;background:linear-gradient(130deg,#d4e5d9,#98bfb5);border-radius:18px;padding:30px;color:#28554d}.temp-image span{display:block;font-size:50px;margin-bottom:10px}
.category-head{padding-top:20px;display:flex;align-items:center;justify-content:space-between;gap:15px}.category-head h2{font-family:var(--serif);font-weight:400;font-size:35px;letter-spacing:-.035em}.category-head small{color:var(--muted)}.act-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:0 0 32px}.act-card{background:var(--paper);border:1px solid var(--line);border-radius:18px;overflow:hidden;display:flex;flex-direction:column;min-width:0}.act-photo{height:232px;background:linear-gradient(135deg,#b9d5c6,#6b9d99);overflow:hidden;position:relative}.act-photo img{width:100%;height:100%;object-fit:cover;display:block}.photo-fallback{position:absolute;inset:0;display:none;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:30px;background:#dbe8df;color:#31564c;gap:10px}.photo-fallback a{text-decoration:underline;font-size:12px;font-weight:800}.photo-fallback b{font-size:18px;font-family:var(--serif);font-weight:400}.act-card.no-image .photo-fallback{display:flex}.act-card.no-image .act-photo img{display:none}.photo-cap{position:absolute;bottom:10px;left:12px;max-width:calc(100% - 24px);background:rgba(255,252,245,.94);border-radius:5px;padding:5px 9px;font-size:10px;color:#416458}.act-card.no-image .photo-cap{display:none}.act-content{padding:23px 24px;display:flex;flex-direction:column;flex:1}.act-kicker{font-size:10px;text-transform:uppercase;letter-spacing:.18em;font-weight:850;color:#9a7550}.act-content h3{font-family:var(--serif);font-size:30px;font-weight:400;letter-spacing:-.025em;margin:8px 0 5px}.act-content .act-time{color:#476a61;font-weight:750;font-size:12px;margin:0 0 10px}.act-content .act-desc{color:var(--muted);font-size:13px;line-height:1.75;flex:1;margin:0 0 12px}.source{font-size:12px;font-weight:800;text-decoration:underline;text-underline-offset:3px;color:#ad5940;display:inline-block;margin-bottom:20px}.vote-label{font-size:10px;text-transform:uppercase;letter-spacing:.15em;color:var(--muted);font-weight:850;margin:0 0 10px}.vote-group{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:16px}.vote{border:1px solid #a9bdb2;background:#f8f5ec;border-radius:999px;padding:10px 12px;color:#36594e;font-size:11px;font-weight:750}.vote:hover{border-color:var(--coral)}.vote[aria-pressed='true']{background:var(--pine);border-color:var(--pine);color:white}.act-comment-label{font-size:12px;font-weight:800;color:#43645a;display:block;margin-bottom:7px}.act-comment{width:100%;min-height:71px;resize:vertical;padding:11px 12px;border-radius:11px;background:#fff;border:1px solid #ccd6ce;font-size:12px;line-height:1.6;color:var(--pine)}.act-comment::placeholder{color:#8a9f96}.survey-footer{background:var(--sea);border-radius:18px;padding:26px;margin-top:17px}.survey-footer textarea{width:100%;min-height:115px;resize:vertical;padding:15px;border-radius:10px;border:1px solid #a9c5ba;background:var(--paper);font-size:14px;margin-top:12px}.survey-actions{display:flex;flex-wrap:wrap;gap:11px;margin-top:16px}.survey-banner{background:var(--pine);color:#edf6ee;border-radius:14px;padding:19px 22px;margin-top:24px}.survey-banner p{font-size:14px;color:#d5e5dc;line-height:1.7;max-width:860px;margin:7px 0 0}.survey-summary{display:none;margin-top:17px;background:white;border:1px solid var(--line);border-radius:12px;padding:20px}.survey-summary.on{display:block}.survey-summary pre{white-space:pre-wrap;font-family:var(--sans);font-size:12px;line-height:1.7}.survey-name{padding:11px 13px;max-width:380px;width:100%;border-radius:10px;border:1px solid #b9cabf;background:white;color:var(--pine);margin:0 0 12px}
.timeline{display:grid;gap:11px}.timeline-item{background:var(--paper);border:1px solid var(--line);padding:18px 22px;border-radius:13px;display:grid;grid-template-columns:145px 1fr;gap:20px}.timeline-item time{font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:#8c7053;font-weight:800}.timeline-item h3{font-family:var(--serif);font-size:23px;font-weight:400;margin:0 0 6px}.timeline-item p{margin:0;color:var(--muted);line-height:1.65;font-size:13px}.info-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.info-cards .soft-panel h3{font-family:var(--serif);font-size:25px;font-weight:400;margin:0 0 7px}.info-cards .soft-panel p{color:var(--muted);font-size:13px;line-height:1.75}.mini-notice{padding:18px 22px;border:1px solid #d3d5c9;border-radius:12px;background:#f7f0df;font-size:13px;color:#587066;line-height:1.65}.footer{background:#143c38;padding:37px 0;color:#e2ecdf}.footer-line{display:flex;justify-content:space-between;gap:20px;align-items:center}.footer small{color:#b7c7bc;line-height:1.7}.footer .mark{font-family:var(--serif);font-size:28px}.footer a{text-decoration:underline}.field{padding:13px;width:100%;border-radius:11px;border:1px solid var(--line);background:white}.disabled-action{opacity:.6;cursor:not-allowed}
@media(max-width:850px){.header-inner{padding:8px 18px;min-height:70px}.nav-inner{padding:0 18px;gap:19px}.brand{min-width:unset}.brand-name{font-size:18px}.brand-sub{font-size:8px}.header-metrics{gap:13px}.metric-label{font-size:8px}.metric-value{font-size:11px}.three-grid{grid-template-columns:1fr}.feature-paint{height:96px}.feature-body p{min-height:0}.act-grid{grid-template-columns:1fr}.half-grid{grid-template-columns:1fr}.info-cards{grid-template-columns:1fr}.action-row{align-items:start;flex-direction:column}.wrap,.wide{padding:0 18px}.section{padding:44px 0}.hero-illustration img{max-height:350px}.hero-tag{right:5px;bottom:0}.footer-line{flex-direction:column;align-items:start}.section-intro{flex-direction:column;align-items:start}.section-intro p{margin:0}.page-hero{padding:40px 0}}
@media(max-width:530px){.brand-medallion{width:32px;height:32px;font-size:16px}.brand-name{font-size:16px}.header-metrics{gap:11px}.header-metric:nth-child(1){max-width:95px}.metric-value{font-size:10px}.header-inner{gap:6px}.header-metric .metric-label{font-size:7px}.nav-inner a{font-size:11px}.hero-copy .headline{font-size:clamp(50px,13vw,76px)}.hero-copy .subtitle{font-size:10px}.hero-copy .intro{font-size:15px}.hero-illustration img{max-height:255px}.hero-tag{display:none}.timeline-item{grid-template-columns:1fr;gap:6px}.act-content{padding:18px}.act-content h3{font-size:27px}.act-photo{height:190px}.vote-group{gap:6px}.vote{font-size:10px;padding:9px}.header-inner{padding:8px 11px}.brand{gap:6px}}

/* Version 6: hero art and live second-by-second countdown */
.countdown-value{font-variant-numeric:tabular-nums;letter-spacing:.025em;white-space:nowrap;font-size:14px}
.header-metric:has([data-countdown]) .metric-label{letter-spacing:.10em}
.activities-hero{background:linear-gradient(180deg,#dfeee7 0%,#f7f2e8 100%);padding:25px 0 34px}
.activities-poster{margin:0;border:1px solid #c8d9cd;box-shadow:0 14px 32px rgba(21,63,59,.12);background:#cee3dd;border-radius:18px;overflow:hidden}
.activities-poster img{width:100%;display:block;height:auto;aspect-ratio:1942 / 809;object-fit:contain}
.activities-poster figcaption{font-size:10px;color:#48695d;letter-spacing:.1em;text-align:right;background:#f5f5e9;padding:8px 17px;font-weight:750}
.activities-lead{max-width:980px;margin:30px auto 0;text-align:center}
.activities-lead .page-title{font-size:clamp(38px,4.6vw,68px);margin:11px 0 13px}
.activities-lead .lead{margin:0 auto}
.activities-lead .status-row{justify-content:center}
@media(max-width:850px){.header-metric:has([data-countdown]) .metric-label{font-size:8px}.countdown-value{font-size:12px}.activities-hero{padding:15px 0 25px}}
@media(max-width:530px){.header-inner{flex-direction:column;align-items:stretch;gap:5px;padding:6px 11px 8px}.brand{min-height:34px}.header-metrics{justify-content:space-between;width:100%;border-top:1px solid #e6e7dd;padding-top:7px}.header-metric{align-items:flex-start}.header-metric:has([data-countdown]){align-items:flex-end}.header-metric:has([data-countdown]) .metric-label{font-size:8px;letter-spacing:0;text-transform:none}.countdown-value{font-size:13px}.activities-poster{border-radius:10px}.activities-poster figcaption{font-size:8px;letter-spacing:0;padding:8px}.activities-lead{margin:24px auto 0}.activities-lead .page-title{font-size:38px}}

/* Keep brand name and vintage subtitle on separate lines in the sticky header. */
.brand > span:last-child{display:flex;flex-direction:column;min-width:0}
.brand-name{line-height:1.14}
.brand-sub{line-height:1.35;white-space:nowrap}

/* Baan Puri villa reveal */
.villa-hero{background:#e8eee8;padding:44px 0 45px;overflow:hidden}.villa-hero-layout{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:center;gap:45px}.villa-intro .page-title{font-size:clamp(43px,5.8vw,80px);line-height:1.03;margin:13px 0 19px}.villa-intro .lead{font-size:17px;line-height:1.78;margin:0 0 23px}.villa-lead-photo{height:420px;position:relative;overflow:hidden;border-radius:19px;background:#7aa9a1;box-shadow:0 22px 40px rgba(21,63,59,.15)}.villa-lead-photo img{display:block;width:100%;height:100%;object-fit:cover}.villa-lead-photo figcaption{position:absolute;bottom:15px;left:16px;right:16px;font-size:11px;font-weight:750;color:white;text-shadow:0 1px 7px #183c37;background:rgba(21,63,59,.54);border-radius:7px;padding:9px 11px}.villa-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:25px}.villa-kpi{background:var(--paper);border:1px solid #d9dfd3;border-radius:13px;padding:19px 15px;min-width:0}.villa-kpi strong{font-family:var(--serif);font-weight:400;display:block;font-size:28px;letter-spacing:-.05em}.villa-kpi span{font-size:10px;letter-spacing:.10em;text-transform:uppercase;font-weight:780;color:#647a70;line-height:1.5;display:block;margin-top:6px}.villa-photo-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.villa-photo{border:0;padding:0;height:220px;background:#b7d4c5;border-radius:13px;overflow:hidden;position:relative;text-align:left;display:block}.villa-photo img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .25s}.villa-photo:hover img{transform:scale(1.04)}.villa-photo span{position:absolute;bottom:0;left:0;right:0;padding:22px 12px 12px;color:white;font-size:12px;font-weight:750;background:linear-gradient(transparent,rgba(0,0,0,.69))}.villa-video-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(250px,.55fr);gap:25px;align-items:start}.villa-video-frame{border-radius:17px;overflow:hidden;aspect-ratio:16/9;background:#143c38;box-shadow:0 14px 30px rgba(20,60,56,.11)}.villa-video-frame iframe{border:0;width:100%;height:100%}.villa-side-note{background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:23px}.villa-side-note h3{font:normal 29px var(--serif);margin:8px 0}.villa-side-note p{font-size:13px;line-height:1.8;color:var(--muted)}.villa-plan-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr);gap:25px;align-items:center}.villa-plan-button{width:100%;background:#fff;border:1px solid #e3e5da;border-radius:15px;overflow:hidden;padding:15px;cursor:zoom-in}.villa-plan-button img{display:block;width:100%;height:auto;min-height:240px;object-fit:contain}.villa-plan-list{padding:0;margin:15px 0 18px;list-style:none;display:grid;gap:11px}.villa-plan-list li{padding-left:17px;position:relative;font-size:13px;line-height:1.7;color:var(--muted)}.villa-plan-list li:before{content:'•';color:var(--coral);position:absolute;left:0;font-size:17px}.villa-plan-list strong{color:var(--ink)}.villa-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.villa-service-card{border:1px solid var(--line);background:var(--paper);border-radius:17px;padding:24px}.villa-service-card .villa-card-icon{font-size:27px}.villa-service-card h3{font:normal 27px var(--serif);margin:12px 0 9px}.villa-service-card p{color:var(--muted);font-size:13px;line-height:1.75;margin:0}.villa-inclusion{display:inline-block;color:#5b7a68;font-size:10px;font-weight:830;letter-spacing:.12em;text-transform:uppercase;margin-top:13px}.villa-map-layout{display:grid;grid-template-columns:1.2fr .8fr;gap:23px;align-items:stretch}.villa-map-frame{height:355px;overflow:hidden;border-radius:17px;background:#d7e6dc;border:1px solid var(--line)}.villa-map-frame iframe{border:0;width:100%;height:100%}.villa-address{padding:27px;border-radius:17px;background:#fffdf5;border:1px solid var(--line);display:flex;flex-direction:column;align-items:start;justify-content:center}.villa-address h3{font:normal 31px var(--serif);margin:8px 0 0}.villa-address p{font-size:14px;line-height:1.8;color:var(--muted)}.villa-note{margin-top:18px;font-size:11px;color:#668079;line-height:1.7}.villa-lightbox{border:none;padding:0;background:transparent;max-width:min(96vw,1160px);max-height:95vh;color:white}.villa-lightbox::backdrop{background:rgba(5,28,27,.88)}.villa-lightbox-inner{position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px}.villa-lightbox img{display:block;max-width:94vw;max-height:84vh;object-fit:contain;border-radius:8px}.villa-lightbox-close{position:absolute;right:0;top:0;background:#fff;border:0;border-radius:50%;font-size:24px;line-height:1;width:43px;height:43px;cursor:pointer;z-index:2}.villa-lightbox figcaption{font-size:13px;color:white;font-weight:750}.villa-img-error{background:#dfeae2;display:flex;align-items:center;justify-content:center;color:#446859;text-align:center;padding:28px;min-height:185px}.villa-img-error:after{content:'Photo temporarily unavailable';font-size:13px}.villa-lead-photo:has(.villa-img-error) figcaption{display:none}
@media(max-width:980px){.villa-hero-layout{grid-template-columns:1fr;gap:25px}.villa-lead-photo{height:340px}.villa-photo-grid{grid-template-columns:repeat(2,1fr)}.villa-video-layout,.villa-plan-layout{grid-template-columns:1fr}.villa-card-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.villa-hero{padding:32px 0}.villa-kpis{grid-template-columns:repeat(2,1fr)}.villa-photo{height:190px}.villa-photo-grid{gap:9px}.villa-card-grid,.villa-map-layout{grid-template-columns:1fr}.villa-hero-layout{gap:18px}.villa-lead-photo{height:260px}.villa-map-frame{height:320px}.villa-plan-button img{min-height:180px}}

/* Food & Drinks: chef sample menu and preference collection */
.food-hero{background:linear-gradient(125deg,#e6eee6,#f9f4e9 70%)}
.food-lead{display:grid;grid-template-columns:1fr 1.06fr;gap:40px;align-items:center}
.food-lead h2,.food-book-copy h3,.food-survey-aside h3{font-family:var(--serif);font-weight:normal}
.food-lead h2{font-size:clamp(32px,4vw,50px);margin:6px 0 16px}
.food-lead p{line-height:1.7}
.food-lead figure{margin:0;border-radius:20px;overflow:hidden;background:#cbdccf;box-shadow:0 14px 36px #153f3b18}
.food-lead img{display:block;width:100%;height:350px;object-fit:cover}
.food-lead figcaption{padding:11px 17px;font-size:12px;color:var(--muted);background:var(--paper)}
.food-menu-highlights{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:12px 0 34px}
.food-menu-highlights h3{font-family:var(--serif);font-size:23px;margin:8px 0}
.food-menu-highlights p{line-height:1.6}
.food-menu-icon{font-size:28px}
.food-menu-book{border:1px solid var(--line);border-radius:20px;overflow:hidden;background:var(--paper)}
.food-book-copy{display:flex;gap:24px;align-items:center;justify-content:space-between;padding:22px 26px}
.food-book-copy>div{max-width:750px}
.food-book-copy h3{font-size:30px;margin:6px 0}
.food-book-copy p{line-height:1.6;margin:0}
.food-book-copy>a{flex:0 0 auto}
.food-menu-book iframe{display:block;width:100%;height:610px;border:0;background:white}
.food-survey-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(245px,.7fr);gap:30px;align-items:start}
.food-survey-panel,.food-survey-aside{background:var(--paper);border:1px solid var(--line);border-radius:22px;padding:clamp(20px,3vw,34px)}
.food-survey-aside{background:#e8f0e9;position:sticky;top:148px}
.food-survey-aside h3{font-size:25px;line-height:1.12;margin:8px 0 12px}
.food-survey-aside p{line-height:1.7;color:var(--muted)}
.food-side-divider{border-top:1px solid var(--line);margin:28px 0}
.food-question{border:0;border-bottom:1px solid var(--line);margin:0 0 21px;padding:0 0 23px;min-width:0}
.food-question:last-of-type{border:0;margin-bottom:8px}
.food-label{font-weight:700;display:block;margin-bottom:10px;font-size:17px}
legend.food-label{padding:0 0 8px}
.food-helper,.food-sub-label{color:var(--muted);font-size:13px;line-height:1.6;display:block;margin:0 0 13px}
.food-sub-label{margin:17px 0 7px}
.food-question>input[type=text],.food-question>textarea,.food-question textarea{display:block;width:100%;border:1px solid #cbd5ca;background:#fff;border-radius:12px;padding:13px 14px;color:var(--ink);font:inherit}
.food-options{display:flex;flex-wrap:wrap;gap:11px}
.food-options label{display:inline-flex;gap:8px;align-items:center;border:1px solid #cbd5ca;background:white;border-radius:50px;padding:9px 13px;font-size:14px;cursor:pointer;line-height:1.3}
.food-options label:has(input:checked){background:var(--sea);border-color:var(--pine2);color:var(--pine)}
.food-options input{accent-color:var(--pine);cursor:pointer}
.food-privacy{font-size:12px;color:var(--muted);line-height:1.7;background:#eef4ee;border-radius:12px;padding:12px 14px}
.food-form-actions{display:flex;gap:12px;flex-wrap:wrap;margin:24px 0 10px}
.food-feedback{min-height:24px;font-size:13px;color:var(--pine)}
@media(max-width:880px){.food-lead{grid-template-columns:1fr;gap:22px}.food-menu-highlights{grid-template-columns:repeat(2,minmax(0,1fr))}.food-survey-layout{grid-template-columns:1fr}.food-survey-aside{position:static}.food-menu-book iframe{height:490px}.food-book-copy{flex-wrap:wrap}}
@media(max-width:540px){.food-menu-highlights{grid-template-columns:1fr}.food-lead img{height:260px}.food-menu-book iframe{height:410px}.food-book-copy{padding:19px}.food-options label{font-size:13px}.food-survey-panel{padding:18px}}