:root{--night:#0b121c;--cream:#f2eee6;--amber:#e9a947;--muted:#c1c8d0;--red:#c2392c}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0;background:var(--night);color:var(--cream);font:16px/1.6 system-ui,-apple-system,Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:3px solid var(--amber);outline-offset:5px}.skip{position:fixed;top:-80px;left:15px;z-index:30;background:var(--cream);color:var(--night);padding:12px}.skip:focus{top:10px}.topbar{position:fixed;inset:0 0 auto;z-index:20;display:flex;justify-content:space-between;align-items:center;padding:22px clamp(20px,4vw,64px);background:linear-gradient(#0b121cf5,#0b121ccb);backdrop-filter:blur(12px);border-bottom:1px solid #ffffff14}.brand{font:30px Georgia,serif;line-height:1}.brand b{font-weight:400;color:var(--amber)}.brand small{display:block;font:8px system-ui;letter-spacing:2px;margin-top:9px}.header-actions{display:flex;gap:24px;align-items:center}.languages{display:flex;gap:3px}.languages button{background:transparent;border:0;border-radius:30px;min-width:44px;min-height:44px;font-size:12px}.languages [aria-pressed=true]{background:var(--cream);color:var(--night)}.shop-link{border:1px solid #ffffff40;border-radius:30px;padding:12px 21px;font-size:13px;font-weight:600}.intro{min-height:100svh;max-width:1800px;margin:auto;display:grid;grid-template-columns:1fr 1.1fr;align-items:center;padding:140px 5% 95px;position:relative;overflow:hidden}.intro-copy{z-index:2}.eyebrow{font-size:10px;font-weight:600;letter-spacing:3px;color:var(--amber);margin-bottom:28px}h1{font:normal clamp(48px,6.5vw,104px)/1.03 Georgia,serif;letter-spacing:-3px;margin:0 0 28px}h1 em{color:var(--amber);font-weight:400}.lede{color:var(--muted);max-width:36ch;font-size:clamp(16px,1.4vw,20px);line-height:1.7}.actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-top:35px}.primary{display:inline-flex;align-items:center;justify-content:center;min-height:52px;background:var(--red);color:#fff7f2;border-radius:32px;padding:15px 25px;font-size:14px;font-weight:650;box-shadow:0 8px 30px #d2402f22}.secondary{font-size:13px;display:inline-flex;align-items:center;min-height:44px;border-bottom:1px solid #ffffff44}.location{font-size:11px;color:var(--muted);margin-top:35px}.intro-art{height:min(65vw,690px);position:relative;isolation:isolate}.intro-bowl{position:absolute;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 25px 30px #0008)}.intro-coffee{position:absolute;width:35%;height:50%;object-fit:contain;right:-2%;bottom:-1%;filter:drop-shadow(0 15px 15px #0008)}.halo{position:absolute;inset:15%;z-index:-1;background:#e9a94718;border-radius:50%;filter:blur(75px)}.steam{position:absolute;width:80px;height:150px;top:14%;left:43%;background:radial-gradient(ellipse,#ffffff16,transparent 65%);filter:blur(10px);animation:steam 6s ease-in-out infinite;pointer-events:none}.s2{left:60%;animation-delay:2s}.art-caption{position:absolute;left:40%;bottom:2%;font-size:10px;color:var(--muted)}@keyframes steam{0%,100%{transform:translateY(15px) scale(.8);opacity:.2}50%{transform:translateY(-40px) scale(1.2);opacity:.8}}.intro-bottom{position:absolute;bottom:30px;left:5%;right:5%;display:flex;justify-content:space-between;font-size:9px;letter-spacing:3px;color:var(--muted)}.journey{height:650svh;position:relative}.story-stage{height:100svh;min-height:620px;position:sticky;top:0;overflow:hidden;isolation:isolate}.scene-images,.scene-images picture,.scene-images img,.story-scrim{position:absolute;inset:0;width:100%;height:100%}.scene-images picture{opacity:0;will-change:opacity,transform}.scene-images picture:first-child{opacity:1}.scene-images img{object-fit:cover;object-position:center}.story-scrim{background:linear-gradient(90deg,#0b121cf5 0%,#0b121cca 24%,#0b121c30 60%,transparent),linear-gradient(0deg,#0b121c 0%,transparent 30%)}.story-copy{position:absolute;top:32%;left:5%;max-width:37%;z-index:2}.story-copy h2{font:normal clamp(40px,4.8vw,76px)/1.06 Georgia,serif;letter-spacing:-2px;margin:0 0 26px;max-width:10ch}.story-copy p:not(.eyebrow){color:var(--muted);max-width:32ch;line-height:1.8;font-size:15px}.story-copy .secondary{margin-top:22px}.story-footer{position:absolute;bottom:25px;left:5%;right:5%;z-index:2}.chapter-nav{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}.chapter-nav button{background:#0b121cbd;border:1px solid #ffffff30;min-height:44px;min-width:44px;border-radius:24px;padding:9px 17px;font-size:11px;color:var(--muted)}.chapter-nav button[aria-current=step]{background:var(--amber);color:var(--night);border-color:var(--amber)}.story-meta{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:var(--muted)}.story-meta button{border:0;background:transparent;min-height:44px;padding:0 12px;text-decoration:underline}.progress{height:2px;background:#ffffff25;margin-top:8px}.progress span{display:block;width:0;height:100%;background:var(--amber)}.finish{min-height:85svh;padding:110px 20px 80px;text-align:center;background:radial-gradient(ellipse at top,#e9a94713,transparent 70%)}.finish h2{font:normal clamp(50px,7vw,100px)/1.05 Georgia,serif;margin:22px 0}.finish p{color:var(--muted);max-width:50ch;margin:25px auto}.finish .primary{margin:12px 0 25px}.finish .disclaimer{font-size:11px;color:#aab4be}.noscript{padding:30px}footer{display:flex;justify-content:space-between;gap:20px;padding:30px 5%;border-top:1px solid #ffffff22;font-size:11px;color:var(--muted)}
@media(max-width:900px){.intro{grid-template-columns:1fr 1fr}h1{font-size:58px}.story-copy{max-width:43%}.story-copy h2{font-size:50px}.header-actions{gap:10px}.shop-link{padding:12px 15px}}
@media(max-width:700px){html{scroll-padding-top:85px}.topbar{padding:14px 18px}.brand{font-size:25px}.brand small{font-size:7px;letter-spacing:1px}.languages button{min-width:35px;min-height:44px;font-size:11px}.header-actions{gap:7px}.shop-link{font-size:11px;padding:10px 12px;max-width:115px;text-align:center}.intro{grid-template-columns:1fr;padding:130px 24px 60px;min-height:100svh;align-content:center}.intro-copy .eyebrow{letter-spacing:1.7px;font-size:8px;margin-bottom:22px}h1{font-size:clamp(44px,11vw,70px);letter-spacing:-2px}.lede{font-size:14px;margin:18px 0;max-width:34ch}.actions{gap:18px;margin-top:22px}.primary{font-size:12px;padding:14px 19px}.secondary{font-size:12px}.location{display:none}.intro-art{height:310px;max-width:460px;width:100%;margin:15px auto 0}.intro-bowl{width:85%;left:0}.intro-coffee{right:0;width:32%;height:60%;bottom:0}.art-caption{left:0;bottom:0;font-size:8px}.intro-bottom{display:none}.journey{height:520svh}.story-stage{min-height:650px}.scene-images img{object-position:center}.story-scrim{background:linear-gradient(0deg,#0b121c 0%,#0b121cf5 19%,#0b121ce8 33%,#0b121c15 64%,#0b121c80 100%)}.story-copy{top:auto;bottom:175px;left:24px;right:24px;max-width:none}.story-copy .eyebrow{margin:0 0 12px;font-size:9px}.story-copy h2{font-size:38px;letter-spacing:-1px;max-width:18ch;margin-bottom:12px}.story-copy p:not(.eyebrow){font-size:13px;line-height:1.65;margin:0;max-width:37ch}.story-copy .secondary{margin-top:10px}.story-footer{bottom:15px;left:20px;right:20px}.chapter-nav{gap:6px;margin-bottom:6px;display:grid;grid-template-columns:repeat(6,1fr)}.chapter-nav button{padding:0;font-size:10px}.chapter-nav .chapter-label{display:none}.story-meta{font-size:9px}.finish{padding:100px 24px 65px}.finish p{font-size:14px}.finish h2{font-size:58px}footer{font-size:9px;flex-wrap:wrap}}
@media(max-width:360px){.topbar{padding:12px}.brand{font-size:22px}.brand small{font-size:6px}.header-actions{gap:4px}.languages button{min-width:30px}.shop-link{max-width:90px;padding:8px}.intro{padding:125px 20px 50px}.intro-art{height:250px}.actions{gap:12px}.primary{font-size:11px}.story-copy{left:20px;right:20px}.story-copy h2{font-size:34px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.steam{display:none}.scene-images picture{will-change:auto!important;transform:none!important}}
body.motion-paused .steam{display:none}body.motion-paused .scene-images picture{transform:none!important}

#fallingSpices{position:absolute;left:68%;top:20%;width:110px;height:110px;object-fit:contain;z-index:1;opacity:0;pointer-events:none;filter:drop-shadow(0 4px 7px #0009)}@media(max-width:700px){#fallingSpices{left:48%;top:15%;width:70px;height:70px}}
@media(max-height:600px) and (min-width:701px){.story-stage{min-height:100svh}.story-copy{top:105px;max-width:42%}.story-copy .eyebrow{margin:0 0 10px}.story-copy h2{font-size:32px;max-width:18ch;margin:0 0 10px}.story-copy p:not(.eyebrow){font-size:12px;line-height:1.5;max-width:40ch}.story-copy .secondary{margin-top:6px}.story-footer{bottom:5px}.chapter-nav{margin-bottom:0}.chapter-nav button{padding:7px 14px}.story-meta button{min-height:32px}}

.finish-pair{height:280px;max-width:510px;margin:0 auto;display:flex;justify-content:center;align-items:end}.finish-pair img{object-fit:contain;height:100%;width:65%;filter:drop-shadow(0 15px 30px #0008)}.finish-pair img+img{height:75%;width:30%;margin-left:-15px}@media(max-width:700px){.finish-pair{height:220px}}

/* Menu first, with a layered opening and scroll reveals. */
.shop-link{background:var(--red);border-color:var(--red);color:#fff;font-weight:750;box-shadow:0 5px 24px #c2392c35}.menu-cta{font-size:16px;padding:18px 30px}.primary:hover,.shop-link:hover{background:#dc4836}.intro{background:radial-gradient(ellipse at 78% 48%,#e9a9471c,transparent 55%)}.intro-art{transform:translateY(var(--travel,0px));will-change:transform}.intro-coffee{transform:translateY(var(--coffee-travel,0px)) rotate(-5deg)}.intro-orbit{position:absolute;inset:9%;border:1px solid #e9a94733;border-radius:50%;font-size:10px;letter-spacing:5px;padding:28px;color:var(--amber);transform:rotate(-12deg);z-index:-1}.intro-bottom::after{content:'↓';font-size:24px;animation:scroll-cue 2s ease-in-out infinite}@keyframes scroll-cue{50%{transform:translateY(7px)}}
.signature-discovery{padding:100px 5%;max-width:1800px;margin:auto}.signature-heading{display:flex;align-items:center;gap:25px;flex-wrap:wrap;margin-bottom:40px}.signature-heading .eyebrow{width:100%;margin:0}.signature-heading h2{font:normal clamp(36px,4vw,64px)/1.1 Georgia,serif;margin:0;flex:1}.signature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.discovery-card{position:relative;border:1px solid #ffffff20;border-radius:22px;background:linear-gradient(145deg,#ffffff08,transparent);overflow:hidden;padding:12px 18px 20px;display:grid;grid-template-columns:1fr auto;align-items:center;min-width:0}.discovery-card img{grid-column:1/-1;width:100%;height:auto;aspect-ratio:1;object-fit:contain;transition:transform .35s}.discovery-card:hover img{transform:scale(1.045)}.discovery-card span{font-size:18px}.signature-heading,.discovery-card,.finish{transition:opacity .65s,transform .65s}.js-motion .signature-heading:not(.revealed),.js-motion .discovery-card:not(.revealed),.js-motion .finish:not(.revealed){opacity:0;transform:translateY(30px)}
.media-status{position:absolute;padding:12px 18px;background:#101d2be8;border:1px solid #ffffff25;border-radius:25px;font-size:12px;color:var(--cream);z-index:3}.media-status::before{content:'';display:inline-block;width:12px;height:12px;border:2px solid #ffffff45;border-top-color:var(--amber);border-radius:50%;margin-right:9px;vertical-align:-2px;animation:media-spin .9s linear infinite}.media-status.failed::before{animation:none;border-color:var(--red)}.media-status[hidden]{display:none}.story-status{top:120px;right:5%;max-width:85%}.intro-status{bottom:10%;left:20%;display:none}.intro-art.media-pending .intro-status{display:block}.media-pending{background:linear-gradient(100deg,transparent 20%,#ffffff08 45%,transparent 70%);background-size:240% 100%;animation:media-shimmer 1.8s linear infinite}.media-failed::after{content:'↻';position:absolute;top:20px;right:20px;color:var(--amber)}@keyframes media-spin{to{transform:rotate(360deg)}}@keyframes media-shimmer{to{background-position:240% 0}}
@media(max-width:700px){.signature-discovery{padding:65px 24px}.signature-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.discovery-card{padding:8px 12px 16px}.discovery-card span{font-size:14px}.signature-heading h2{flex-basis:100%}.menu-cta{font-size:14px;padding:16px 24px}.intro-orbit{font-size:8px;letter-spacing:2px;padding:14px}.shop-link{max-width:130px}.story-status{top:100px}.intro-status{left:10%;font-size:11px}.story-copy .primary{margin-top:15px}}
@media(prefers-reduced-motion:reduce){.intro-art,.intro-coffee{transform:none!important;will-change:auto}.intro-bottom::after,.media-pending,.media-status::before{animation:none}.signature-heading,.discovery-card,.finish,.discovery-card img{transition:none!important;opacity:1!important;transform:none!important}}body.motion-paused .intro-art,body.motion-paused .intro-coffee{transform:none!important}

.intro-art.media-failed .intro-status{display:block}.intro-art.media-failed .intro-status::before{animation:none;border-color:var(--red)}
@media(prefers-reduced-motion:no-preference){.scene-images picture{transition:opacity .14s linear,transform .18s ease-out}.intro-art,.intro-coffee{transition:transform .18s ease-out}}body.motion-paused .scene-images picture{transition:none}
/* The complete meal is contained in the film, without separate floating props. */
.intro-film{isolation:isolate;aspect-ratio:1;min-height:0;height:auto;max-height:none}
.intro-film .intro-bowl,.intro-video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;filter:none;transform:none;mask-image:radial-gradient(ellipse 70% 70% at 50% 50%,#000 56%,transparent 76%)}
.intro-video{opacity:0;transition:opacity .25s ease}.intro-film.video-ready .intro-video{opacity:1}.intro-film.video-ready .intro-bowl{opacity:0}
.intro-video-motion{position:absolute;right:7%;top:7%;z-index:5;width:44px;height:44px;display:grid;place-items:center;border:1px solid #ffffff50;border-radius:50%;background:#0b121cd9;color:var(--cream);cursor:pointer}.intro-video-motion svg{width:20px;height:20px}.intro-video-motion:focus-visible{outline:3px solid var(--amber);outline-offset:3px}.intro-film .intro-status{display:block;bottom:15%;left:15%;max-width:70%}.intro-film .intro-status[hidden]{display:none}.intro-film .art-caption{left:8%;bottom:3%}
@media(max-width:700px){.intro-film{max-width:460px;width:100%;height:auto;aspect-ratio:1;margin-top:15px}.intro-film .intro-status{font-size:11px}}
@media(prefers-reduced-motion:reduce){.intro-video{transition:none}}