:root{--ink:#100e0b;--surface:#191611;--gold:#cfa76d;--cream:#f3ecdf}
.site-header{height:82px;background:rgba(16,14,11,.58);backdrop-filter:blur(16px);border-color:rgba(231,213,180,.12)}
.site-header .wordmark{font-size:2.2rem;letter-spacing:.12em}.site-header nav{gap:32px;font-size:.8rem}
.button{border-radius:0;background:var(--cream);border-color:var(--cream);padding:16px 26px;letter-spacing:.015em}.button:hover{background:var(--gold);border-color:var(--gold)}
.cinematic{position:relative;height:580svh;background:#100e0b}.ritual-anchor{position:absolute;top:0;scroll-margin-top:0}
.cinematic-stage{position:sticky;top:0;height:100svh;min-height:610px;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 71% 46%,#30241a 0%,#19140e 38%,#0c0b09 77%)}
.studio-glow{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 68% 40%,rgba(180,128,59,.13),transparent 42%)}
.scene-word{position:absolute;left:43%;top:9%;font-family:Georgia,serif;font-size:clamp(160px,26vw,430px);line-height:1;letter-spacing:-.06em;color:rgba(240,223,193,.045);pointer-events:none;white-space:nowrap}
#coffee-scene{position:absolute;inset:0;width:100%;height:100%;opacity:0;transition:opacity .7s;pointer-events:none}
.scene-poster{position:absolute;left:40%;top:15%;width:60%;height:70%;object-fit:cover;opacity:.85;mask-image:linear-gradient(90deg,transparent,#000 20%,#000 85%,transparent);transition:opacity .6s}
.has-3d #coffee-scene{opacity:1}.has-3d .scene-poster{opacity:0}
.scene-copy{position:absolute;z-index:2;left:6%;top:28%;width:42%;max-width:630px}.scene-copy .eyebrow{font-size:.7rem;letter-spacing:.2em;color:#e0ba80}.chapter-label{font-size:.62rem;letter-spacing:.18em;color:#b4a48c;margin:32px 0 0}.chapter-label span{color:#f3ecdf;margin-right:14px}
.scene-copy h1{font-size:clamp(3.7rem,6.3vw,6.8rem);line-height:1.04;letter-spacing:-.05em;margin:18px 0 25px;min-height:2.1em}.scene-copy h1 em{color:#d6ad71}.scene-copy>p#scene-description{font-size:.9rem;line-height:1.8;color:#bdb0a0;max-width:340px;min-height:3.6em}.scene-cta{margin-top:32px;gap:42px;font-size:.8rem}
.scene-detail{display:none}
.scene-bottom{position:absolute;left:6%;right:5%;bottom:97px;display:flex;align-items:center;justify-content:space-between;font-size:.62rem;letter-spacing:.1em;color:#b9a78d}.scene-bottom button{background:transparent;border:0;border-bottom:1px solid #6e5942;color:#b9a78d;padding:10px 0;font-size:.7rem;min-height:44px}.scroll-prompt{display:flex;gap:24px;align-items:center}.scroll-prompt span{font-size:1.3rem;color:#e0ba80}.concept-badge{font-size:.6rem}
.scene-chapters{position:absolute;bottom:25px;left:6%;right:5%;display:grid;grid-template-columns:repeat(6,1fr);gap:24px;padding:0;list-style:none;margin:0}.scene-chapters li{border-top:1px solid rgba(240,225,199,.14);padding-top:16px;font-size:.58rem;color:#756956;letter-spacing:.03em}.scene-chapters li span{margin-left:14px}.scene-chapters li.active{border-color:#d5b078;color:#e0c39a}
.scene-progress{position:absolute;bottom:0;left:0;right:0;height:2px;background:#2e2418}.scene-progress span{display:block;height:100%;background:#c7a068;transform:scaleX(0);transform-origin:left}
.cinematic.static-ritual{height:auto}.static-ritual .cinematic-stage{position:relative}.static-ritual .scene-chapters,.static-ritual .scroll-prompt,.static-ritual .scene-progress{display:none}.static-ritual .scene-bottom{bottom:28px}
.menu{position:relative;background:#eee7da;color:#211b14}.menu .eyebrow,.menu em{color:#8a643d}.menu .section-heading>p{color:#70665a}.menu .filter{color:#635443;border-color:#c9bca9}.menu .filter.active{background:#241c14;color:#efe6d5;border-color:#241c14}.menu .sample-note{color:#776b5a}.menu-card{background:#e8dfcf;border-color:#cfc2ae}.menu-card h3{color:#231c14}.menu-card p{color:#776951}.menu .card-number,.menu-card strong{color:#85613c}.menu .dietary{color:#796d5c;border-color:#cfc2ae}.menu-footnote{color:#786b59}.menu .featured-card{background:#231c15;color:#f2e8d9}.featured-card h3{color:#f2e8d9}.featured-card p{color:#c3b49d}.featured-card .card-number,.featured-card strong{color:#d5b17c}.featured-card .dietary{color:#c3b49d;border-color:#554632}.menu .card-tag{color:#e8dbc7;background:#201912cc}.story{background:#15120e}.closing{background:radial-gradient(ellipse at center,#302218,#100e0b)}
html:not(.js-ready) .cinematic{height:auto}html:not(.js-ready) .cinematic-stage{position:relative}html:not(.js-ready) .scene-chapters,html:not(.js-ready) .scroll-prompt,html:not(.js-ready) #motion-toggle{display:none}
@media(max-width:1000px){.scene-detail{display:none}.scene-copy{width:47%;left:5%}.scene-copy h1{font-size:clamp(3.5rem,7vw,5rem)}.scene-chapters{gap:14px}.scene-chapters li span{margin-left:5px}.scene-copy .chapter-label{margin-top:22px}}
@media(max-width:849px){.site-header{height:72px;padding:0 5%}.site-header .wordmark{font-size:1.7rem}.site-header .button-small{font-size:.7rem;min-height:38px;padding:10px 14px}.site-header nav{top:72px}.cinematic{height:420svh}.cinematic-stage{min-height:670px}.scene-copy{top:13%;left:6%;width:88%;max-width:none}.scene-copy h1{font-size:clamp(2.75rem,7.5vw,3.7rem);margin:12px 0 14px;min-height:2.08em;line-height:1.02}.scene-copy .eyebrow{font-size:.62rem}.chapter-label{display:none}.scene-copy>p#scene-description{font-size:.75rem;line-height:1.6;max-width:260px;min-height:3.2em}.scene-cta{margin-top:18px;min-height:42px;padding:11px 18px;font-size:.7rem;gap:28px}.scene-word{left:5%;top:48%;font-size:42vw}.scene-poster{left:0;top:43%;width:100%;height:47%;mask-image:linear-gradient(0deg,transparent,#000 20%,#000 90%,transparent)}.scene-bottom{bottom:52px;left:6%;right:6%}.scene-bottom button{font-size:.62rem}.scroll-prompt{font-size:.52rem;gap:10px}.concept-badge{display:none}.scene-chapters{bottom:17px;left:6%;right:6%;gap:8px}.scene-chapters li{font-size:.5rem;padding-top:9px}.scene-chapters li span{display:none}.static-ritual .scene-bottom{bottom:20px}}
@media(prefers-reduced-motion:reduce){.cinematic{height:auto}.cinematic-stage{position:relative}.scene-chapters,.scroll-prompt,.scene-progress{display:none}.scene-bottom{bottom:28px}}
