@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800;900&family=Yellowtail&display=swap');
:root{color-scheme:dark;--bg:#050505;--paper:#f1efe6;--muted:#a5a49c;--lime:#bdd323;--cyan:#29bbd1;--line:#ffffff24;--pad:clamp(24px,5vw,88px)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:94px}body{margin:0;background:var(--bg);color:var(--paper);font-family:Poppins,Arial,sans-serif;font-size:16px;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid var(--lime);outline-offset:6px}button{color:inherit}::selection{background:var(--lime);color:#050505}h1,h2,p{margin:0}.skip-link{position:fixed;z-index:100;left:20px;top:-80px;background:var(--lime);color:black;padding:14px}.skip-link:focus{top:14px}.header{height:94px;position:fixed;inset:0 0 auto;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:0 var(--pad);background:linear-gradient(#050505f5,#050505cb,#05050500)}.brand{display:flex;align-items:center;gap:11px}.brand img{object-fit:contain}.brand>span{font-size:21px;line-height:1.12;font-weight:800;letter-spacing:-.9px}.brand small{display:block;font-size:9px;font-weight:500;letter-spacing:2.2px;margin-top:5px}.header nav{display:flex;gap:32px;align-items:center;font-size:14px;font-weight:500}.header nav>a:not(.nav-cta){padding:12px 0}.header nav>a:hover{color:var(--lime)}.nav-cta{border:1px solid #ffffff60;border-radius:100px;padding:12px 22px}.story{height:2400vh;position:relative}.stage{height:100vh;height:100dvh;min-height:0;position:sticky;top:0;overflow:hidden;background:#000}.stage-top{position:absolute;top:117px;left:var(--pad);right:var(--pad);display:flex;justify-content:space-between;font-size:11px;letter-spacing:2px;font-weight:500;z-index:4;color:#bdbbb4}.hero-type{position:absolute;top:150px;left:var(--pad);font-size:clamp(44px,4.5vw,72px);line-height:1.05;letter-spacing:-.055em;font-weight:800;z-index:4;pointer-events:none;transition:opacity .15s}.hero-type span{color:transparent;-webkit-text-stroke:1px #f1efe64d}.film{position:absolute;inset:0;z-index:1;}.film canvas,.film>img{width:100%;height:100%;display:block;object-fit:cover;position:absolute;inset:0}.film canvas{z-index:2}.film>img{object-fit:cover;transition:opacity .35s}.film-shade{position:absolute;inset:0;z-index:3;pointer-events:none;background:linear-gradient(180deg,#0008 0%,transparent 26%,transparent 57%,#000b 100%),linear-gradient(90deg,#0008,transparent 35%,transparent 75%,#0004)}.dish-caption{position:absolute;bottom:104px;left:var(--pad);right:var(--pad);display:flex;align-items:flex-end;justify-content:space-between;gap:24px;z-index:5}.eyebrow{font-size:12px;letter-spacing:2px;line-height:1.5;font-weight:600;display:block}.dish-caption .eyebrow{color:var(--lime);margin-bottom:10px}.dish-caption h2{font-size:clamp(44px,5.6vw,86px);font-weight:700;letter-spacing:-.05em;line-height:1.04}.dish-caption p{max-width:300px;font-size:15px;line-height:1.8;color:#cac8bf}.stage-bottom{position:absolute;left:var(--pad);right:var(--pad);bottom:35px;display:flex;align-items:center;justify-content:space-between;z-index:5;font-size:12px;color:#b2b0a6}.scroll-cue{display:flex;align-items:center;gap:18px}.scroll-track{height:29px;width:16px;border:1px solid #777;border-radius:12px;position:relative}.scroll-track:after{content:'';position:absolute;left:6px;top:7px;width:2px;height:6px;background:var(--lime);animation:scrollhint 1.8s infinite}.dish-counter{display:flex;gap:12px;align-items:center;font-size:14px}.dish-counter>span:first-child{color:var(--paper)}.counter-line{width:50px;height:1px;background:#666}.text-link{border-bottom:1px solid #888;padding:5px 0}.progress{position:absolute;bottom:0;left:0;right:0;height:2px;background:#ffffff0c}.progress span{height:100%;width:100%;transform:scaleX(0);transform-origin:left;display:block;background:linear-gradient(90deg,var(--lime),var(--cyan))}.story-anchor{position:absolute;top:110vh;left:0}.sequence-status{position:absolute;bottom:75px;right:var(--pad);font-size:12px;color:var(--muted);z-index:7}.section-pad{padding:110px var(--pad)}.menu-section{background:var(--paper);color:#111}.section-intro{position:relative}.section-intro .eyebrow{color:#69685f;margin-bottom:24px}.section-intro h2{font-size:clamp(48px,7vw,106px);letter-spacing:-.065em;line-height:1.08;font-weight:800}.section-intro h2 em{font-family:Yellowtail,cursive;font-weight:400;letter-spacing:0}.section-intro>p{position:absolute;right:0;bottom:8px;font-size:17px;line-height:1.8}.menu-filters{display:flex;gap:9px;flex-wrap:wrap;margin:48px 0 32px}.menu-filters button{border:1px solid #1113;padding:10px 22px;border-radius:50px;background:transparent;color:#222;font-size:14px}.menu-filters .active{background:#111;color:var(--paper);border-color:#111}.menu-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:34px 25px}.menu-card{border:0;border-radius:0;background:transparent;text-align:left;padding:0;color:#111}.menu-card[hidden]{display:none}.menu-card .image-wrap{display:block;background:#000;aspect-ratio:1.55;overflow:hidden;position:relative}.menu-card img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.7,.2,1)}.menu-card:hover img{transform:scale(1.06)}.menu-card .card-line{display:flex;justify-content:space-between;align-items:center;margin-top:16px}.menu-card h3{margin:0;font-size:21px;letter-spacing:-.7px}.menu-card .plus{width:28px;height:28px;border:1px solid #1114;border-radius:50%;display:grid;place-items:center;font-size:20px;font-weight:400}.menu-card p{font-size:13px;color:#64635c;margin-top:5px}.club-section{background:var(--lime);color:#111}.club-section>.eyebrow{margin-bottom:38px}.club-section h2{font-size:clamp(58px,10.7vw,164px);letter-spacing:-.065em;line-height:1;font-weight:800}.club-section h2 em{font-family:Yellowtail,cursive;font-weight:400;letter-spacing:-.02em}.club-bottom{display:flex;justify-content:space-between;align-items:flex-end;margin-top:65px}.club-bottom p{font-size:17px;line-height:1.9}.club-location{font-size:12px;line-height:1.9;letter-spacing:1.5px}.visit-section .eyebrow{color:var(--lime);margin-bottom:26px}.visit-section h2{font-size:clamp(40px,6vw,88px);letter-spacing:-.055em;font-weight:700;line-height:1.1}.visit-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:45px}.visit-bottom p{font-size:17px;color:#b8b6ae;line-height:1.9}.primary-button{display:inline-block;background:var(--lime);color:#111;border:0;border-radius:50px;padding:17px 28px;font-weight:600;font-size:14px;transition:background .2s,transform .2s}.primary-button:hover{background:#d3e943;transform:translateY(-2px)}.footer{border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:36px var(--pad);gap:24px}.footer>span{font-size:11px;letter-spacing:1.3px;color:var(--muted)}.footer>a:last-child{font-size:13px;color:var(--muted)}dialog{position:fixed;background:#111;color:var(--paper);border:1px solid #ffffff24;max-width:850px;width:calc(100% - 32px);padding:0;max-height:90svh;overflow:auto}dialog::backdrop{background:#000b;backdrop-filter:blur(8px)}dialog>img{display:block;width:100%;aspect-ratio:2.33;object-fit:cover;background:#000}.dialog-close{position:absolute;right:16px;top:16px;border:1px solid #fff5;background:#111a;width:40px;height:40px;border-radius:50%;z-index:2}.dialog-copy{padding:35px}.dialog-copy .eyebrow{color:var(--lime)}.dialog-copy h2{font-size:42px;letter-spacing:-2px;margin:10px 0}.dialog-copy p{line-height:1.8;color:#c3c1b8}.dialog-copy .allergen-note{font-size:12px;color:#999;margin:22px 0}.dialog-copy .primary-button{margin-top:5px}@keyframes scrollhint{0%,100%{transform:translateY(0);opacity:.6}60%{transform:translateY(7px);opacity:1}}
@media(min-width:1700px){.hero-type{top:18%}}
@media(max-width:760px){.header{height:78px}.brand>span{font-size:17px}.brand img{width:28px}.brand small{font-size:8px}.header nav{gap:16px;font-size:12px}.header nav>a:nth-child(2){display:none}.nav-cta{padding:10px 14px}.stage{min-height:0}.stage-top{top:105px;font-size:9px;letter-spacing:1.2px}.stage-top span:last-child{display:none}.hero-type{top:153px;font-size:clamp(47px,11.5vw,83px);line-height:1;letter-spacing:-.05em}.film{inset:0}.dish-caption{bottom:117px;display:block}.dish-caption h2{font-size:46px}.dish-caption .eyebrow{font-size:10px;margin-bottom:7px}.dish-caption p{font-size:13px;line-height:1.6;margin-top:14px;max-width:280px}.stage-bottom{bottom:33px;align-items:flex-end}.stage-bottom .text-link{display:none}.scroll-cue{font-size:10px;gap:10px;max-width:190px}.counter-line{width:25px}.dish-counter{font-size:12px;gap:8px}.sequence-status{bottom:85px;font-size:11px}.section-pad{padding:74px var(--pad)}.section-intro .eyebrow{font-size:10px}.section-intro h2{font-size:58px}.section-intro>p{position:static;margin-top:24px;font-size:15px}.menu-filters{margin-top:30px;gap:6px}.menu-filters button{font-size:12px;padding:9px 14px}.menu-grid{grid-template-columns:repeat(2,1fr);gap:25px 12px}.menu-card .image-wrap{aspect-ratio:1.15}.menu-card img{object-fit:cover}.menu-card h3{font-size:16px;letter-spacing:-.5px}.menu-card p{font-size:11px}.menu-card .plus{width:22px;height:22px;font-size:16px;flex-shrink:0;margin-left:5px}.club-section h2{font-size:clamp(53px,12vw,90px)}.club-bottom{display:block;margin-top:36px}.club-bottom p{font-size:14px}.club-location{display:block;margin-top:35px;font-size:10px}.visit-bottom{display:block}.visit-bottom p{font-size:15px;margin-bottom:28px}.footer{flex-wrap:wrap}.footer>span{display:none}.footer>a:last-child{font-size:11px}.dialog-copy{padding:25px}.dialog-copy h2{font-size:34px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.story{height:1400vh}}

/* Transparent effects sit above the film and below readable content. */
.atmosphere{position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none;display:block}
.atmosphere[hidden]{display:none}
.button-atmosphere{position:fixed;left:0;top:0;z-index:25;pointer-events:none;visibility:hidden;will-change:transform}
@media(prefers-reduced-motion:reduce){.atmosphere,.button-atmosphere{display:none}}

.film-loading{overflow:hidden}
.film-preloader{position:fixed;inset:0;z-index:50;background:#050505;color:var(--paper);transition:opacity .55s ease,visibility 0s .55s;visibility:visible}
.film-preloader.is-complete{opacity:0;visibility:hidden;pointer-events:none}
.preloader-center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;text-align:center}
.preloader-progress{--loader-unfilled:100%;perspective:700px}
.preloader-skewer{position:relative;width:clamp(100px,16vh,140px);aspect-ratio:562/940;animation:skewer-turn 5s ease-in-out infinite;transform-style:preserve-3d}
.preloader-mark{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.preloader-mark-base{filter:grayscale(1);opacity:.28}
.preloader-mark-fill{clip-path:inset(var(--loader-unfilled) 0 0)}
.preloader-caption{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.film-preloader[data-status="error"] .preloader-caption{position:static;width:auto;height:auto;margin:28px 0 0;overflow:visible;clip-path:none;white-space:normal;color:var(--muted);font-size:12px;line-height:1.6}
#loading-error{margin-top:24px}#loading-error button{background:none;border:0;border-bottom:1px solid #ffffff60;padding:8px 0;margin:0 12px;font-size:12px}
.film-preloader[data-status="error"] .preloader-skewer,.film-preloader.is-complete .preloader-skewer{animation-play-state:paused}
@keyframes skewer-turn{0%,100%{transform:rotateY(-24deg)}50%{transform:rotateY(24deg)}}
@media(max-height:520px){.preloader-skewer{width:76px}}
@media(prefers-reduced-motion:reduce){.film-preloader{transition:none}.preloader-skewer{animation:none}}

/* Verified location and contact details, kept visible on every screen size. */
.footer{display:grid;grid-template-columns:1.2fr 1fr auto;align-items:start;gap:32px;padding-top:42px;padding-bottom:42px}
.footer-location{font-style:normal;font-size:14px;line-height:1.8;color:#c3c1b8}
.footer-label{display:block;font-size:10px;line-height:1.5;letter-spacing:1.8px;color:var(--lime);margin-bottom:10px}
.footer-contact{font-size:14px;line-height:1.8}
.footer-top{display:block;width:fit-content;margin-top:14px;font-size:12px;color:var(--muted)}
.footer-location a:hover,.footer-contact a:hover{color:var(--lime)}
@media(max-width:760px){.footer{grid-template-columns:1fr 1fr;gap:30px 20px}.footer>.brand{grid-column:1/-1}.footer-location,.footer-contact{font-size:13px}}
@media(max-width:380px){.footer{grid-template-columns:1fr}.footer>.brand{grid-column:auto}}

/* Preserve the original headline, captions and scroll controls. */
.is-hero .atmosphere{visibility:hidden}
.is-hero .film-shade{opacity:.45}
.film>img{object-fit:cover;transform:none}

/* Two live shader layers: smoke around the spit and sparse rising embers. */
.hero-effect{position:absolute;inset:0;width:100%;height:100%;z-index:3;pointer-events:none;visibility:hidden}
.is-hero .hero-effect{visibility:visible}
.hero-effect[hidden]{display:none}
.effect-toggle{position:absolute;right:var(--pad);bottom:78px;z-index:6;border:0;border-bottom:1px solid #ffffff30;padding:5px 0;background:transparent;color:var(--muted);font-size:10px;letter-spacing:.3px;visibility:hidden}
.is-hero .effect-toggle{visibility:visible}
.effect-toggle:hover{color:var(--paper)}
@media(max-width:760px){.effect-toggle{bottom:78px;font-size:9px}}
@media(prefers-reduced-motion:reduce){.hero-effect,.effect-toggle{display:none}}

/* The fries reveal has its own baked atmosphere and changing portrait framing. */
.is-fries .hero-effect,.is-fries .effect-toggle{visibility:hidden}

/* Keep the full new food silhouettes visible in menu previews. */
.menu-card img,dialog>img{object-fit:contain}
.dish-caption h2{max-width:55vw}
.film-stills .story{height:1400vh}
@media(max-width:760px){.dish-caption h2{font-size:clamp(32px,8.8vw,46px);max-width:100%}}

/* Brand light sits behind the food, revealed by the film's black background. */
.film{isolation:isolate;background:#000}
.film #brand-background{z-index:0;pointer-events:none;mix-blend-mode:normal}
.film #food-canvas,.film #poster{mix-blend-mode:lighten}
.effect-toggle{visibility:visible}

/* Text follows the scroll film; the rest of the page reveals on section entry. */
.hero-type{transition:none}
.hero-line{display:block}
.hero-type .hero-line-solid{color:var(--paper);-webkit-text-stroke:0}
#dish-tag,#dish-title,#dish-description,#dish-index{will-change:transform,opacity;transition:none}
#dish-index{display:inline-block}
.section-text-motion{opacity:0;transform:translate3d(0,30px,0);transition:opacity .75s ease var(--text-delay,0ms),transform .85s cubic-bezier(.16,1,.3,1) var(--text-delay,0ms)}
.section-text-motion.text-visible{opacity:1;transform:translate3d(0,0,0)}
@media(prefers-reduced-motion:reduce){.section-text-motion{opacity:1;transform:none}.hero-type,#dish-tag,#dish-title,#dish-description,#dish-index{filter:none!important;transform:none!important;will-change:auto}}