/* ---- static-kit base (prepended to every site's style.css) ---- */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{margin:0;overflow-x:hidden;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img,video,canvas{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer;padding:0}
h1,h2,h3,h4,p,figure,ul,ol{margin:0;padding:0}
ul,ol{list-style:none}
section{position:relative;overflow-x:clip}
html.lenis,html.lenis body{height:auto}
.lenis.lenis-smooth{scroll-behavior:auto!important}
::selection{background:var(--sel,#000);color:var(--sel-ink,#fff)}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* reveals: transform/opacity only */
[data-reveal]:not([data-split]){opacity:0;transform:translate3d(0,34px,0);transition:opacity .9s cubic-bezier(.2,.7,.2,1),transform 1.1s cubic-bezier(.2,.7,.2,1);transition-delay:calc(var(--d,0)*1s)}
[data-reveal].in:not([data-split]){opacity:1;transform:none}
[data-reveal="fade"]:not([data-split]){transform:none}
[data-reveal="scale"]:not([data-split]){transform:scale(.94)}
[data-split] .w{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.08em;margin-bottom:-.08em}
[data-split] .wi{display:inline-block;transform:translate3d(0,105%,0);transition:transform 1.05s cubic-bezier(.2,.75,.15,1);transition-delay:calc(var(--i)*.055s + var(--d,0)*1s)}
[data-split].in .wi{transform:none}
.img-reveal{overflow:hidden}
.img-reveal img{transform:scale(1.18);transition:transform 1.6s cubic-bezier(.2,.7,.2,1)}
.img-reveal.in img{transform:scale(1)}
@media (prefers-reduced-motion:reduce){
  [data-reveal],[data-split] .wi,.img-reveal img{transition:none!important;transform:none!important;opacity:1!important}
  *{animation-duration:.001s!important;animation-iteration-count:1!important}
}
/* header hide */
[data-header]{transition:transform .5s cubic-bezier(.2,.7,.2,1),background-color .4s,backdrop-filter .4s}
[data-header].hide{transform:translate3d(0,-110%,0)}
canvas.stage{opacity:0;transition:opacity 1.2s ease}
canvas.stage.ready{opacity:1}

/* ---- Monaco Coffee ---- */
:root{
  --ink:#1b120e; --ink2:#261a14; --cream:#f3e9dc; --blush:#eab3bd; --gold:#d3ad6e; --muted:#bfae9f; --line:rgba(243,233,220,.14);
  --serif:'Bodoni Moda',Georgia,serif; --sans:'Manrope',system-ui,sans-serif; --mono:'DM Mono',ui-monospace,monospace;
  --pad:clamp(20px,5vw,72px); --sel:#eab3bd; --sel-ink:#1b120e;
}
body{background:radial-gradient(110% 70% at 70% 15%,#3a261c 0%,#22170f 50%,#140d0a 100%) fixed,#1b120e;color:var(--cream);font:500 16px/1.65 var(--sans)}
#world{position:fixed;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}
.world-shade{position:fixed;inset:0;z-index:0;pointer-events:none;background:linear-gradient(90deg,rgba(20,13,10,.7) 0%,rgba(20,13,10,.25) 45%,rgba(20,13,10,0) 70%)}
main,.nav,.fab{position:relative;z-index:2}
h1,h2,h3{font-family:var(--serif);font-weight:700;letter-spacing:-.02em;line-height:1}
h2{font-size:clamp(40px,5.8vw,88px)}
em{font-style:italic;font-weight:600;color:var(--blush)}
.kicker,.eyebrow,.p-no{font:500 12px/1 var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--gold)}
.lede{max-width:520px;color:var(--muted);font-weight:600;margin-top:20px;font-size:17px}
.sec-head{padding:0 var(--pad);margin-bottom:clamp(40px,7vw,90px)}
.sec-head .kicker{margin-bottom:20px}

.btn{display:inline-flex;align-items:center;gap:10px;padding:16px 26px;background:var(--cream);color:var(--ink);font:700 13px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;border:1px solid var(--cream);transition:background .3s,color .3s,border-color .3s}
.btn i{font-style:normal;transition:transform .3s}
.btn:hover{background:var(--blush);border-color:var(--blush)}
.btn:hover i{transform:translateX(4px)}
.btn-ghost{background:transparent;color:var(--cream);border-color:rgba(243,233,220,.45)}
.btn-ghost:hover{background:var(--cream);color:var(--ink);border-color:var(--cream)}
.btn-sm{padding:11px 16px;font-size:11px}
.btn-full{width:100%;justify-content:center;background:var(--ink);border-color:var(--ink);color:var(--cream)}
.btn-full:hover{background:#b8384f;border-color:#b8384f;color:#fff}
.cta-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:36px}

/* nav */
.nav{position:fixed;top:0;left:0;right:0;display:flex;align-items:center;gap:28px;padding:16px var(--pad);z-index:20}
.nav.scrolled{background:rgba(20,13,10,.92);border-bottom:1px solid rgba(243,233,220,.08)}
.brand{display:flex;align-items:center;gap:12px;margin-right:auto}
.mono{width:38px;height:38px;flex:none}
.mono circle,.mono path{fill:none;stroke:currentColor;stroke-width:1.6;stroke-linejoin:round}
.word{font:700 20px/1 var(--serif);letter-spacing:.32em}
.nav-links{display:flex;gap:26px}
.nav-links a{font:600 12px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;opacity:.82;position:relative}
.nav-links a::after{content:'';position:absolute;left:0;right:100%;bottom:-6px;height:1px;background:var(--blush);transition:right .35s}
.nav-links a:hover{opacity:1}.nav-links a:hover::after{right:0}
.status{font:500 12px/1 var(--mono);color:var(--muted);display:flex;align-items:center;gap:8px;white-space:nowrap}
.status::before{content:'';width:7px;height:7px;border-radius:50%;background:#c4694a}
.status[data-state=open]::before{background:#9fd27a;box-shadow:0 0 0 4px rgba(159,210,122,.18)}
.burger{display:none;width:40px;height:40px;position:relative}
.burger span{position:absolute;left:9px;right:9px;height:1.5px;background:var(--cream);transition:transform .3s}
.burger span:first-child{top:15px}.burger span:last-child{top:24px}
.menu-open .burger span:first-child{transform:translateY(4.5px) rotate(45deg)}
.menu-open .burger span:last-child{transform:translateY(-4.5px) rotate(-45deg)}

/* hero */
.hero{min-height:100svh;display:flex;align-items:center;padding:120px var(--pad)}
.hero-inner{max-width:720px}
.eyebrow{display:flex;align-items:center;gap:10px;margin-bottom:28px}
.eyebrow .dot{width:8px;height:8px;background:var(--blush);border-radius:50%;animation:blink 1.8s ease-in-out infinite}
@keyframes blink{50%{opacity:.25}}
.hero-title{font-size:clamp(52px,8vw,132px);line-height:.95}
.hero-title .line{display:block}
.hero-sub{max-width:480px;font-weight:600;margin-top:30px;color:var(--muted);font-size:18px}
.scroll-cue{position:absolute;left:var(--pad);bottom:34px;display:flex;align-items:center;gap:14px;font:500 11px/1 var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}
.scroll-cue span{width:1px;height:46px;background:rgba(243,233,220,.25);position:relative;overflow:hidden}
.scroll-cue span::after{content:'';position:absolute;left:0;top:-50%;width:1px;height:50%;background:var(--blush);animation:cue 2s cubic-bezier(.6,0,.3,1) infinite}
@keyframes cue{to{top:100%}}

/* split-flap */
.board{position:absolute;right:var(--pad);bottom:44px;width:min(450px,40vw);background:#100a07;border:1px solid var(--line);padding:16px 18px;font-family:var(--mono)}
.board-head,.board-foot,.board-labels{display:flex;justify-content:space-between;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}
.board-head{padding-bottom:12px;border-bottom:1px solid rgba(243,233,220,.1);margin-bottom:12px;color:var(--cream)}
.board-head span:last-child{color:var(--gold)}
.board-labels{margin-bottom:8px}
.board-row{display:flex;justify-content:space-between;gap:12px}
.flap{display:flex;gap:2px}
.cell{position:relative;width:1.2em;height:1.75em;font:500 16px/1.75em var(--mono);color:#f6d9de;text-align:center;background:#231813;perspective:120px}
.cell::after{content:'';position:absolute;left:0;right:0;top:50%;height:1px;background:#000}
.cell i{position:absolute;inset:0;font-style:normal;backface-visibility:hidden}
.cell .f{background:#231813;opacity:0}
.cell.flip .f{animation:flap .07s linear}
@keyframes flap{from{opacity:1;transform:rotateX(0)}to{opacity:1;transform:rotateX(-90deg)}}
.board-foot{margin-top:12px;padding-top:10px;border-top:1px solid rgba(243,233,220,.1)}
#board-status[data-state=open]{color:#9fd27a}

/* story */
.story{padding:clamp(90px,12vw,170px) var(--pad)}
.story-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,6vw,100px);align-items:center}
.story-copy{grid-column:2;grid-row:1;background:rgba(20,13,10,.6);border:1px solid rgba(243,233,220,.08);padding:clamp(26px,3.6vw,50px)}
.story-copy h2{margin:20px 0 0}
.facts{display:grid;grid-template-columns:repeat(3,1fr);margin-top:36px;border-top:1px solid var(--line)}
.facts li{padding:18px 0 0}
.facts b{font:700 46px/1 var(--serif);display:block}
.facts small{font-size:.5em;color:var(--gold);margin-left:2px}
.facts span{font:500 11px/1.4 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.stack{grid-column:1;grid-row:1;position:relative;height:clamp(420px,46vw,640px);perspective:1400px;transform-style:preserve-3d}
.card{position:absolute;width:56%;aspect-ratio:3/4;overflow:hidden;border:1px solid var(--line);box-shadow:0 40px 80px -30px rgba(0,0,0,.75);background:#100a07}
.card img{width:100%;height:100%;object-fit:cover}
.c1{left:0;top:6%}.c2{left:24%;top:0;z-index:2}.c3{left:44%;top:16%}

/* menu panels */
.menu-sec{padding:clamp(90px,12vw,160px) 0 40px}
.panel{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,6vw,100px);align-items:center;padding:clamp(50px,7vw,100px) var(--pad);min-height:92vh}
.panel.rev .p-copy{order:2;justify-self:end}
.p-copy{width:100%;max-width:540px;background:rgba(20,13,10,.78);border:1px solid rgba(243,233,220,.08);padding:clamp(26px,3.4vw,46px)}
.p-copy h3{font-size:clamp(42px,5vw,74px);margin:18px 0 10px}
.p-note{color:var(--muted);margin-bottom:22px}
.p-list li{display:grid;grid-template-columns:1fr auto auto;gap:14px;align-items:center;padding:10px 0;border-bottom:1px solid rgba(243,233,220,.1);font-size:15px}
.p-list li i{font:500 10px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--blush);margin-left:8px;font-style:normal}
.p-list b{font:500 14px var(--mono)}
.p-add{width:28px;height:28px;border:1px solid rgba(243,233,220,.3);font-size:16px;line-height:1;transition:background .2s,color .2s}
.p-add:hover,.p-add.done{background:var(--blush);color:var(--ink);border-color:var(--blush)}
.p-fig{perspective:1100px;display:grid;justify-items:center}
.panel.rev .p-fig{order:1}
@media (min-width:901px){.p-fig{visibility:hidden}}
.tilt{width:min(380px,100%);aspect-ratio:4/5;overflow:hidden;transform-style:preserve-3d;will-change:transform;box-shadow:0 40px 80px -30px rgba(0,0,0,.7);border:1px solid var(--line)}
.tilt img{width:100%;height:100%;object-fit:cover}
.bites{padding:30px var(--pad) 0;font:700 22px/1.4 var(--serif);max-width:900px}
.bites span{display:block;font:500 12px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--gold);margin-top:8px}

/* brew */
.brew{padding:clamp(90px,12vw,170px) var(--pad);background:linear-gradient(180deg,rgba(20,13,10,0) 0%,rgba(20,13,10,.92) 16%,rgba(20,13,10,.92) 84%,rgba(20,13,10,0))}
.brew-grid{display:grid;grid-template-columns:.8fr 1fr;gap:clamp(40px,7vw,120px);align-items:center}
.brew-media{position:relative;aspect-ratio:540/660;overflow:hidden;border:1px solid var(--line)}
.brew-media video{width:100%;height:100%;object-fit:cover}
.tag{position:absolute;left:14px;bottom:14px;font:500 11px var(--mono);letter-spacing:.14em;text-transform:uppercase;background:rgba(20,13,10,.82);padding:8px 10px}
.brew-copy h2{margin:20px 0 46px}
.steps{position:relative;padding-left:70px}
.steps-path{position:absolute;left:4px;top:0;width:40px;height:100%}
.steps-path path{fill:none;stroke:var(--blush);stroke-width:2;vector-effect:non-scaling-stroke}
.steps li{display:flex;gap:22px;padding:22px 0;border-bottom:1px solid rgba(243,233,220,.1);opacity:.35;transform:translateX(18px);transition:opacity .6s,transform .8s cubic-bezier(.2,.7,.2,1)}
.steps li.on{opacity:1;transform:none}
.steps li>span{font:500 13px var(--mono);color:var(--gold);padding-top:8px}
.steps h4{font:700 32px/1.1 var(--serif);margin-bottom:6px}
.steps p{color:var(--muted)}

/* bedazzle */
.bedazzle{padding:clamp(100px,13vw,180px) var(--pad);min-height:110vh}
.bz-copy{max-width:640px}
.bz-copy h2{margin-top:20px}
.bz-row{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:46px 0 30px}
.bz-row figure{aspect-ratio:3/4;overflow:hidden;border:1px solid var(--line);position:relative;background:#100a07}
.bz-row img{width:100%;height:100%;object-fit:cover}
.bz-row figcaption{position:absolute;left:0;right:0;bottom:0;padding:22px 10px 10px;font:500 10px var(--mono);letter-spacing:.14em;text-transform:uppercase;background:linear-gradient(transparent,rgba(20,13,10,.85))}
.add-link{font:700 12px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--blush);border-bottom:1px solid currentColor;padding-bottom:6px}

/* what's on */
.whats-on{padding:clamp(90px,12vw,160px) 0;background:linear-gradient(180deg,rgba(20,13,10,0),rgba(20,13,10,.9) 14%,rgba(20,13,10,.9) 86%,rgba(20,13,10,0))}
.events{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:0 var(--pad);perspective:1300px}
.ev{display:grid;grid-template-columns:42% 1fr;background:#21160f;border:1px solid var(--line);min-height:280px}
.ev img{width:100%;height:100%;object-fit:cover}
.ev>div{padding:28px;display:flex;flex-direction:column}
.ev small{font:500 11px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--gold)}
.ev h3{font-size:clamp(28px,2.6vw,40px);margin:14px 0 10px}
.ev p{color:var(--muted);font-size:15px}
.ev b{margin-top:auto;padding-top:18px;font:500 12px var(--mono);letter-spacing:.08em;color:var(--blush)}

/* order slip */
.order-sec{background:var(--cream);color:var(--ink);padding:clamp(90px,12vw,160px) 0}
.order-sec .kicker{color:#9a6b3a}
.order-sec em{color:#b8384f}
.order-sec .lede{color:#6b5d50}
.counter{display:grid;grid-template-columns:1.2fr .9fr;gap:clamp(30px,5vw,80px);padding:0 var(--pad);align-items:start}
.tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}
.tabs button{padding:10px 14px;border:1px solid rgba(27,18,14,.25);font:600 12px var(--sans);letter-spacing:.06em}
.tabs button[aria-selected=true]{background:var(--ink);color:var(--cream);border-color:var(--ink)}
.pi{display:grid;grid-template-columns:1fr auto auto;gap:18px;align-items:center;padding:13px 0;border-bottom:1px solid rgba(27,18,14,.14)}
.pi.has .pn{font-weight:700}
.pp{font:500 14px var(--mono);color:#6b5d50}
.qty{display:flex;align-items:center;border:1px solid rgba(27,18,14,.25)}
.qty button{width:36px;height:36px;font-size:18px;transition:background .2s}
.qty button:hover{background:var(--ink);color:var(--cream)}
.qty b{min-width:26px;text-align:center;font:500 14px var(--mono)}
.slip-wrap{position:sticky;top:100px;perspective:1200px}
.slip{background:#fffdf8;border:1px solid rgba(27,18,14,.16);padding:26px;transform-style:preserve-3d;box-shadow:0 30px 60px -30px rgba(27,18,14,.45)}
.slip.punch{animation:punch .45s cubic-bezier(.2,.7,.2,1)}
@keyframes punch{30%{transform:translateY(-6px) rotateZ(-.6deg)}}
.s-top{display:flex;align-items:center;gap:12px;padding-bottom:18px;border-bottom:1px dashed rgba(27,18,14,.3);margin-bottom:16px}
.s-top b{display:block;font:700 17px var(--serif);letter-spacing:.3em}
.s-top small{font:500 11px var(--mono);color:#7a6b5e}
.s-no{margin-left:auto;font:500 12px var(--mono);color:#b8384f}
.s-mode{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid rgba(27,18,14,.25);margin-bottom:16px}
.s-mode button{padding:10px 0;font:600 12px var(--sans);letter-spacing:.08em;text-transform:uppercase}
.s-mode button[aria-checked=true]{background:var(--ink);color:var(--cream)}
.s-items{min-height:90px}
.s-items li{display:flex;justify-content:space-between;gap:12px;padding:8px 0;font-size:14px}
.s-items b{font:500 13px var(--mono)}
.s-items .empty{color:#9a8b7d;font-style:italic}
.s-perf{height:20px;margin:12px -26px;background:radial-gradient(circle at 0 50%,var(--cream) 9px,transparent 10px),radial-gradient(circle at 100% 50%,var(--cream) 9px,transparent 10px),linear-gradient(90deg,transparent 14px,rgba(27,18,14,.3) 14px) center/12px 1px repeat-x}
.s-total{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:14px}
.s-total span{font:500 12px var(--mono);letter-spacing:.18em;text-transform:uppercase}
.s-total b{font:700 38px var(--serif)}
.s-bz{display:flex;gap:10px;align-items:center;font-size:14px;margin-bottom:16px;cursor:pointer}
.s-bz input{accent-color:#b8384f;width:16px;height:16px}
.s-note{margin-top:12px;font-size:12px;color:#7a6b5e}
.s-note a{text-decoration:underline}

/* gallery */
.gallery{padding:clamp(90px,12vw,160px) 0 clamp(60px,8vw,120px)}
.carousel{height:clamp(380px,48vw,620px);perspective:1600px;display:grid;place-items:center;cursor:grab;touch-action:pan-y;user-select:none}
.carousel:active{cursor:grabbing}
.ring{position:relative;width:clamp(200px,21vw,300px);aspect-ratio:3/4.3;transform-style:preserve-3d}
.ring figure{position:absolute;inset:0;backface-visibility:hidden;border:1px solid var(--line);background:#100a07}
.ring img{width:100%;height:100%;object-fit:cover;pointer-events:none}
.ring figcaption{position:absolute;left:0;right:0;bottom:0;padding:30px 14px 12px;font:500 11px var(--mono);letter-spacing:.16em;text-transform:uppercase;background:linear-gradient(transparent,rgba(20,13,10,.85))}

/* reviews */
.reviews{padding:clamp(80px,10vw,140px) var(--pad)}
.rv-inner{margin-left:auto;width:min(860px,100%)}
.reviews .sec-head{padding:0}
.scores{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:50px;background:rgba(20,13,10,.6)}
.scores>div{padding:26px 18px;display:grid;grid-template-columns:auto 1fr;align-items:baseline;column-gap:6px}
.scores>div+div{border-left:1px solid var(--line)}
.scores b{font:700 clamp(56px,7vw,100px)/1 var(--serif)}
.scores small{font:500 16px var(--mono);color:var(--blush)}
.scores span{grid-column:1/-1;font:500 11px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-top:10px}
.quotes{display:grid;grid-template-columns:1fr 1fr;gap:18px;perspective:1200px}
.q{margin:0;padding:30px;border:1px solid var(--line);background:#20150f}
.q p{font:italic 600 clamp(20px,1.9vw,26px)/1.35 var(--serif)}
.q cite{display:block;margin-top:18px;font:500 11px var(--mono);font-style:normal;letter-spacing:.16em;text-transform:uppercase;color:var(--gold)}

/* visit */
.visit{padding:clamp(100px,12vw,170px) var(--pad) 30px;background:linear-gradient(180deg,rgba(20,13,10,0) 0%,rgba(20,13,10,.5) 40%,#100a07 100%)}
.visit-grid{display:grid;grid-template-columns:1fr minmax(160px,.5fr) .62fr;gap:clamp(30px,5vw,80px);align-items:center}
.visit h2{margin:20px 0 34px}
address{font-style:normal;font-size:19px;line-height:1.55}
.hours{margin-top:28px;border-collapse:collapse;width:min(420px,100%)}
.hours th,.hours td{padding:12px 0;border-bottom:1px solid var(--line);text-align:left;font-weight:500}
.hours td{text-align:right;font:500 14px var(--mono)}
.hours tr.today th,.hours tr.today td{color:var(--blush)}
.hours tr.today th::after{content:' · today';font:500 11px var(--mono);letter-spacing:.1em}
.socials{margin-top:22px;display:flex;gap:22px;font:500 13px var(--mono)}
.socials a{border-bottom:1px solid rgba(243,233,220,.4)}
.visit-fig{grid-column:3;overflow:hidden;aspect-ratio:3/4;max-height:80vh;border:1px solid var(--line);position:relative}
.visit-fig img{width:100%;height:100%;object-fit:cover}
.visit-fig figcaption{position:absolute;left:14px;bottom:14px;font:500 11px var(--mono);letter-spacing:.14em;text-transform:uppercase;background:rgba(20,13,10,.8);padding:8px 10px}
.foot{display:flex;justify-content:space-between;gap:20px;margin-top:100px;padding-top:24px;border-top:1px solid rgba(243,233,220,.1);font:500 12px var(--mono);color:var(--muted)}

.fab{position:fixed;right:18px;bottom:18px;width:54px;height:54px;border-radius:50%;background:#25d366;display:none;place-items:center;z-index:30;box-shadow:0 10px 24px rgba(0,0,0,.35)}
.fab svg{width:28px;height:28px;fill:#fff}
.no-webgl body{background:linear-gradient(rgba(20,13,10,.82),rgba(20,13,10,.92)),url(img/bar-sm.webp) center/cover fixed}

/* responsive */
@media (max-width:1100px){.nav-links{gap:18px}.status{display:none}}
@media (max-width:900px){
  .nav{gap:12px}
  .nav .btn-sm{display:none}
  .burger{display:block}
  .nav-links{position:fixed;inset:0;flex-direction:column;justify-content:center;align-items:center;gap:30px;background:#140d0a;transform:translate3d(0,-100%,0);transition:transform .5s cubic-bezier(.2,.7,.2,1);z-index:-1;overflow:hidden}
  .nav-links a{font-size:22px}
  .menu-open .nav-links{transform:none}
  .world-shade{background:linear-gradient(180deg,rgba(20,13,10,.8) 0%,rgba(20,13,10,.4) 55%,rgba(20,13,10,.15) 100%)}
  .hero{flex-direction:column;align-items:flex-start;padding-top:110px;padding-bottom:60px}
  .board{position:relative;right:auto;bottom:auto;width:100%;margin-top:clamp(250px,38svh,340px)}
  .cell{font-size:12px;width:1.2em}
  .scroll-cue{display:none}
  .story-grid,.brew-grid,.counter,.visit-grid{grid-template-columns:1fr}
  .story-copy,.stack{grid-column:auto;grid-row:auto}
  .stack{height:110vw;max-height:520px}
  .panel,.panel.rev{grid-template-columns:1fr;min-height:0;gap:30px}
  .panel.rev .p-copy{order:0;justify-self:stretch}
  .panel.rev .p-fig{order:1}
@media (min-width:901px){.p-fig{visibility:hidden}}
  .p-copy{max-width:none}
  .tilt{width:100%;max-width:420px}
  .slip-wrap{position:relative;top:0}
  .events,.quotes{grid-template-columns:1fr}
  .ev{grid-template-columns:1fr;min-height:0}
  .ev img{aspect-ratio:16/10}
  .rv-inner{width:100%}
  .visit-fig{grid-column:auto}
  .fab{display:grid}
  .foot{flex-direction:column}
}
@media (max-width:560px){
  .hero-title{font-size:clamp(50px,14vw,68px)}
  .flap{gap:1px}
  .cell{font-size:10.5px}
  .facts b{font-size:34px}
  .scores b{font-size:44px}
  .scores>div{padding:20px 10px}
  .bz-row{grid-template-columns:1fr 1fr}
  .bz-row figure:last-child{display:none}
  .pi{grid-template-columns:1fr auto;row-gap:4px}
  .pi .qty{grid-column:2;grid-row:1/3}
  .pp{grid-row:2;grid-column:1}
  .slip{padding:20px}.s-perf{margin:12px -20px}
}