@font-face{font-family:"BioRhyme";src:url(../fonts/biorhyme.woff2) format("woff2");font-weight:200 800;font-stretch:100% 125%;font-display:swap}
@font-face{font-family:"Lexend Mega";src:url(../fonts/lexend-mega.woff2) format("woff2");font-weight:100 900;font-display:swap}
@font-face{font-family:"Poppins";src:url(../fonts/poppins-light.woff2) format("woff2");font-weight:300;font-display:swap}
@font-face{font-family:"Poppins";src:url(../fonts/poppins-regular.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Poppins";src:url(../fonts/poppins-medium.woff2) format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:"Poppins";src:url(../fonts/poppins-semibold.woff2) format("woff2");font-weight:600;font-display:swap}
:root{--black:#111111;--deep:#0b0b0b;--bx:#7A1F2B;--bx2:#9E2A3B;--cream:#F3ECDF;--cream-70:rgba(243,236,223,.72);--cream-50:rgba(243,236,223,.5);--cream-15:rgba(243,236,223,.15);--line:rgba(243,236,223,.14);
--pad:clamp(22px,5vw,72px);--maxw:1240px;--ease:cubic-bezier(.22,.61,.36,1)}
*{box-sizing:border-box;margin:0;padding:0}
html{background:var(--black);-webkit-text-size-adjust:100%}
html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}
body{background:var(--black);color:var(--cream);font-family:"Poppins",system-ui,sans-serif;font-weight:300;font-size:clamp(16px,1.15vw,18px);line-height:1.65;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img,video,canvas{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
::selection{background:var(--bx);color:var(--cream)}
.eyebrow{font-family:"Lexend Mega",sans-serif;font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--bx2);font-weight:400;display:block;margin-bottom:22px}
.eyebrow.c{color:var(--cream-70)}
h1,h2,h3,.display{font-family:"BioRhyme",Georgia,serif;font-weight:300;letter-spacing:-.01em;line-height:1.08}
h2{font-size:clamp(34px,5.4vw,76px)}
h3{font-size:clamp(22px,2.2vw,30px);font-weight:400;line-height:1.2}
p.lead{font-size:clamp(17px,1.35vw,20px);color:var(--cream-70);max-width:34em}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 var(--pad)}
.sec{position:relative;padding:clamp(110px,16vh,190px) 0}
/* NAV */
.nav{position:fixed;inset:0 0 auto 0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:18px var(--pad);transition:background .5s var(--ease),padding .5s var(--ease),transform .5s var(--ease)}
.nav.solid{background:rgba(17,17,17,.82);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);padding-top:12px;padding-bottom:12px;border-bottom:1px solid var(--line)}
.nav .logo img{height:22px;width:auto}
.nav ul{display:flex;gap:38px;list-style:none;font-family:"Lexend Mega";font-size:10.5px;letter-spacing:.12em;text-transform:uppercase}
.nav ul a{opacity:.78;transition:opacity .3s}.nav ul a:hover{opacity:1}
.btn{display:inline-flex;align-items:center;gap:10px;font-family:"Lexend Mega";font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;padding:14px 22px;border:1px solid var(--cream-50);border-radius:999px;transition:background .35s var(--ease),color .35s var(--ease),border-color .35s}
.btn:hover{background:var(--cream);color:var(--black);border-color:var(--cream)}
.btn.fill{background:var(--bx);border-color:var(--bx)}.btn.fill:hover{background:var(--bx2);border-color:var(--bx2);color:var(--cream)}
.btn.ghost{opacity:.55;cursor:default}.btn.ghost:hover{background:none;color:inherit;border-color:var(--cream-50)}
.btn small{font-size:8.5px;opacity:.7;letter-spacing:.1em}
.nav .btn{padding:11px 18px}
.burger{display:none;background:none;border:0;color:var(--cream);font-family:"Lexend Mega";font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;padding:10px 0}
.drawer{position:fixed;inset:0;z-index:60;background:var(--black);display:flex;flex-direction:column;justify-content:center;padding:0 var(--pad);opacity:0;pointer-events:none;transition:opacity .45s var(--ease)}
.drawer.open{opacity:1;pointer-events:auto}
.drawer a.big{font-family:"BioRhyme";font-weight:300;font-size:44px;line-height:1.35;display:block}
.drawer .close{position:absolute;top:22px;right:var(--pad)}
.drawer .meta{margin-top:48px;font-size:14px;color:var(--cream-70)}
@media (max-width:900px){.nav ul,.nav .btn{display:none}.burger{display:block}}
/* HERO */
.hero{position:relative;height:100svh;min-height:560px;overflow:hidden}
.hero .media{position:absolute;inset:0}
.hero .media img{width:100%;height:100%;object-fit:cover;object-position:50% 0}
.hero .shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(17,17,17,.55) 0%,rgba(17,17,17,0) 26%,rgba(17,17,17,0) 45%,rgba(17,17,17,.88) 82%,#111 100%)}
.hero .copy{position:absolute;left:0;right:0;bottom:clamp(40px,9vh,96px)}
@media(max-width:999px){.hero .media{top:52px;bottom:auto;height:min(56svh,112vw)}.hero .media img{object-position:50% 0}.hero .shade{background:linear-gradient(180deg,rgba(17,17,17,.55) 0,rgba(17,17,17,0) 10%,rgba(17,17,17,0) 38%,rgba(17,17,17,.75) 52%,#111 63%)}}
.hero h1{font-size:clamp(38px,6.4vw,92px);max-width:13em}
@media(min-width:1000px){.hero h1{font-size:clamp(48px,4.9vw,84px);max-width:9.6em}.hero .copy{padding-right:48vw}}
.hero .sub{margin-top:22px;color:var(--cream-70);max-width:30em}
.hero .badge{display:inline-flex;align-items:center;gap:12px;margin-top:30px;font-family:"Lexend Mega";font-size:10px;letter-spacing:.14em;text-transform:uppercase}
.hero .badge i{width:7px;height:7px;border-radius:50%;background:var(--bx2);box-shadow:0 0 0 0 rgba(158,42,59,.6);animation:pulse 2.4s infinite}
@keyframes pulse{70%{box-shadow:0 0 0 10px rgba(158,42,59,0)}100%{box-shadow:0 0 0 0 rgba(158,42,59,0)}}
.scrollcue{position:absolute;right:var(--pad);bottom:clamp(40px,9vh,96px);font-family:"Lexend Mega";font-size:9px;letter-spacing:.2em;text-transform:uppercase;writing-mode:vertical-rl;opacity:.6;display:flex;align-items:center;gap:14px}
.scrollcue::after{content:"";width:1px;height:54px;background:linear-gradient(var(--cream),transparent);animation:cue 2.2s var(--ease) infinite}
@keyframes cue{0%{transform:scaleY(0);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}51%{transform-origin:bottom}100%{transform:scaleY(0);transform-origin:bottom}}
@media (min-width:1000px){.hero .media{left:auto;width:min(46vw,760px)}.hero .media img{object-position:50% 30%}
 .hero .shade{background:linear-gradient(90deg,#111 0%,#111 50%,rgba(17,17,17,.0) 72%),linear-gradient(180deg,rgba(17,17,17,.4),transparent 25%,transparent 75%,#111)}
 .hero .copy{top:50%;bottom:auto;transform:translateY(-42%)}}
/* MANIFESTO */
.manifesto{padding:clamp(120px,22vh,240px) 0}
.manifesto p{font-family:"BioRhyme";font-weight:300;font-size:clamp(30px,4.6vw,66px);line-height:1.18;max-width:17em}
.manifesto .w{opacity:.16;transition:none}
/* SPLIT FEATURE */
.feature{display:grid;gap:clamp(36px,6vw,96px);align-items:center}
@media(min-width:900px){.feature{grid-template-columns:1.25fr 1fr}.feature.rev{grid-template-columns:1fr 1.25fr}.feature.rev .fig{order:2}}
.fig{position:relative;overflow:hidden;border-radius:4px;background:#000}
.fig img{position:absolute;left:0;top:-10%;width:100%;height:120%;object-fit:cover;will-change:transform}
.fig.r169{aspect-ratio:4/3}@media(min-width:900px){.fig.r169{aspect-ratio:16/11}}
.feature .txt h2{margin-bottom:26px}
.caption{font-family:"Lexend Mega";font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(--cream-50);margin-top:14px}
/* FULL BLEED PARALLAX */
.bleed{position:relative;height:110svh;overflow:hidden}
.bleed .bg{position:absolute;inset:-12% 0;}
.bleed .bg img,.bleed .bg video{width:100%;height:100%;object-fit:cover}
.bleed .veil{position:absolute;inset:0;background:linear-gradient(180deg,#111 0%,rgba(17,17,17,.15) 22%,rgba(17,17,17,.2) 60%,#111 100%)}
.bleed .copy{position:absolute;left:0;right:0;bottom:16vh}
.bleed .copy h2{max-width:11em}
.bleed .copy p{margin-top:22px}
/* PINNED FRY STEPS */
.steps{position:relative}
.steps .stage{position:relative;height:100svh;overflow:hidden}
.steps .stage img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.steps .stage .veil{position:absolute;inset:0;background:linear-gradient(90deg,rgba(17,17,17,.92) 0%,rgba(17,17,17,.55) 45%,rgba(17,17,17,0) 75%)}
@media(max-width:899px){.steps .stage .veil{background:linear-gradient(180deg,rgba(17,17,17,.92) 0%,rgba(17,17,17,.55) 24%,rgba(17,17,17,.05) 42%,rgba(17,17,17,.15) 55%,rgba(17,17,17,.94) 74%,#111 100%)}}
.steps .head{position:absolute;left:0;right:0;top:clamp(90px,14vh,150px)}
.steps .list{position:absolute;left:0;right:0;bottom:clamp(50px,12vh,120px)}
.steps .item{position:absolute;left:var(--pad);right:var(--pad);bottom:0;max-width:28em;opacity:0}
.steps .item b{display:block;font-family:"BioRhyme";font-weight:400;font-size:clamp(22px,2.4vw,32px);margin-bottom:10px}
.steps .item p{color:var(--cream-70)}
.steps .num{font-family:"Lexend Mega";font-size:10px;letter-spacing:.14em;color:var(--bx2);margin-bottom:14px;display:block}
.progress{position:absolute;left:var(--pad);bottom:clamp(24px,6vh,60px);display:flex;gap:8px}
.progress i{width:28px;height:2px;background:var(--cream-15);overflow:hidden;position:relative}
.progress i span{position:absolute;inset:0;background:var(--cream);transform:scaleX(0);transform-origin:left}
@media(min-width:1000px){.steps .item,.steps .head .wrap{left:calc(max(var(--pad),(100vw - var(--maxw))/2 + var(--pad)))}}
/* CONE SEQUENCE */
.seq .stage{position:relative;height:100svh;overflow:hidden;background:#0a0a0a}
.seq canvas{position:absolute;inset:0;width:100%;height:100%}
.seq .veil{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(10,10,10,.6) 0%,rgba(10,10,10,0) 22%,rgba(10,10,10,0) 58%,rgba(10,10,10,.9) 84%)}
@media(min-width:900px){.seq canvas{left:auto;width:58%}.seq .veil{background:linear-gradient(90deg,#0a0a0a 0%,#0a0a0a 40%,rgba(10,10,10,0) 60%)}}
.seq .item{position:absolute;left:var(--pad);right:var(--pad);bottom:clamp(50px,11vh,120px);max-width:26em;opacity:0}
@media(min-width:900px){.seq .item{bottom:auto;top:50%;transform:translateY(-50%);left:calc(max(var(--pad),(100vw - var(--maxw))/2 + var(--pad)))}}
.seq .item b{display:block;font-family:"BioRhyme";font-weight:300;font-size:clamp(30px,3.6vw,52px);line-height:1.1;margin-bottom:16px}
.seq .item p{color:var(--cream-70)}
.seq .head{position:absolute;top:clamp(84px,13vh,140px);left:0;right:0}
/* PANUOZZO */
.duo{display:grid;gap:clamp(18px,2.4vw,32px);margin-top:clamp(50px,7vw,90px)}
@media(min-width:900px){.duo{grid-template-columns:1.1fr 1fr;align-items:end}.duo .fig:nth-child(2){margin-bottom:-10vh}}
.duo .fig{aspect-ratio:16/10}
/* MENU */
.menu-groups{display:grid;gap:clamp(48px,6vw,80px);margin-top:clamp(56px,7vw,96px)}
@media(min-width:900px){.menu-groups{grid-template-columns:repeat(3,1fr)}}
.mg h3{font-family:"Lexend Mega";font-size:11px;letter-spacing:.14em;text-transform:uppercase;font-weight:400;color:var(--bx2);padding-bottom:18px;border-bottom:1px solid var(--line)}
.mi{display:flex;justify-content:space-between;gap:20px;padding:20px 0;border-bottom:1px solid var(--line)}
.mi b{font-family:"BioRhyme";font-weight:400;font-size:19px;display:block;line-height:1.3}
.mi span{font-size:14px;color:var(--cream-50)}
.mi em{font-style:normal;font-family:"Lexend Mega";font-size:9.5px;letter-spacing:.12em;color:var(--cream-50);white-space:nowrap;padding-top:6px}
.note{margin-top:34px;font-size:13px;color:var(--cream-50)}
/* LOCATIONS */
.locs{display:grid;gap:clamp(56px,6vw,40px);margin-top:clamp(56px,7vw,96px)}
@media(min-width:900px){.locs{grid-template-columns:1fr 1fr}.locs .loc:nth-child(2){margin-top:14vh}}
.loc .fig{aspect-ratio:4/5}
.loc .tag{font-family:"Lexend Mega";font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--bx2);margin:28px 0 10px;display:block}
.loc h3{margin-bottom:14px}
.loc p{color:var(--cream-70);max-width:28em;margin-bottom:26px}
/* CTA */
.cta{text-align:center;padding:clamp(130px,22vh,240px) 0;position:relative;overflow:hidden}
.cta h2{font-size:clamp(46px,8vw,120px)}
.cta .row{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:48px}
.zband{position:absolute;inset:0;background:url(../logo/tile_Z_noir.svg) 0 0/120px auto repeat;opacity:.18;mask-image:radial-gradient(ellipse at center,transparent 25%,#000 85%);-webkit-mask-image:radial-gradient(ellipse at center,transparent 25%,#000 85%)}
/* CONTACT */
.contact-grid{display:grid;gap:28px;margin-top:48px}
@media(min-width:900px){.contact-grid{grid-template-columns:repeat(3,1fr)}}
.contact-grid a{display:block;padding:26px 0;border-top:1px solid var(--line)}
.contact-grid small{font-family:"Lexend Mega";font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--cream-50);display:block;margin-bottom:8px}
.contact-grid span{font-family:"BioRhyme";font-size:clamp(18px,1.6vw,22px)}
/* FOOTER */
footer{border-top:1px solid var(--line);padding:70px 0 40px;position:relative}
footer .top{display:flex;flex-wrap:wrap;justify-content:space-between;gap:30px;align-items:flex-end}
footer .top img{height:46px;width:auto}
footer nav{display:flex;flex-wrap:wrap;gap:26px;font-family:"Lexend Mega";font-size:10px;letter-spacing:.12em;text-transform:uppercase;opacity:.75}
footer .fine{margin-top:56px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px;font-size:12px;color:var(--cream-50)}
.prov{display:inline-flex;gap:10px;align-items:center}.prov i{width:6px;height:6px;border-radius:50%;background:var(--bx2)}
.stripe{height:10px;background:url(../logo/tile_Z_noir.svg) 0 0/60px auto repeat;opacity:.9}
/* REVEAL */
[data-reveal]{opacity:0;transform:translateY(28px)}
.no-js [data-reveal],.reduced [data-reveal]{opacity:1;transform:none}
/* SUBPAGE */
.page-hero{padding:clamp(150px,24vh,240px) 0 clamp(40px,6vh,80px)}
.page-hero h1{font-size:clamp(44px,7vw,100px)}
@media (prefers-reduced-motion:reduce){*{animation:none!important}}
@media(max-width:999px) and (max-height:720px){.hero h1{font-size:32px}.hero .sub{font-size:15px;margin-top:14px}.hero .badge{margin-top:18px}.hero .media{height:min(50svh,100vw)}}
@media(max-width:899px){.seq .head{display:none}}

/* V2 — media slots (image now, scroll-scrubbed video later) */
.slot{position:relative}
.slot picture,.slot video{display:block;width:100%;height:100%}
.slot video{object-fit:cover}
.hero .slot.media picture{height:100%}
.bleed .bg .slot{position:absolute;inset:0}
.bleed .bg .slot img{width:100%;height:100%;object-fit:cover}
.steps .stage .slot{position:absolute;inset:0}
.steps .stage .slot img,.steps .stage .slot video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.story .stage .layer+.layer{opacity:0}
.seq .stage>.slot{position:absolute;inset:0}
.fine{display:block;margin-top:18px;font-family:"Lexend Mega";font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:var(--cream-70)}
.fine:before{content:"";display:inline-block;width:22px;height:1px;background:var(--bx2);vertical-align:middle;margin-right:12px}
.wide{margin-top:clamp(40px,6vw,80px)}
.wide .fig{aspect-ratio:16/9;border-radius:0}
@media(max-width:799px){.wide .fig{aspect-ratio:4/5}}
.taglist{list-style:none;display:flex;flex-wrap:wrap;gap:10px 22px;margin-top:26px;padding:0}
.taglist li{font-family:"Lexend Mega";font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(--cream)}
.taglist li:before{content:"";display:inline-block;width:5px;height:5px;background:var(--bx2);border-radius:50%;vertical-align:middle;margin-right:10px}
.sauces{list-style:none;padding:0;margin:clamp(28px,4vw,48px) 0 0;display:grid;gap:18px;counter-reset:s}
@media(min-width:900px){.sauces{grid-template-columns:repeat(5,1fr);gap:24px}}
.sauces li{border-top:1px solid var(--cream-15);padding-top:16px;counter-increment:s}
.sauces li:before{content:"0" counter(s);display:block;font-family:"Lexend Mega";font-size:9px;letter-spacing:.14em;color:var(--bx2);margin-bottom:10px}
.sauces b{display:block;font-family:"BioRhyme";font-weight:400;font-size:clamp(18px,1.6vw,22px);margin-bottom:6px}
.sauces span{color:var(--cream-70);font-size:14px}
.tops{display:grid;gap:clamp(24px,3vw,40px);margin-top:clamp(40px,6vw,80px)}
@media(min-width:900px){.tops{grid-template-columns:1fr 1fr}.tops figure:nth-child(2){margin-top:12vh}}
.tops figure{margin:0}
.tops .fig.portrait{aspect-ratio:4/5}
.tops figcaption{margin-top:18px}
.tops figcaption b{display:block;font-family:"BioRhyme";font-weight:400;font-size:clamp(20px,2vw,28px);margin-bottom:6px}
.tops figcaption span{color:var(--cream-70)}
.place .copy .btn small{opacity:.6;font-size:.85em}
@media(max-width:799px){#sauces .wide .fig{aspect-ratio:16/10}}
.fig.cnt{aspect-ratio:4/5}@media(min-width:900px){.fig.cnt{aspect-ratio:16/9}}
@media(max-width:799px){.bleed{height:100svh}}
/* ===== V2.1 — brand layer & effects ===== */
:root{--night:#3D0B17;--sand:#E2D6C0;--amber:rgba(214,120,40,.55)}
section,.marquee{position:relative}
/* placeholders: blurred LQIP under every media slot (no empty frame while loading) */
.slot{overflow:hidden;background-color:#1a1412}
.slot::before{content:"";position:absolute;inset:-6%;background:var(--lq,none) center/cover no-repeat;filter:blur(22px) saturate(1.1);transform:scale(1.08);z-index:0}
.slot>picture,.slot>video,.slot>canvas{position:relative;z-index:1}
.fig.slot>picture{position:absolute;inset:0}
.js .slot img{opacity:0;transition:opacity .9s var(--ease)}.js .slot img.ld{opacity:1}
.bleed .bg .slot>picture,.steps .stage .slot>picture{position:absolute;inset:0}
.seq .stage>.slot canvas{z-index:1}
/* loader with the real Z monogram */
.loader{position:fixed;inset:0;z-index:100;background:var(--black);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:26px;clip-path:inset(0 0 0 0)}
.loader img{width:64px;height:auto;animation:zin 1s var(--ease) both}
.loader i{width:120px;height:1px;background:var(--cream-15);position:relative;overflow:hidden}
.loader i::after{content:"";position:absolute;inset:0;background:var(--bx2);transform-origin:left;animation:lbar 1.1s var(--ease) both}
@keyframes zin{from{opacity:0;transform:scale(.8) rotate(-8deg)}to{opacity:1;transform:none}}
@keyframes lbar{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.no-js .loader,.reduced .loader{display:none}
.loader.out{transition:clip-path 1s cubic-bezier(.77,0,.18,1);clip-path:inset(0 0 100% 0)}
/* film grain */
.grain{position:fixed;inset:-50%;z-index:90;pointer-events:none;opacity:.06;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .9 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");animation:grain 1.2s steps(6) infinite}
@keyframes grain{0%{transform:translate(0,0)}20%{transform:translate(-3%,2%)}40%{transform:translate(2%,-3%)}60%{transform:translate(-2%,-1%)}80%{transform:translate(3%,3%)}100%{transform:translate(0,0)}}
/* warm light halos (bordeaux / amber), scroll driven */
.halo{position:absolute;pointer-events:none;z-index:1;width:min(90vw,1100px);aspect-ratio:1;left:50%;top:50%;translate:-50% -50%;border-radius:50%;opacity:0;mix-blend-mode:screen;filter:blur(10px)}
.halo[data-halo=bx]{background:radial-gradient(closest-side,rgba(158,42,59,.55),rgba(122,31,43,.22) 45%,rgba(61,11,23,0) 75%)}
.halo[data-halo=amber]{background:radial-gradient(closest-side,rgba(226,140,60,.38),rgba(158,42,59,.18) 50%,rgba(61,11,23,0) 78%)}
.hero .halo{left:auto;right:-10%;top:30%;translate:none;width:min(80vw,900px);opacity:.0}
.steps .halo,.seq .halo{left:62%;top:62%}
.manifesto .halo{left:20%;top:60%}
/* Z pattern textures (real tile SVG) */
.ztex{position:absolute;inset:0;pointer-events:none;background:url(../logo/tile_Z_noir.svg) 0 0/110px auto repeat;opacity:.11;-webkit-mask-image:linear-gradient(180deg,transparent,#000 30%,#000 70%,transparent);mask-image:linear-gradient(180deg,transparent,#000 30%,#000 70%,transparent)}
.ztex.fg{opacity:.07;mix-blend-mode:screen;z-index:1}
.seq .ztex{opacity:.09;-webkit-mask-image:linear-gradient(90deg,#000,transparent 45%);mask-image:linear-gradient(90deg,#000,transparent 45%)}
.manifesto{position:relative;overflow:hidden;padding:clamp(90px,16vh,200px) 0}
.manifesto .wrap{position:relative;z-index:2}
.sec,.cta,footer{overflow:hidden}
.sec>.wrap,.cta>.wrap,footer>.wrap{position:relative;z-index:2}
/* marquee bands */
.marquee{overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:22px 0;background:linear-gradient(90deg,var(--night),var(--black) 30%,var(--black) 70%,var(--night))}
.marquee .track{display:flex;align-items:center;gap:42px;width:max-content;will-change:transform}
.marquee span{font-family:"BioRhyme";font-weight:300;font-size:clamp(26px,3.4vw,48px);white-space:nowrap;line-height:1}
.marquee span:nth-of-type(even){color:transparent;-webkit-text-stroke:1px var(--cream-50)}
.marquee img{width:34px;height:auto;flex:none}
/* brand line icons (from the guidelines) */
.ic{display:inline-block;width:22px;height:18px;margin-right:12px;vertical-align:-4px;background:currentColor;-webkit-mask:var(--ic) center/contain no-repeat;mask:var(--ic) center/contain no-repeat}
.label{display:inline-flex;align-items:center;margin-top:20px;padding:9px 16px 9px 14px;border:1px solid rgba(243,236,223,.28);border-radius:3px;font-family:"Lexend Mega";font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:var(--cream);background:rgba(17,17,17,.35);backdrop-filter:blur(6px)}
.label .ic{width:12px;height:16px;margin-right:10px;color:var(--bx2)}
/* seal */
.phead{position:relative}
.seal{position:absolute;right:var(--pad);top:-30px;width:clamp(110px,13vw,190px);height:auto;opacity:.9}
@media(max-width:799px){.seal{top:-60px;width:96px;opacity:.75}}
.fseal{position:absolute;right:-60px;bottom:-60px;width:300px;opacity:.07;pointer-events:none}
footer .ztex{opacity:.08}
/* menu cards brand detail */
.mg{position:relative;padding:28px 24px 8px;border:1px solid var(--line);border-radius:4px;background:linear-gradient(180deg,rgba(61,11,23,.35),rgba(17,17,17,0) 60%)}
.mg::after{content:"";position:absolute;right:18px;top:24px;width:22px;height:16px;background:url(../logo/z_icon_bordeaux.svg) center/contain no-repeat;opacity:.9}
/* word-by-word headings */
.wm{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.08em;margin-bottom:-.08em}
.wi{display:inline-block;will-change:transform}
/* clip-path reveals */
.js .fig{will-change:clip-path}
.stripe{height:12px;background:url(../logo/tile_Z_noir.svg) 0 0/56px auto repeat;opacity:1}
.story .stage .layer+.layer{opacity:1}
.sauces li{transition:border-color .4s}.sauces li:hover{border-color:var(--bx2)}
@media (prefers-reduced-motion:reduce){.grain{display:none}.halo{opacity:.5}}
.slot{z-index:0;isolation:isolate}
@media(max-width:799px){
 .bleed{height:auto;padding-bottom:80px}
 .bleed .bg{position:relative;inset:auto;aspect-ratio:3/4;width:100%}
 .bleed .veil{background:linear-gradient(180deg,#111 0%,rgba(17,17,17,0) 14%,rgba(17,17,17,0) 52%,rgba(17,17,17,.85) 72%,#111 80%)}
 .bleed .copy{position:relative;bottom:auto;margin-top:-34vw;z-index:2}
}
.seq .stage>.slot>canvas{position:absolute;inset:0;width:100%;height:100%}
@media(min-width:900px){.seq .stage>.slot{left:auto;right:0;width:58%}.seq .stage>.slot>canvas{width:100%;left:0}
 #locations .copy{left:auto;right:0;bottom:auto;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:flex-end;text-align:right}
 #locations .copy h2,#locations .copy p{margin-left:auto}
 #locations .veil{background:linear-gradient(270deg,rgba(17,17,17,.92) 0%,rgba(17,17,17,.6) 30%,rgba(17,17,17,0) 55%),linear-gradient(180deg,#111 0%,rgba(17,17,17,0) 20%,rgba(17,17,17,0) 80%,#111 100%)}}