/* BUU CHII — "ZINE" skin: 90s Japanese teen magazine. Every section is its own genre spread. Loads after styles.css */
:root{--ink:#14121a;--paper:#fbf7f2;--z-pink:#ff2d8a;--z-pastel:#ffc2dc;--z-mint:#a6f2d9;--z-lav:#cdb9ff;--z-lemon:#fff27a;--z-sky:#a9dcff;--z-red:#ff2e2e;--z-navy:#0d1b3d;--z-cyan:#3ff0ff;--z-mag:#ff3ad6;--yellow:var(--z-lemon);--pink:var(--z-pink);--cyan:var(--z-sky);--blue:var(--z-navy);--red:var(--z-red);--grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .5 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");--sparkle:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160' viewBox='0 0 160 160' fill='%23fff'%3E%3Cpath d='M30 10l4 12 12 4-12 4-4 12-4-12-12-4 12-4zM120 60l3 9 9 3-9 3-3 9-3-9-9-3 9-3zM60 120l2.5 7.5 7.5 2.5-7.5 2.5-2.5 7.5-2.5-7.5-7.5-2.5 7.5-2.5zM135 130l2 6 6 2-6 2-2 6-2-6-6-2 6-2z'/%3E%3C/svg%3E");--halftone:radial-gradient(circle,rgba(20,18,26,.16) 1.1px,transparent 1.6px);--speed:repeating-linear-gradient(-35deg,transparent 0 22px,rgba(255,255,255,.07) 22px 24px,transparent 24px 52px,rgba(255,255,255,.04) 52px 53px);--scan:repeating-linear-gradient(0deg,rgba(0,0,0,.22) 0 1px,transparent 1px 3px);--stripe:repeating-linear-gradient(90deg,var(--ink) 0 3px,transparent 3px 5px,var(--ink) 5px 6px,transparent 6px 10px,var(--ink) 10px 12px,transparent 12px 15px)}
body{background:var(--paper);color:var(--ink)}
body::before{content:"";position:fixed;inset:0;z-index:998;pointer-events:none;background:var(--grain);background-size:300px 300px;opacity:.09;mix-blend-mode:multiply}
.checker{height:14px;background:repeating-conic-gradient(var(--ink) 0 25%,#fff 0 50%) 0 0/28px 28px;border-top:2px solid var(--ink);border-bottom:2px solid var(--ink)}
.eyebrow{font-family:var(--f-mono);font-size:11px;letter-spacing:.22em;background:var(--ink);color:#fff;border-radius:0;padding:6px 10px;transform:none}
.chip{border-radius:0;border-width:2px}
.btn{border-radius:0;border:2.5px solid var(--ink);box-shadow:4px 4px 0 var(--ink);text-transform:uppercase;letter-spacing:.06em}
.btn-primary{background:var(--z-pink);color:#fff}
.btn-primary:hover{background:var(--ink);color:#fff}
.h-xl{letter-spacing:-.02em}
/* ===== ticker + nav: magazine header ===== */
.ticker{background:var(--z-red);color:#fff;border-bottom:2px solid var(--ink)}
.ticker .t-dot{color:var(--z-lemon)}
.nav{background:var(--paper);border-top:0;border-bottom:3px solid var(--ink);box-shadow:inset 0 -6px 0 #fff,inset 0 -7px 0 var(--ink)}
.nav-brand{color:var(--ink);letter-spacing:.02em}
.nav-tag{background:transparent;color:var(--ink);border:2px solid var(--ink);font-family:var(--f-mono);letter-spacing:.14em;border-radius:0}
.nav-links{background:transparent;border:0;gap:2px}
.nav-links a{background:transparent;border:0;color:var(--ink);padding:10px 14px;letter-spacing:.06em;position:relative}
.nav-links a:hover,.nav-links a.is-active{background:linear-gradient(transparent 55%,var(--z-pastel) 55%);color:var(--ink);transform:none;box-shadow:none}
.nav-num{color:var(--z-pink);font-family:var(--f-mono)}
.nav-cta.btn-primary{background:var(--ink);color:#fff;box-shadow:3px 3px 0 var(--z-pink)}
.nav-burger{border-radius:0}
.mobile-menu{background:var(--paper)}
.mobile-menu a{border-radius:0;background:#fff;box-shadow:4px 4px 0 var(--ink)}
/* ===== HERO — glossy cover ===== */
.hero{background:linear-gradient(160deg,#ffd3e6 0%,#f6d9ff 38%,#c7ecff 70%,#d9fff1 100%)}
.hero::after{content:"";position:absolute;inset:0;pointer-events:none;z-index:1;background:var(--halftone) 0 0/7px 7px,linear-gradient(115deg,rgba(255,255,255,.55) 0%,rgba(255,255,255,0) 35%,rgba(255,255,255,0) 65%,rgba(255,255,255,.35) 100%);opacity:.9;mix-blend-mode:soft-light}
.hero-top{z-index:2}
.vband{width:54px;border-right:2px solid var(--ink)}
.vband span{font-family:var(--f-jp),var(--f-display);font-size:clamp(18px,1.6vw,24px);-webkit-text-stroke:0;letter-spacing:.14em;font-weight:900}
.vband-pink{background:#fff}.vband-pink span{color:var(--ink)}
.vband-yellow{left:54px;background:var(--ink)}.vband-yellow span{color:#fff}
.vband-pink span::before{content:"特集 · "}
.vband-yellow span::before{content:"VOL.01 · 2026 · "}
.hero-inner{padding-left:calc(var(--pad) + 108px)}
.hero-meta .chip{background:#fff;border-radius:0;font-family:var(--f-mono);letter-spacing:.14em}
.hero-meta .chip-yellow{background:var(--z-lemon)}.hero-meta .chip-cyan{background:var(--z-mint)}
.hero-meta::after{content:"創刊号 · FREE · FRANKFURT AM MAIN";display:inline-flex;align-items:center;font-family:var(--f-jp),var(--f-mono);font-weight:900;font-size:10px;letter-spacing:.18em;padding:5px 9px;border:2px solid var(--ink);background:var(--z-pink);color:#fff}
.hero-left{position:relative}
.hero-left::before{content:"スマッシュバーガー × チキン専門誌";display:block;font-family:var(--f-jp);font-weight:900;font-size:clamp(13px,1.2vw,17px);letter-spacing:.3em;color:var(--ink);border-top:2px solid var(--ink);border-bottom:2px solid var(--ink);padding:6px 0;width:fit-content;margin-bottom:10px}
.hero-word{letter-spacing:-.03em;line-height:.8}
.hero-word span{-webkit-text-stroke:0}
.hero-word .w1{color:var(--z-pink);text-shadow:none;-webkit-text-stroke:3px var(--ink);paint-order:stroke fill;filter:drop-shadow(6px 6px 0 #fff) drop-shadow(0 0 1px var(--ink))}
.hero-word .w2{color:var(--ink);text-shadow:none;margin-left:clamp(20px,5vw,80px);filter:drop-shadow(6px 6px 0 var(--z-lemon)) drop-shadow(0 0 1px var(--ink))}
.hero-bands{transform:none;gap:6px}
.band{border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink);-webkit-text-stroke:0;font-size:clamp(16px,1.6vw,22px);padding:7px 14px;letter-spacing:.04em}
.band-cyan{background:#fff;color:var(--ink)}
.band-yellow{background:var(--z-pink);color:#fff;font-size:clamp(22px,2.4vw,34px);margin-left:clamp(12px,2vw,28px)}
.band-cyan::before{content:"COVER STORY → "}
.burst{filter:drop-shadow(2px 2px 0 var(--ink)) drop-shadow(0 0 1px var(--ink))}
.hero-burst-1{--c:var(--z-lemon);color:var(--z-red)}
.hero-burst-2{--c:#fff;color:var(--ink)}
.hero-brandmark{--c:var(--z-mint)}
.hero-product{filter:drop-shadow(0 30px 22px rgba(20,18,26,.35)) drop-shadow(0 0 1px var(--ink))}
.hero-tv{filter:drop-shadow(0 26px 22px rgba(20,18,26,.35))}
.hero-tv::after{content:"▶ FRANCHISE FILM · 2026";position:absolute;left:8%;bottom:-2%;z-index:6;font-family:var(--f-mono);font-size:10px;font-weight:800;letter-spacing:.16em;background:var(--ink);color:#fff;padding:5px 8px}
.hero-bars{background:var(--paper)}
.bar-red{background:#fff;color:var(--ink);-webkit-text-stroke:0;border-top:3px solid var(--ink);border-bottom:3px solid var(--ink);font-size:clamp(18px,2.4vw,30px);letter-spacing:.04em;position:relative}
.bar-red::after{content:"";position:absolute;right:var(--pad);top:8px;bottom:8px;width:110px;background:var(--stripe)}
.tape{background:var(--z-pink);border-color:var(--ink)}.tape-track{color:#fff;-webkit-text-stroke:0}
.hero-inner::after{content:"";position:absolute;right:calc(var(--pad) + 4px);top:clamp(20px,3vw,36px);width:120px;height:44px;background:var(--stripe);opacity:.9;z-index:0}
/* ===== MARQUEE — glossy spine ===== */
.marquee{background:#fff;color:var(--ink);border-top:3px solid var(--ink);border-bottom:3px solid var(--ink)}
.marquee-track{font-size:clamp(22px,3.4vw,40px);letter-spacing:.02em}
.marquee-track img{filter:none}
/* ===== MENU — fighting game character select ===== */
.menu{background:var(--z-navy);color:#fff;border-top:0;background-image:var(--speed),radial-gradient(ellipse 80% 60% at 50% 0%,#1f3a86 0%,transparent 60%),radial-gradient(ellipse 60% 50% at 80% 100%,#3a0f6b 0%,transparent 60%);background-blend-mode:normal}
.menu::before{content:"SELECT YOUR FIGHTER";-webkit-text-stroke:2px rgba(63,240,255,.18);color:transparent;top:auto;bottom:6%;left:-2%;font-style:italic}
.menu::after{content:"ROUND 1 — FIGHT!";color:var(--z-lemon);text-shadow:3px 3px 0 var(--z-red),5px 5px 0 var(--ink);font-family:var(--f-display);font-style:italic;letter-spacing:.06em;font-size:clamp(22px,3vw,44px);top:4%;right:4%}
.menu .wrap::before{content:"";position:absolute;inset:-40px 0 auto;height:60vh;pointer-events:none;background:var(--scan);opacity:.35;mix-blend-mode:multiply}
.menu-hero{background:#101a3a;color:#fff;border:3px solid var(--z-cyan);border-radius:0;box-shadow:0 0 0 3px var(--ink),0 0 30px rgba(63,240,255,.35),inset 0 0 60px rgba(63,240,255,.08);clip-path:polygon(0 0,calc(100% - 28px) 0,100% 28px,100% 100%,28px 100%,0 calc(100% - 28px));transform:none}
.menu .eyebrow{background:var(--z-cyan);color:var(--ink);transform:none;box-shadow:none;border:0}
.menu .eyebrow::before{content:"▶ P1 · "}
.menu-mega{display:block;margin-top:22px;padding-top:6px;font-style:italic;color:var(--z-lemon);-webkit-text-stroke:3px var(--ink);text-shadow:6px 6px 0 var(--z-red),10px 10px 0 var(--ink);letter-spacing:-.02em;transform:skewX(-8deg);transform-origin:left bottom}
.menu .eyebrow{position:relative;z-index:2}
.menu-mega .t-pink{color:var(--z-cyan)}
.menu-url{color:var(--z-cyan);font-family:var(--f-mono);text-transform:uppercase;letter-spacing:.14em;font-size:12px}
.menu-lead{color:#dbe6ff}.menu-lead strong{background:var(--z-mag);color:#fff;padding:0 6px}
.menu-burst{--c:var(--z-mag);color:#fff}
.menu-tabs{background:#0a1230;border:3px solid var(--ink);border-radius:999px;box-shadow:0 0 0 2px var(--z-cyan),0 8px 0 var(--ink);padding:8px}
.menu-tab{color:#fff;font-style:italic;letter-spacing:.06em;border-radius:999px}
.menu-tab:hover{background:#1c2b5e}
.menu-tab.is-active{background:radial-gradient(circle at 40% 30%,#ff8fb8,var(--z-pink) 60%,#b3005c);color:#fff;box-shadow:inset 0 2px 0 rgba(255,255,255,.55),inset 0 -3px 0 rgba(0,0,0,.35)}
.menu-tab:nth-child(2).is-active{background:radial-gradient(circle at 40% 30%,#fff7a8,var(--z-lemon) 60%,#c9b400);color:var(--ink)}
.menu-tab:nth-child(3).is-active{background:radial-gradient(circle at 40% 30%,#9ff7ff,var(--z-cyan) 60%,#009aa8);color:var(--ink)}
.burger,.wing,.side,.burger[class*="theme-"]{border-radius:6px;border:3px solid var(--ink);box-shadow:0 0 0 3px var(--z-cyan),0 0 0 5px var(--ink),0 18px 40px -14px rgba(0,0,0,.7)}
.burger:hover,.wing:hover,.side:hover,.burger[class*="theme-"]:hover{box-shadow:0 0 0 3px var(--z-mag),0 0 0 5px var(--ink),0 0 34px rgba(255,58,214,.45),0 22px 44px -14px rgba(0,0,0,.7)}
.burger::before,.wing::before,.side::before{content:"";position:absolute;left:14px;right:14px;bottom:8px;height:7px;z-index:3;background:linear-gradient(90deg,#ffe600 0,#7CFF00 55%,#00e5ff 100%);border:2px solid var(--ink);box-shadow:inset 0 2px 0 rgba(255,255,255,.6)}
.burger{padding-bottom:26px}.wing,.side{padding-bottom:26px}
.b-num,.burger[class*="theme-"] .b-num{border-radius:0;font-family:var(--f-mono);letter-spacing:.1em;border-width:2px}
.b-kick,.burger[class*="theme-"] .b-kick{font-family:var(--f-mono)}
.b-name,.wing-name,.side-name,.burger .b-name{font-style:italic;transform:skewX(-6deg);letter-spacing:.02em}
.plate{border:2px solid var(--ink)!important;border-radius:4px!important}
.plate::after{content:"";position:absolute;inset:0;pointer-events:none;background:var(--scan);opacity:.18}
.heat{border-radius:0;border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink);font-family:var(--f-mono);letter-spacing:.14em;background:var(--ink);color:var(--z-lemon)}
.heat b{color:inherit}.heat-3{background:var(--z-red);color:#fff}.heat-2{background:#ff7a1a;color:var(--ink)}
.heat::before{content:"SPECIAL · ";opacity:.75}
.wings-intro,.combo{background:#101a3a;color:#fff;border:3px solid var(--z-cyan);border-radius:0;box-shadow:0 0 0 3px var(--ink),0 0 30px rgba(63,240,255,.25)}
.wings-title,.combo-name,.chickenb-title{color:#fff;font-style:italic;transform:skewX(-6deg)}
.wings-title .t-yellow,.combo-name .t-yellow,.chickenb-title .t-pink{color:var(--z-lemon)}
.wings-lead,.combo-lead,.combo-list span{color:#dbe6ff}
.wings-lead strong{background:var(--z-mag);color:#fff}
.combo-list li{background:#0a1230;color:#fff;border:2px solid var(--z-cyan);border-radius:0}
.combo-list strong{color:#fff}
.combo-num{background:var(--z-lemon);color:var(--ink);border-radius:0}
.chickenb-head .chip-ink,.wings-intro .chip-ink,.combo .chip-ink{background:var(--z-cyan);color:var(--ink);border-radius:0}
.marquee-red{background:var(--ink) var(--speed);color:#fff;border-top:3px solid var(--z-red);border-bottom:3px solid var(--z-red)}
.marquee-red .m-sep{color:var(--z-red);-webkit-text-stroke:0}
.marquee-red .marquee-track{font-style:italic;transform:skewX(-6deg)}
/* ===== STANDORTE — concert tour flyer ===== */
.standorte{background:#f4f1ea var(--grain);background-size:auto,300px 300px;background-blend-mode:multiply;border-top:3px solid var(--ink);color:var(--ink)}
.standorte::before{content:"WORLD TOUR 2026";position:absolute;right:-2%;top:10%;font-family:var(--f-display);font-size:clamp(90px,18vw,280px);line-height:.8;letter-spacing:-.03em;color:transparent;-webkit-text-stroke:2px rgba(20,18,26,.14);pointer-events:none;transform:rotate(-90deg) translateX(100%);transform-origin:right top;white-space:nowrap}
.standorte .eyebrow{background:var(--z-red);color:#fff}
.standorte .eyebrow::after{content:" · LIVE DATES"}
.standorte .h-xl{font-size:clamp(56px,9.5vw,150px);letter-spacing:-.03em}
.standorte .h-xl .t-pink{color:var(--z-red)}
.standorte .section-head::after{content:"BUU CHII WORLD TOUR — FRANKFURT · HAMBURG · DEINE STADT";display:block;margin-top:14px;font-family:var(--f-mono);font-size:12px;letter-spacing:.24em;text-transform:uppercase;border-top:3px solid var(--ink);border-bottom:1px solid var(--ink);padding:8px 0}
.store{border:3px solid var(--ink);border-radius:0;box-shadow:none;background:#fff;padding:22px 22px 22px 34px;border-left:3px dashed var(--ink)}
.store::before,.store::after{content:"";position:absolute;left:-14px;width:22px;height:22px;border-radius:50%;background:#f4f1ea;border:3px solid var(--ink);z-index:2}
.store::before{top:-14px}.store::after{bottom:-14px}
.store:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--ink)}
.store-live{background:var(--z-red);color:#fff}
.store-live .store-tag{background:#fff;color:var(--ink);border-color:var(--ink)}
.store-coming{background:#fff}
.store-empty{background:var(--ink);color:#fff;border-style:solid;border-left-style:dashed}
.store-empty .store-city{color:#fff}
.store-tag{border-radius:0;font-family:var(--f-mono);letter-spacing:.16em;transform:rotate(-3deg);border-width:2px}
.store-city{letter-spacing:-.03em;line-height:.84;font-size:clamp(44px,5vw,80px)}
.store-live .store-city .t-pink{color:#fff}
.store-info{border-top:2px solid currentColor;padding-top:12px;font-family:var(--f-mono);font-size:12px;letter-spacing:.06em}
.si-lbl{opacity:.7}
.store-area{font-family:var(--f-mono);font-size:12px;letter-spacing:.06em;text-transform:uppercase}
.store .btn-primary{background:var(--z-red);color:#fff;border-color:#fff}
/* ===== WERTE — purikura / kawaii pop ===== */
.werte{background:linear-gradient(180deg,#ffd3e6 0%,#ffe6f1 40%,#d6f4ff 100%);border-top:3px solid var(--ink)}
.werte::before{content:"";position:absolute;inset:0;pointer-events:none;background:var(--sparkle) 0 0/160px 160px,radial-gradient(circle,rgba(255,255,255,.55) 1.5px,transparent 2.2px) 0 0/22px 22px;opacity:.9}
.werte::after{content:"";position:absolute;left:0;right:0;bottom:0;height:34px;background:repeating-conic-gradient(var(--ink) 0 25%,#fff 0 50%) 0 0/34px 34px;border-top:3px solid var(--ink)}
.dots{background:var(--sparkle) 0 0/120px 120px;opacity:.9}
.werte .eyebrow{background:var(--z-pink);color:#fff;border-radius:999px}
.werte .eyebrow::before{content:"カワイイ · "}
.werte .h-xl{color:var(--z-pink);-webkit-text-stroke:3px var(--ink);paint-order:stroke fill;text-shadow:5px 5px 0 #fff,7px 7px 0 var(--ink)}
.werte .h-xl .t-pink{color:#fff}
.head-side img{filter:none}
.wert{background:#fff;border:3px solid var(--ink);border-radius:6px;box-shadow:0 0 0 6px #fff,0 0 0 8px var(--ink),0 22px 34px -18px rgba(20,18,26,.35);padding:16px 16px 18px;gap:12px}
.wert:nth-child(1){transform:rotate(-2deg)}.wert:nth-child(2){transform:rotate(1.4deg) translateY(10px)}.wert:nth-child(3){transform:rotate(-1deg)}
.wert:hover{transform:rotate(0) translateY(-6px);box-shadow:0 0 0 6px #fff,0 0 0 8px var(--ink),0 30px 40px -18px rgba(20,18,26,.4)}
.wert::after{display:none}
.card-yellow,.card-green,.card-pink{background:#fff;color:var(--ink)}
.wert .chip{border-radius:999px;font-family:var(--f-mono);letter-spacing:.14em}
.card-yellow .chip{background:var(--z-lemon)}.card-green .chip{background:var(--z-mint)}.card-pink .chip{background:var(--z-pastel)}
.wert h3{font-size:clamp(22px,2.1vw,30px);line-height:1;color:var(--ink);letter-spacing:0}
.wert p{font-size:14px;color:#3b3844}
.wert-photo{order:-1;border:3px solid var(--ink);border-radius:4px;height:clamp(170px,19vw,240px);position:relative;overflow:hidden;display:block;padding:0}
.card-yellow .wert-photo{background:linear-gradient(135deg,#fff27a,#ffd1e8)}.card-green .wert-photo{background:linear-gradient(135deg,#a6f2d9,#c9f0ff)}.card-pink .wert-photo{background:linear-gradient(135deg,#ffc2dc,#e3d1ff)}
.wert-photo::after{content:"";position:absolute;inset:0;background:var(--sparkle) 0 0/110px 110px,var(--halftone) 0 0/6px 6px;opacity:.7;pointer-events:none}
.wert-photo img{position:absolute;inset:0;z-index:1;width:100%;height:100%;object-fit:contain;padding:8%;box-sizing:border-box;filter:drop-shadow(0 12px 10px rgba(20,18,26,.3))}
.wert-foot{border-top:2px dashed var(--ink);padding-top:10px;color:var(--z-pink)}
.wert-foot span:last-child{font-size:16px}
.werte .stars,.wert-foot::before{content:"♡ "}
/* ===== STORY — rock / grunge zine interview ===== */
.story{background:#efece4 var(--grain);background-size:auto,300px 300px;background-blend-mode:multiply;border-top:0;padding-top:clamp(96px,12vw,160px)}
.story::before{content:"";position:absolute;inset:0;pointer-events:none;background:var(--halftone) 0 0/5px 5px;opacity:.5;mix-blend-mode:multiply}
.story::after{content:"★ LOUD ★ FAST ★ SMASHED ★ ROCK'N'ROLL ★ LOUD ★ FAST ★ SMASHED ★ ROCK'N'ROLL ★ LOUD ★ FAST ★ SMASHED ★ ROCK'N'ROLL ★ LOUD ★ FAST ★ SMASHED";position:absolute;left:0;right:0;top:0;height:44px;display:flex;align-items:center;background:var(--ink);color:#fff;font-family:var(--f-display);font-size:22px;letter-spacing:.12em;white-space:nowrap;overflow:hidden;padding-left:var(--pad);clip-path:polygon(0 0,100% 0,100% 74%,97% 100%,93% 70%,88% 100%,84% 72%,79% 100%,74% 76%,68% 100%,63% 72%,57% 100%,52% 74%,46% 100%,41% 70%,35% 100%,30% 76%,24% 100%,19% 72%,13% 100%,8% 74%,3% 100%,0 70%)}
.story .eyebrow{background:var(--z-red);color:#fff;transform:rotate(-2deg);font-family:var(--f-mono)}
.story .eyebrow::before{content:"INTERVIEW · "}
.story .h-xl{color:#fff;background:var(--ink);display:inline;padding:0 .12em;box-decoration-break:clone;-webkit-box-decoration-break:clone;line-height:1.02;transform:rotate(-1.5deg);font-size:clamp(44px,7.5vw,112px)}
.story .h-xl .t-pink{background:var(--z-red);color:#fff;padding:0 .1em;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.story-body{margin-top:34px}
.story-body .lead{font-family:var(--f-display);font-size:clamp(22px,2.2vw,32px);line-height:1.05;text-transform:uppercase;color:var(--ink);letter-spacing:.01em}
.story-body p{font-family:var(--f-mono);font-size:14px;line-height:1.65;color:#2a2731}
.story-body p::before{content:"Q. ";color:var(--z-red);font-weight:800}
.story-body .lead::before{content:none}
.story-quote{background:var(--ink);border:3px solid var(--ink);box-shadow:0 0 0 4px #fff,0 0 0 7px var(--ink),0 20px 30px -14px rgba(0,0,0,.5);transform:rotate(-4deg)}
.story-quote p{color:#fff;-webkit-text-stroke:0;font-style:italic;letter-spacing:.02em}
.story-quote .stars{color:var(--z-red)}.q-cite{color:#bdbdbd;font-family:var(--f-mono);letter-spacing:.14em}
.fact{background:#fff;border:3px solid var(--ink);border-radius:0;box-shadow:4px 4px 0 var(--ink);color:var(--ink)}
.fact:nth-child(1){background:#fff;transform:rotate(-2deg)}.fact:nth-child(2){background:var(--z-red);color:#fff;transform:rotate(1.5deg)}.fact:nth-child(3){background:var(--ink);color:#fff;transform:rotate(-1deg)}
.fact span{font-style:italic}.fact small{font-family:var(--f-mono);letter-spacing:.14em}
/* ===== FOOTER — back cover / colophon ===== */
.footer{background:var(--z-lav);color:var(--ink);border-top:3px solid var(--ink)}
.footer::before{content:"";position:absolute;inset:0;pointer-events:none;background:var(--halftone) 0 0/6px 6px;opacity:.45;mix-blend-mode:multiply}
.footer a,.footer li,.footer p,.foot-grid a{color:var(--ink)}
.foot-top{border-bottom:3px solid var(--ink);position:relative}
.foot-top::before{content:"次号予告 · NEXT ISSUE: HAMBURG FLAGSHIP 2026";position:absolute;top:-14px;left:0;font-family:var(--f-jp),var(--f-mono);font-weight:900;font-size:11px;letter-spacing:.22em;background:var(--ink);color:#fff;padding:6px 10px}
.ft-quote{color:var(--z-pink)}
.foot-tagline p{color:var(--ink)}.foot-tagline .t-pink{color:var(--z-pink)}
.foot-lbl{background:var(--ink);color:#fff;border-radius:0;font-family:var(--f-mono);letter-spacing:.2em}
.foot-grid a:hover{background:linear-gradient(transparent 55%,#fff 55%)}
.foot-bottom{border-top:3px solid var(--ink);color:var(--ink);position:relative;padding-right:150px}
.foot-bottom::after{content:"";position:absolute;right:0;top:14px;width:130px;height:34px;background:var(--stripe)}
.foot-links a:hover{color:var(--z-pink)}
.foot-mega{-webkit-text-stroke:2px var(--ink);color:transparent;opacity:.9}
.footer .btn-primary{background:var(--ink);color:#fff;box-shadow:4px 4px 0 var(--z-pink)}
/* ===== FRANCHISE — action manga recruitment ===== */
.franchise{background:var(--z-red);color:#fff;border-top:0;border-bottom:3px solid var(--ink);background-image:repeating-linear-gradient(-30deg,transparent 0 30px,rgba(20,18,26,.14) 30px 33px),radial-gradient(circle,rgba(20,18,26,.28) 1.6px,transparent 2.2px);background-size:auto,9px 9px}
.franchise::before{content:"募集中 · WANTED";position:absolute;right:3%;top:5%;font-family:var(--f-jp),var(--f-display);font-weight:900;font-size:clamp(28px,4vw,60px);letter-spacing:.14em;background:#fff;color:var(--z-red);border:4px solid var(--ink);padding:8px 18px;transform:rotate(6deg);opacity:1;inset:auto;box-shadow:6px 6px 0 var(--ink)}
.f-eyebrow{background:var(--ink);color:#fff;border-color:var(--ink)}
.franchise-title{color:#fff;-webkit-text-stroke:3px var(--ink);text-shadow:8px 8px 0 var(--ink);font-style:italic;transform:skewX(-6deg)}
.franchise-title .line-outline{color:var(--z-lemon);-webkit-text-stroke:3px var(--ink);text-shadow:8px 8px 0 var(--ink)}
.franchise-title .t-pink{color:var(--z-lemon)}
.franchise-lead{background:var(--ink);color:#fff;padding:14px 18px;font-weight:600;max-width:60ch}
.fstat{background:#fff;color:var(--ink);border:3px solid var(--ink);border-radius:0;box-shadow:8px 8px 0 var(--ink);transform:rotate(-1deg)}
.fstat:nth-child(2){transform:rotate(1deg);background:var(--z-lemon)}
.fstat .fs-key{background:var(--ink);color:#fff;border-radius:0;font-family:var(--f-mono);letter-spacing:.16em}
.fs-val{font-style:italic}
.package-title{color:#fff;-webkit-text-stroke:0;text-shadow:4px 4px 0 var(--ink);font-style:italic}
.package-list li{background:#fff;color:var(--ink);border:3px solid var(--ink);border-left:14px solid var(--ink);border-radius:0;box-shadow:5px 5px 0 var(--ink)}
.check{background:var(--z-red);color:#fff;border-radius:0}
.franchise-form-wrap{background:#fff;color:var(--ink);border:3px solid var(--ink);border-radius:0;box-shadow:10px 10px 0 var(--ink)}
.form-h{font-style:italic}.form-h .t-pink{color:var(--z-red)}
.field input,.field select,.field textarea{border-radius:0;border:2px solid var(--ink);background:#fff}
.radio{border-radius:0}.radio:has(input:checked){background:var(--ink);color:#fff}
.franchise .btn-primary{background:var(--ink);color:#fff;box-shadow:4px 4px 0 #fff}
/* ===== SPLASH / COOKIE / LEGAL ===== */
.splash{background:#0a3cff}
.splash-dots{background:var(--sparkle) 0 0/160px 160px;opacity:.9}
.splash-burst{--c:#fff}
.splash-mega span{-webkit-text-stroke:3px var(--ink);paint-order:stroke fill}
.s-buu{color:var(--z-pink);text-shadow:8px 8px 0 #fff,10px 10px 0 var(--ink)}
.s-chii{color:#fff;text-shadow:8px 8px 0 var(--z-lemon),10px 10px 0 var(--ink)}
.splash-tag{background:var(--ink);color:#fff;border-radius:0;box-shadow:5px 5px 0 var(--z-pink)}
.splash-tag::before{content:"創刊号 · "}
.splash-skip{border-radius:0}
.splash-skip,.splash.has-foil .splash-skip{background:none!important;border:0!important;box-shadow:none!important;padding:8px 4px;color:#fff;font-family:var(--f-mono);font-size:13px;font-weight:800;letter-spacing:.24em;text-shadow:1px 1px 0 rgba(0,0,0,.4);animation:fadeIn .4s .8s both;cursor:pointer}
.splash-skip:hover{background:none;opacity:.7}
.cookie-banner{border-radius:0;border:3px solid var(--ink);box-shadow:6px 6px 0 var(--ink)}
.cookie-eyebrow{background:var(--z-pink);color:#fff;border-radius:0}
.legal{background:var(--paper) var(--grain);background-size:auto,300px 300px;background-blend-mode:multiply}
.legal .section-num{background:var(--ink);color:#fff;border-radius:0;font-family:var(--f-mono)}
.legal-title{color:var(--ink);-webkit-text-stroke:0;text-shadow:6px 6px 0 var(--z-pastel)}
.legal-block h3{background:var(--ink);color:#fff;border-radius:0}
.legal-block a{color:var(--z-pink)}
.legal-back a{background:var(--ink);color:#fff;border-radius:0;box-shadow:4px 4px 0 var(--z-pink)}
html.stickers-ruhig .menu::before,html.stickers-ruhig .menu::after,html.stickers-ruhig .standorte::before,html.stickers-ruhig .story::after,html.stickers-ruhig .franchise::before,html.stickers-ruhig .hero-inner::after{display:none}
@media (max-width:980px){.hero-inner{padding-left:var(--pad)}.hero-inner::after,.bar-red::after{display:none}.standorte::before{display:none}.foot-bottom{padding-right:0}.foot-bottom::after{display:none}.menu::after{font-size:18px;top:2%}.franchise::before{font-size:22px;right:2%;top:2%;padding:6px 12px}}
@media (max-width:720px){.hero-left::before{font-size:11px;letter-spacing:.2em}.hero-meta::after{display:none}.story::after{font-size:16px;height:36px}.story{padding-top:72px}.wert:nth-child(n){transform:none}.werte::after{height:20px;background-size:20px 20px}.store{padding-left:28px}.standorte .section-head::after{font-size:10px;letter-spacing:.14em}.story .h-xl{font-size:clamp(34px,10vw,48px)}}
@media (prefers-reduced-motion:reduce){.wert,.fstat,.fact,.story-quote{transform:none}}



/* ===== INTRO — crumpling the foil wrapper (3D) ===== */
.splash.has-foil{background:#0a3cff;animation-delay:3.65s}
.splash.has-foil .splash-inner{opacity:0;animation:foilReveal .5s cubic-bezier(.2,.9,.2,1) 3.2s forwards}
@keyframes foilReveal{to{opacity:1}}
.splash.has-foil .s-buu{animation-delay:3.25s}.splash.has-foil .s-chii{animation-delay:3.45s}.splash.has-foil .splash-tag{animation-delay:3.7s}.splash.has-foil .splash-bars{animation-delay:3.8s}.splash.has-foil .splash-burst{animation-delay:2.6s,3.1s}
.splash.has-foil .splash-dots{opacity:0;animation:foilReveal .6s 3.15s forwards}
.splash.has-foil .splash-skip{z-index:9}
.foil-sheet{position:absolute;inset:0;z-index:5;pointer-events:none;overflow:hidden;perspective:1100px;perspective-origin:50% 45%}
.foil-sheet::before{content:"";position:absolute;inset:-10%;z-index:3;background:linear-gradient(108deg,transparent 35%,rgba(255,255,255,.6) 45%,transparent 52%);mix-blend-mode:screen;animation:foilShine 1s ease-in-out .05s both;opacity:0}
@keyframes foilShine{0%{transform:translateX(-45%);opacity:1}100%{transform:translateX(45%);opacity:0}}
.foil-ball{position:absolute;inset:0;display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:repeat(8,1fr);transform-style:preserve-3d;animation:foilBall .55s cubic-bezier(.6,-.3,.6,1.3) 2.15s both,foilToss .6s cubic-bezier(.3,.5,.5,1) 2.7s forwards}
.foil-ball::after{content:"";position:absolute;left:50%;top:50%;width:32vmin;height:32vmin;margin:-13vmin 0 0 -16vmin;border-radius:50%;background:radial-gradient(circle at 50% 50%,rgba(20,18,26,.5) 0%,rgba(20,18,26,.25) 45%,rgba(20,18,26,0) 72%);opacity:0;animation:ballShade .45s ease 1.9s forwards;transform:translateZ(-240px) scale(1.1,.55) translateY(16vmin);pointer-events:none}
@keyframes ballShade{to{opacity:1}}
.foil-ball i{display:block;background:#c9cfd6 url("assets/foil-sheet.png") no-repeat;background-size:1200% 800%;animation:crumple 1.15s cubic-bezier(.55,0,.3,1) var(--d) both;transform-origin:center;transform-style:preserve-3d;will-change:transform;box-shadow:none}
@keyframes crumple{0%{transform:none;filter:brightness(1) contrast(1);border-radius:0}30%{transform:translate3d(var(--ax),var(--ay),var(--lz)) rotateX(var(--rx)) rotateY(var(--ry)) scale(1.18);filter:brightness(var(--b1)) contrast(1.12);border-radius:6% 18% 8% 22%}62%{transform:translate3d(calc((var(--tx) + var(--bx)) * .72),calc((var(--ty) + var(--by)) * .72),calc(var(--tz) * .6)) rotate3d(1,1,0,calc(var(--r) * .6)) scale(.7);filter:brightness(var(--b)) contrast(1.2);border-radius:22% 40% 30% 46%}100%{transform:translate3d(calc(var(--tx) + var(--bx)),calc(var(--ty) + var(--by)),var(--tz)) rotate3d(1,1,0,var(--r)) rotateZ(var(--rz)) scale(var(--s));filter:brightness(var(--b)) contrast(1.3);border-radius:30% 55% 40% 62%}}
@keyframes foilBall{0%{transform:scale(1)}35%{transform:scale(.84,.78) rotate(-7deg)}65%{transform:scale(1.03,1.05) rotate(5deg)}100%{transform:scale(.94) rotate(0)}}
@keyframes foilToss{0%{transform:translate(0,0) rotate(0);opacity:1;filter:blur(0)}60%{filter:blur(3px);opacity:1}100%{transform:translate(72vw,-95vh) rotate(300deg) scale(.45);opacity:0;filter:blur(6px)}}
.foil-cut{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:4;font-family:var(--f-mono);font-size:clamp(11px,1vw,13px);font-weight:800;letter-spacing:.24em;color:var(--ink);background:#fff;border:2px solid var(--ink);padding:6px 12px;white-space:nowrap;animation:cutOut .35s ease .65s forwards}
@keyframes cutOut{to{opacity:0;transform:translate(-50%,-50%) scale(.6)}}


/* ===== COVER v4 — CHALLENGE title card: chrome type, magenta speed lines, sparkles, gold ===== */
.hero{background:#4a0b6e;background-image:radial-gradient(circle at 50% 44%,rgba(255,255,255,.95) 0,rgba(255,255,255,.55) 7%,rgba(255,180,240,.35) 16%,rgba(255,45,138,0) 34%),repeating-conic-gradient(from 0deg at 50% 44%,#ff3ad6 0 2deg,#ff9be8 2deg 3deg,#a01cff 3deg 6deg,#ff2d8a 6deg 7.6deg,#ffe3f7 7.6deg 8.2deg,#6b00d6 8.2deg 11deg),linear-gradient(#4a0b6e,#4a0b6e)}
.hero::after{background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%27420%27%20height%3D%27420%27%20viewBox%3D%270%200%20420%20420%27%20fill%3D%27%23fff%27%3E%3Cpath%20d%3D%27M60%2030l7%2024%2024%207-24%207-7%2024-7-24-24-7%2024-7zM330%2070l5%2016%2016%205-16%205-5%2016-5-16-16-5%2016-5zM210%20200l10%2034%2034%2010-34%2010-10%2034-10-34-34-10%2034-10zM90%20330l4%2013%2013%204-13%204-4%2013-4-13-13-4%2013-4zM360%20300l6%2020%2020%206-20%206-6%2020-6-20-20-6%2020-6zM300%20380l3%209%209%203-9%203-3%209-3-9-9-3%209-3z%27%2F%3E%3Cg%20opacity%3D%27.85%27%3E%3Ccircle%20cx%3D%27150%27%20cy%3D%2790%27%20r%3D%272.5%27%2F%3E%3Ccircle%20cx%3D%27380%27%20cy%3D%27170%27%20r%3D%272%27%2F%3E%3Ccircle%20cx%3D%2740%27%20cy%3D%27230%27%20r%3D%272.2%27%2F%3E%3Ccircle%20cx%3D%27250%27%20cy%3D%27330%27%20r%3D%272.4%27%2F%3E%3Ccircle%20cx%3D%27190%27%20cy%3D%2740%27%20r%3D%271.8%27%2F%3E%3Ccircle%20cx%3D%27400%27%20cy%3D%27400%27%20r%3D%272%27%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") 0 0/210px 210px,url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%27420%27%20height%3D%27420%27%20viewBox%3D%270%200%20420%20420%27%20fill%3D%27%23fff%27%3E%3Cpath%20d%3D%27M60%2030l7%2024%2024%207-24%207-7%2024-7-24-24-7%2024-7zM330%2070l5%2016%2016%205-16%205-5%2016-5-16-16-5%2016-5zM210%20200l10%2034%2034%2010-34%2010-10%2034-10-34-34-10%2034-10zM90%20330l4%2013%2013%204-13%204-4%2013-4-13-13-4%2013-4zM360%20300l6%2020%2020%206-20%206-6%2020-6-20-20-6%2020-6zM300%20380l3%209%209%203-9%203-3%209-3-9-9-3%209-3z%27%2F%3E%3Cg%20opacity%3D%27.85%27%3E%3Ccircle%20cx%3D%27150%27%20cy%3D%2790%27%20r%3D%272.5%27%2F%3E%3Ccircle%20cx%3D%27380%27%20cy%3D%27170%27%20r%3D%272%27%2F%3E%3Ccircle%20cx%3D%2740%27%20cy%3D%27230%27%20r%3D%272.2%27%2F%3E%3Ccircle%20cx%3D%27250%27%20cy%3D%27330%27%20r%3D%272.4%27%2F%3E%3Ccircle%20cx%3D%27190%27%20cy%3D%2740%27%20r%3D%271.8%27%2F%3E%3Ccircle%20cx%3D%27400%27%20cy%3D%27400%27%20r%3D%272%27%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") 210px 140px/300px 300px,radial-gradient(ellipse 60% 40% at 18% 30%,rgba(255,255,255,.5),transparent 60%),radial-gradient(ellipse 50% 30% at 82% 70%,rgba(120,220,255,.5),transparent 60%),linear-gradient(100deg,transparent 30%,rgba(255,255,255,.35) 36%,transparent 40%),radial-gradient(ellipse 90% 80% at 50% 45%,rgba(30,0,60,0) 55%,rgba(30,0,60,.75) 100%);mix-blend-mode:normal;opacity:1;z-index:1;animation:none}
.vband,.hero-bands,.hero-left::before,.hero-inner::after,.hero-meta::after,.hero-burst-2{display:none}
.hero-inner{padding-left:var(--pad);padding-right:var(--pad);padding-top:16px;z-index:6}
.hero-meta{justify-content:center;gap:8px}
.hero-meta .chip{background:rgba(20,18,26,.85);color:#fff;border-color:#fff;box-shadow:none;font-size:10px}
.hero-meta .chip-yellow,.hero-meta .chip-cyan{background:rgba(20,18,26,.85);color:#fff}
.hero-stage{display:grid;grid-template-columns:1fr;justify-items:center;align-items:center;min-height:clamp(560px,72vh,860px);position:relative}
.hero-left{display:flex;padding:0;position:relative;z-index:6;justify-self:center;align-self:center}
.hero-word{position:relative;flex-direction:column;align-items:center;gap:0;font-size:clamp(84px,15.5vw,250px);line-height:.82;letter-spacing:-.01em;font-style:italic;transform:skewX(-9deg) rotate(-5deg);filter:drop-shadow(0 0 28px rgba(255,120,230,.9)) drop-shadow(0 26px 30px rgba(40,0,70,.6))}
.hero-word span{-webkit-text-stroke:3px #2c0748;paint-order:stroke fill;background:linear-gradient(180deg,#ffffff 0%,#eaf2ff 26%,#c9d8ee 40%,#5e6f8c 49%,#ffffff 53%,#d7e2f2 66%,#7d8fa9 84%,#ffffff 100%);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:none;filter:drop-shadow(0 0 1.5px #2c0748) drop-shadow(5px 7px 0 #ff2d8a) drop-shadow(9px 13px 0 #3a0a5c)}
.hero-word .w1{font-size:.6em;align-self:flex-start;margin-left:6%;margin-bottom:-.02em;letter-spacing:.02em}
.hero-word .w2{margin-left:0;letter-spacing:.01em}
.hero-word::after{content:"参上";position:absolute;right:-8%;bottom:-38%;font-family:var(--f-jp);font-weight:900;font-style:normal;font-size:.62em;line-height:1;letter-spacing:.02em;background:linear-gradient(180deg,#fff9b0 0%,#ffd23a 28%,#ff8a1c 48%,#ff2e2e 66%,#8a0018 100%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-stroke:4px #fff;paint-order:stroke fill;transform:rotate(-4deg) skewX(-6deg);filter:drop-shadow(0 0 2px #7a0000) drop-shadow(5px 7px 0 #3a0a5c) drop-shadow(0 0 22px rgba(255,90,60,.9));z-index:2}
.hero-word::before{content:"スマッシュバーガー × チキン · FRANKFURT";position:absolute;left:8%;top:-.42em;font-family:var(--f-jp),var(--f-mono);font-weight:900;font-style:normal;font-size:clamp(10px,.9vw,13px);letter-spacing:.34em;color:#fff;background:linear-gradient(90deg,#2c0748,#6b00d6);border:2px solid #fff;padding:5px 12px;transform:skewX(9deg) rotate(0);white-space:nowrap;box-shadow:0 0 14px rgba(255,120,230,.8)}
/* gold ornaments */
.hero-stage::before,.hero-stage::after{content:"";position:absolute;width:clamp(120px,22vw,340px);height:clamp(120px,22vw,340px);border-radius:50%;background:conic-gradient(from 0deg,#fff3b0,#f5c542,#b8860b,#fff3b0,#e0a92a,#8a5a00,#fff3b0);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 10px),#000 calc(100% - 9px));mask:radial-gradient(farthest-side,transparent calc(100% - 10px),#000 calc(100% - 9px));z-index:5;pointer-events:none;filter:drop-shadow(0 0 6px rgba(255,220,120,.9)) drop-shadow(0 4px 0 #6b3d00)}
.hero-stage::before{left:2%;top:6%;clip-path:polygon(0 0,60% 0,60% 100%,0 100%);transform:rotate(-20deg)}
.hero-stage::after{right:2%;bottom:14%;clip-path:polygon(40% 0,100% 0,100% 100%,40% 100%);transform:rotate(-20deg)}
.hero-brandmark{--c:#f5c542;left:auto;right:4%;top:6%;--size:clamp(84px,8vw,130px);filter:drop-shadow(2px 2px 0 #6b3d00) drop-shadow(0 0 14px rgba(255,220,120,.9))}
.hero-burst-1{--c:var(--z-lemon);color:#c4001d;left:3%;top:4%;right:auto;--size:clamp(96px,9vw,140px);filter:drop-shadow(2px 2px 0 #7a0000) drop-shadow(0 0 16px rgba(255,255,255,.8))}
.hero-tv{position:absolute;left:1%;bottom:4%;width:min(24vw,300px);max-width:none;margin:0;transform:rotate(-7deg);z-index:7;filter:drop-shadow(0 20px 20px rgba(20,0,40,.6)) drop-shadow(0 0 12px rgba(255,255,255,.4))}
.hero-tv::after{content:"▶ FRANCHISE FILM";left:8%;right:auto;bottom:-4%;background:#ff2d8a;color:#fff;border:2px solid #fff}
.hero-product{position:absolute;right:-1%;bottom:-4%;width:clamp(280px,33vw,540px);z-index:8;transform:rotate(-6deg);filter:drop-shadow(0 0 2px #fff) drop-shadow(0 0 4px #fff) drop-shadow(0 30px 26px rgba(20,0,40,.6)) drop-shadow(0 0 30px rgba(255,120,230,.7))}
.hero-bars{background:#2c0748}
.bar-red{background:#2c0748;color:#fff;border-top:3px solid #fff;border-bottom:0;text-shadow:0 0 12px rgba(255,120,230,.9)}
.bar-red::after{display:none}
.tape{background:var(--z-pink);border-top:3px solid #fff}
@media (max-width:980px){.hero-stage{min-height:0;padding:40px 0 30px;display:flex;flex-direction:column;gap:30px}.hero-word{font-size:clamp(64px,14vw,150px)}.hero-word::before{left:0;font-size:9px;letter-spacing:.22em}.hero-tv{position:static;width:min(60vw,320px);transform:rotate(-3deg);margin-top:40px}.hero-product{position:static;width:min(70vw,420px);margin:30px 0 -30px;align-self:flex-end}.hero-stage::before,.hero-stage::after{width:120px;height:120px}}
@media (max-width:700px){.hero-word{font-size:clamp(48px,15vw,90px)}.hero-word::after{font-size:.7em;right:-4%;bottom:-48%}.hero-word::before{display:none}.hero-stage::before,.hero-stage::after,.hero-brandmark{display:none}.hero-burst-1{--size:84px;font-size:12px}.hero-meta .chip:nth-child(n+2){display:none}}

/* ===== MENU — matched to the challenge title card ===== */
.menu{background:#2c0748;background-image:radial-gradient(circle at 50% 0%,rgba(255,255,255,.55) 0,rgba(255,150,235,.28) 12%,rgba(255,45,138,0) 34%),repeating-conic-gradient(from 0deg at 50% 0%,rgba(255,58,214,.55) 0 2deg,rgba(255,155,232,.35) 2deg 3deg,rgba(160,28,255,.45) 3deg 6deg,rgba(255,45,138,.5) 6deg 7.6deg,rgba(255,227,247,.5) 7.6deg 8.2deg,rgba(107,0,214,.55) 8.2deg 11deg),linear-gradient(180deg,#4a0b6e 0%,#2c0748 45%,#1a0530 100%)}
.menu::before{content:"BUU CHII WORLD";-webkit-text-stroke:2px rgba(255,255,255,.14);color:transparent;font-style:italic;bottom:4%;top:auto;left:-2%}
.menu::after{content:"参上!! · COMBO BOX";font-family:var(--f-jp),var(--f-display);font-weight:900;font-style:normal;color:transparent;background:linear-gradient(180deg,#fff9b0 0%,#ffd23a 28%,#ff8a1c 48%,#ff2e2e 66%,#8a0018 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-stroke:2.5px #fff;paint-order:stroke fill;text-shadow:none;filter:drop-shadow(0 0 2px #7a0000) drop-shadow(4px 5px 0 #3a0a5c) drop-shadow(0 0 16px rgba(255,90,60,.8));font-size:clamp(26px,3.4vw,52px);top:3%;right:3%;transform:rotate(-5deg)}
.menu .wrap::before{opacity:.18}
.menu-hero{background:linear-gradient(180deg,rgba(74,11,110,.85),rgba(44,7,72,.95));border:3px solid #fff;box-shadow:0 0 0 3px #ff2d8a,0 0 40px rgba(255,120,230,.55),inset 0 0 80px rgba(255,120,230,.14);clip-path:none;border-radius:4px;position:relative}
.menu-hero::before{content:"";position:absolute;inset:-14px;border-radius:8px;pointer-events:none;background:conic-gradient(from 0deg,#fff3b0,#f5c542,#b8860b,#fff3b0,#e0a92a,#8a5a00,#fff3b0);-webkit-mask:linear-gradient(#000,#000) content-box,linear-gradient(#000,#000);-webkit-mask-composite:xor;mask:linear-gradient(#000,#000) content-box,linear-gradient(#000,#000);mask-composite:exclude;padding:5px;opacity:.95;filter:drop-shadow(0 0 8px rgba(255,220,120,.8))}
.menu .eyebrow{background:linear-gradient(90deg,#ff2d8a,#a01cff);color:#fff;border:2px solid #fff;box-shadow:0 0 12px rgba(255,120,230,.8);font-weight:800}
.menu .eyebrow::before{content:"★ "}
.menu-mega{font-style:italic;color:transparent;background:linear-gradient(180deg,#ffffff 0%,#eaf2ff 26%,#c9d8ee 40%,#5e6f8c 49%,#ffffff 53%,#d7e2f2 66%,#7d8fa9 84%,#ffffff 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-stroke:3px #2c0748;paint-order:stroke fill;text-shadow:none;transform:skewX(-9deg) rotate(-3deg);filter:drop-shadow(0 0 1.5px #2c0748) drop-shadow(5px 7px 0 #ff2d8a) drop-shadow(9px 12px 0 #3a0a5c) drop-shadow(0 0 24px rgba(255,120,230,.9))}
.menu-mega .t-pink{color:transparent}
.menu-url{color:#ffd1f0;text-shadow:0 0 10px rgba(255,120,230,.9)}
.menu-lead{color:#f4e9ff}.menu-lead strong{background:linear-gradient(90deg,#ff2d8a,#a01cff);color:#fff;border:1px solid #fff}
.menu-burst{--c:var(--z-lemon);color:#c4001d;filter:drop-shadow(2px 2px 0 #7a0000) drop-shadow(0 0 16px rgba(255,255,255,.8))}
.menu-tabs{background:linear-gradient(180deg,#4a0b6e,#1a0530);border:3px solid #fff;box-shadow:0 0 0 3px #ff2d8a,0 0 26px rgba(255,120,230,.5),0 8px 0 #1a0530}
.menu-tab{color:#fff;text-shadow:0 0 8px rgba(255,120,230,.8)}
.menu-tab:hover{background:rgba(255,255,255,.12)}
.menu-tab.is-active,.menu-tab:nth-child(2).is-active,.menu-tab:nth-child(3).is-active{background:linear-gradient(180deg,#ffffff 0%,#eaf2ff 26%,#c9d8ee 40%,#5e6f8c 49%,#ffffff 53%,#d7e2f2 66%,#7d8fa9 84%,#ffffff 100%);color:#2c0748;text-shadow:0 1px 0 #fff;box-shadow:inset 0 0 0 2px #2c0748,0 0 18px rgba(255,255,255,.7)}
.burger,.wing,.side,.burger[class*="theme-"]{border:3px solid #fff;box-shadow:0 0 0 3px #ff2d8a,0 0 0 5px #2c0748,0 0 30px rgba(255,120,230,.4),0 22px 44px -16px rgba(0,0,0,.8)}
.burger:hover,.wing:hover,.side:hover,.burger[class*="theme-"]:hover{box-shadow:0 0 0 3px #ffd23a,0 0 0 5px #2c0748,0 0 44px rgba(255,210,58,.6),0 26px 50px -16px rgba(0,0,0,.8)}
.burger::before,.wing::before,.side::before{background:linear-gradient(90deg,#ff2d8a 0,#ffd23a 50%,#3ff0ff 100%);border-color:#2c0748;box-shadow:inset 0 2px 0 rgba(255,255,255,.7),0 0 10px rgba(255,120,230,.7)}
.b-num,.burger[class*="theme-"] .b-num{background:linear-gradient(180deg,#ffffff 0%,#eaf2ff 26%,#c9d8ee 40%,#5e6f8c 49%,#ffffff 53%,#d7e2f2 66%,#7d8fa9 84%,#ffffff 100%)!important;color:#2c0748!important;border-color:#2c0748!important;text-shadow:0 1px 0 #fff}
.heat{background:linear-gradient(90deg,#ff2e2e,#ff8a1c);color:#fff;border-color:#fff;box-shadow:0 0 12px rgba(255,90,60,.8),3px 3px 0 #2c0748}
.heat-3{background:linear-gradient(90deg,#8a0018,#ff2e2e)}
.heat::before{content:"必殺 · ";opacity:1}
.wings-intro,.combo{background:linear-gradient(180deg,rgba(74,11,110,.9),rgba(44,7,72,.96));border:3px solid #fff;box-shadow:0 0 0 3px #ff2d8a,0 0 30px rgba(255,120,230,.45)}
.wings-title,.combo-name,.chickenb-title{color:transparent;background:linear-gradient(180deg,#ffffff 0%,#eaf2ff 26%,#c9d8ee 40%,#5e6f8c 49%,#ffffff 53%,#d7e2f2 66%,#7d8fa9 84%,#ffffff 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-stroke:2px #2c0748;paint-order:stroke fill;filter:drop-shadow(3px 4px 0 #ff2d8a) drop-shadow(0 0 14px rgba(255,120,230,.7))}
.wings-title .t-yellow,.combo-name .t-yellow,.chickenb-title .t-pink{color:transparent}
.wings-lead,.combo-lead,.combo-list span{color:#f4e9ff}
.wings-lead strong{background:linear-gradient(90deg,#ff2d8a,#a01cff);color:#fff}
.combo-list li{background:rgba(26,5,48,.8);border:2px solid #ff2d8a;color:#fff}
.combo-num{background:linear-gradient(180deg,#ffffff 0%,#eaf2ff 26%,#c9d8ee 40%,#5e6f8c 49%,#ffffff 53%,#d7e2f2 66%,#7d8fa9 84%,#ffffff 100%);color:#2c0748}
.chickenb-head .chip-ink,.wings-intro .chip-ink,.combo .chip-ink{background:linear-gradient(90deg,#ff2d8a,#a01cff);color:#fff;border-color:#fff}
.marquee-red{background:#2c0748 repeating-conic-gradient(from 0deg at 50% 50%,rgba(255,58,214,.35) 0 2deg,transparent 2deg 6deg);border-color:#fff;color:#fff}
.marquee-red .m-sep{color:#ffd23a}
.marquee{background:var(--z-pink) repeating-linear-gradient(-30deg,transparent 0 30px,rgba(20,18,26,.14) 30px 33px);color:#fff;border-color:#fff}
.marquee-track img{filter:invert(1) drop-shadow(0 0 6px rgba(255,255,255,.8))}

/* fixes */
.menu-tabs .menu-tab:not(.is-active),.menu-tabs .menu-tab:nth-child(2n+1):not(.is-active),.menu-tabs .menu-tab:nth-child(2n):not(.is-active){color:#fff}
.menu::after{z-index:3;top:0;bottom:auto;right:3%;transform:rotate(-5deg) translateY(-55%)}
.menu{overflow:visible}
@media (max-width:980px){.menu::after{display:none}}

/* burger clear of the masthead */
.hero-stage{grid-template-columns:minmax(0,1fr) clamp(240px,30vw,520px);justify-items:start;column-gap:clamp(12px,2vw,32px)}
.hero-left{justify-self:center;grid-column:1;max-width:100%}
.hero-word{max-width:100%}
.hero-word::after{right:-4%}
.hero-product{position:static;grid-column:2;justify-self:end;align-self:end;width:100%;max-width:clamp(240px,30vw,520px);margin:0 clamp(-24px,-2vw,-48px) clamp(-30px,-4vw,-70px) 0;transform:rotate(-6deg)}
.hero-stage::after{right:0;bottom:auto;top:4%}
.hero-tv{left:1%;bottom:2%;width:min(20vw,260px)}
@media (max-width:980px){.hero-stage{display:flex;flex-direction:column}.hero-product{align-self:flex-end;max-width:min(60vw,380px);margin:20px 0 -30px}}

/* centred masthead, burger anchored right */
.hero-stage{grid-template-columns:1fr;justify-items:center}
.hero-left{grid-column:1;justify-self:center}
.hero-product{position:absolute;right:calc(var(--pad) * -1);bottom:-6%;grid-column:auto;width:clamp(200px,22vw,400px);max-width:none;margin:0;z-index:4}
.hero-word{filter:drop-shadow(0 0 28px rgba(255,120,230,.9)) drop-shadow(0 26px 30px rgba(40,0,70,.6));z-index:6}
.hero-left{max-width:min(100%,calc(100% - 2 * clamp(200px,22vw,400px) + 120px))}
@media (max-width:980px){.hero-product{position:static;align-self:flex-end;width:min(60vw,380px);margin:20px 0 -30px}.hero-left{max-width:100%}}

/* burger stack: three more behind the front one */
.hero-product-stack{position:absolute;right:calc(var(--pad) * -1);bottom:-6%;width:clamp(200px,22vw,400px);aspect-ratio:1;z-index:4;pointer-events:none}
.hero-product-stack .hero-product{position:absolute;inset:auto 0 0 auto;width:100%;right:0;bottom:0;margin:0;max-width:none;transform-origin:70% 90%}
.hero-product-front{z-index:4;transform:rotate(-6deg)}
.hero-product-back{filter:drop-shadow(0 0 2px #fff) drop-shadow(0 18px 20px rgba(20,0,40,.5)) brightness(.92)}
.hero-product-back-1{z-index:3;transform:translate(-22%,-14%) rotate(-14deg) scale(.86)}
.hero-product-back-2{z-index:2;transform:translate(-42%,-24%) rotate(-24deg) scale(.74);filter:drop-shadow(0 0 2px #fff) drop-shadow(0 16px 18px rgba(20,0,40,.5)) brightness(.86)}
.hero-product-back-3{z-index:1;transform:translate(-60%,-30%) rotate(-34deg) scale(.64);filter:drop-shadow(0 0 2px #fff) drop-shadow(0 14px 16px rgba(20,0,40,.5)) brightness(.8)}
@media (max-width:980px){.hero-product-stack{position:static;align-self:flex-end;width:min(60vw,380px);margin:20px 0 -30px}.hero-product-stack .hero-product{position:absolute}}
@media (max-width:700px){.hero-product-back-3{display:none}}

/* fries top right */
.hero-fries{position:absolute;right:calc(var(--pad) * -.5);top:-2%;width:clamp(160px,17vw,300px);aspect-ratio:1;z-index:5;pointer-events:none}
.hero-fry{position:absolute;right:0;top:0;width:100%;filter:drop-shadow(0 0 2px #fff) drop-shadow(0 16px 18px rgba(20,0,40,.5)) drop-shadow(0 0 18px rgba(255,210,58,.5))}
.hero-fry-1{z-index:3;transform:rotate(14deg)}
.hero-fry-2{z-index:2;transform:translate(-34%,18%) rotate(-10deg) scale(.8);filter:drop-shadow(0 0 2px #fff) drop-shadow(0 14px 16px rgba(20,0,40,.5)) brightness(.9)}
.hero-fry-3{z-index:1;transform:translate(-16%,52%) rotate(26deg) scale(.68);filter:drop-shadow(0 0 2px #fff) drop-shadow(0 12px 14px rgba(20,0,40,.5)) brightness(.85)}
.hero-brandmark{right:auto;left:14%;top:4%}
.hero-stage::after{display:none}
@media (max-width:980px){.hero-fries{position:absolute;right:0;top:0;width:min(30vw,180px)}}
@media (max-width:700px){.hero-fries{width:26vw;top:-10px}.hero-fry-3{display:none}}

/* fries pinned to the top-right corner of the screen, above the burgers */
.hero-fries{position:absolute;right:var(--pad);top:clamp(8px,1.5vw,24px);width:clamp(150px,15vw,260px);z-index:7}
.hero-fry-1{transform:rotate(12deg)}
.hero-fry-2{transform:translate(-40%,10%) rotate(-12deg) scale(.78)}
.hero-fry-3{transform:translate(-14%,46%) rotate(28deg) scale(.66)}
.hero-inner{overflow:visible}
.hero-meta{justify-content:flex-start;padding-right:clamp(160px,16vw,280px)}
.hero-burst-1{left:auto;right:clamp(170px,17vw,300px);top:2%}
@media (max-width:980px){.hero-fries{right:var(--pad);top:6px;width:min(28vw,170px)}.hero-meta{padding-right:0}.hero-burst-1{right:auto;left:3%}}

/* fries beside the BUU CHII lettering */
.hero-left{display:flex;align-items:center;gap:clamp(8px,1.5vw,24px);flex-direction:row}
.hero-fries{position:relative;right:auto;top:auto;flex:0 0 clamp(150px,16vw,280px);width:clamp(150px,16vw,280px);aspect-ratio:1;margin-left:clamp(-10px,-1vw,-20px);z-index:7;align-self:center;transform:translateY(-8%)}
.hero-fry{position:absolute;left:0;top:0;right:auto;width:100%}
.hero-fry-1{z-index:3;transform:rotate(10deg)}
.hero-fry-2{z-index:2;transform:translate(22%,28%) rotate(-14deg) scale(.78)}
.hero-fry-3{z-index:1;transform:translate(-18%,46%) rotate(24deg) scale(.66)}
.hero-meta{padding-right:0;justify-content:center}
.hero-burst-1{left:3%;right:auto;top:4%}
.hero-word::after{right:-6%}
@media (max-width:980px){.hero-left{flex-direction:row;align-items:center}.hero-fries{flex-basis:min(26vw,170px);width:min(26vw,170px)}}
@media (max-width:700px){.hero-left{flex-direction:column;gap:6px}.hero-fries{width:40vw;flex-basis:auto;margin:10px 0 0 40%;transform:none}.hero-fry-3{display:block}}

/* fries higher up, to the top right of the lettering */
.hero-left{align-items:flex-start}
.hero-fries{align-self:flex-start;transform:translate(clamp(-30px,-3vw,-60px),clamp(-70px,-7vw,-130px))}
@media (max-width:980px){.hero-fries{transform:translate(-10px,-40px)}}
@media (max-width:700px){.hero-fries{transform:none}}

/* ===== Nokia Communicator on the cover, standing upright, TikTok on the display ===== */
.hero-nokia{position:absolute;left:clamp(8px,2vw,40px);bottom:-4%;width:clamp(150px,15vw,250px);z-index:7;display:block;transform:rotate(-6deg);filter:drop-shadow(0 0 2px #fff) drop-shadow(0 26px 26px rgba(20,0,40,.6)) drop-shadow(0 0 22px rgba(120,220,255,.5));transition:transform .3s cubic-bezier(.2,.9,.3,1.4)}
.hero-nokia:hover{transform:rotate(-2deg) scale(1.04)}
.nokia-img{display:block;width:100%;height:auto;transform:rotate(90deg) scale(1.62);transform-origin:50% 50%;margin:36% 0}
.nokia-screen{position:absolute;left:19.5%;top:21%;width:44%;height:53%;transform:rotate(90deg);transform-origin:50% 50%;background:#b9c4a1 repeating-linear-gradient(0deg,rgba(0,0,0,.05) 0 1px,transparent 1px 3px);color:#1a2210;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:6%;font-family:var(--f-mono);font-size:clamp(8px,.72vw,11px);font-weight:800;letter-spacing:.08em;text-align:center;padding:6%;box-shadow:inset 0 0 0 2px #2a2f22,inset 0 0 18px rgba(0,0,0,.35)}
.nokia-line{white-space:nowrap}
.nokia-tt{display:inline-flex;align-items:center;gap:5px;background:#1a2210;color:#b9c4a1;padding:4px 7px;font-size:1.05em;white-space:nowrap}
.nokia-tt svg{width:1.3em;height:1.3em}
@keyframes nokiaBlink{50%{opacity:.25}}
.nokia-blink{animation:nokiaBlink 1.1s steps(1) infinite}
.hero-tv{left:auto;right:clamp(200px,24vw,420px);bottom:2%;width:min(16vw,220px)}
@media (max-width:980px){.hero-nokia{position:static;width:min(40vw,220px);align-self:flex-start;margin:10px 0 -10px;transform:rotate(-4deg)}.hero-tv{position:static;right:auto}}
@media (max-width:700px){.hero-nokia{width:52vw;align-self:center}.nokia-screen{font-size:9px}}
@media (prefers-reduced-motion:reduce){.nokia-blink{animation:none}}

/* Nokia: rotate phone + display as one unit so the screen stays locked to the bezel */
.hero-nokia{width:clamp(150px,15vw,250px);aspect-ratio:432/750;overflow:visible}
.hero-nokia .nokia-img{position:absolute;left:50%;top:50%;width:calc(100% * 750 / 432);height:auto;margin:0;transform:translate(-50%,-50%) rotate(90deg);transform-origin:50% 50%}
.hero-nokia .nokia-screen{left:auto;top:auto;transform:none;transform-origin:50% 50%;
 /* photo coords: left 19.2%, top 8.6%, width 46.6%, height 30.6% → rotated 90° cw inside the upright frame */
 right:8.6%;top:19.2%;width:30.6%;height:46.6%;writing-mode:vertical-rl;text-orientation:mixed;padding:5% 6%;gap:5%;font-size:clamp(7px,.66vw,10px);border-radius:3px}
.hero-nokia .nokia-tt{writing-mode:vertical-rl;padding:7px 4px}
.hero-nokia .nokia-tt svg{transform:rotate(90deg)}
.hero-nokia .nokia-line,.hero-nokia .nokia-tt{transform:rotate(180deg)}

/* Nokia display: measured from the photo (LCD u 19.3–70.1 %, v 9.5–38.9 %) → rotated 90° cw */
.hero-nokia .nokia-screen{left:61.6%;right:auto;top:19.8%;width:28.4%;height:49.8%;border-radius:2px;padding:4% 5%;box-shadow:inset 0 0 0 1.5px #2a2f22,inset 0 0 14px rgba(0,0,0,.35)}

.hero-nokia .nokia-img{max-width:none}
.hero-nokia .nokia-screen{left:61.4%;top:19.6%;width:29%;height:50.2%}

/* phone flipped 180°: display now bottom-left, text reading upright */
.hero-nokia .nokia-img{transform:translate(-50%,-50%) rotate(-90deg)}
.hero-nokia .nokia-screen{left:9.6%;right:auto;top:30.2%;width:29%;height:50.2%;writing-mode:vertical-rl}
.hero-nokia .nokia-line,.hero-nokia .nokia-tt{transform:none}
.hero-nokia .nokia-tt svg{transform:rotate(-90deg)}

/* display text the right way up */
.hero-nokia .nokia-screen{transform:rotate(180deg)}
.hero-nokia .nokia-tt svg{transform:rotate(90deg)}

/* TikTok badge on the phone */
.nokia-badge{position:absolute;right:-8%;top:-6%;z-index:3;width:clamp(44px,3.6vw,64px);height:clamp(44px,3.6vw,64px);border-radius:50%;background:#000;color:#fff;border:3px solid #fff;display:grid;place-items:center;box-shadow:0 0 0 3px #ff2d8a,0 8px 14px rgba(20,0,40,.5),0 0 18px rgba(0,242,234,.6);transform:rotate(12deg);transition:transform .3s cubic-bezier(.2,.9,.3,1.4)}
.nokia-badge svg{width:56%;height:56%;filter:drop-shadow(-1.5px -1.5px 0 #00f2ea) drop-shadow(1.5px 1.5px 0 #ff0050)}
.hero-nokia:hover .nokia-badge{transform:rotate(0) scale(1.15)}
@media (max-width:700px){.nokia-badge{width:40px;height:40px}}

/* badge stuck onto the phone body like a sticker */
.nokia-badge{right:12%;top:auto;bottom:9%;width:clamp(40px,3.2vw,56px);height:clamp(40px,3.2vw,56px);border-radius:10px;border:2px solid #fff;box-shadow:0 0 0 2px #000,2px 3px 0 rgba(0,0,0,.45),inset 0 0 0 1px rgba(255,255,255,.15);transform:rotate(-8deg)}
.nokia-badge::after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(135deg,rgba(255,255,255,.45),rgba(255,255,255,0) 45%);pointer-events:none}
.hero-nokia:hover .nokia-badge{transform:rotate(-4deg) scale(1.06)}
@media (max-width:700px){.nokia-badge{width:36px;height:36px}}

/* ===== Nimo peeking out of the cover, linked to Spotify ===== */
@keyframes nimoBob{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-10px) rotate(-1deg)}}
.hero-nimo{position:absolute;left:clamp(160px,17vw,300px);bottom:-3%;width:clamp(200px,22vw,380px);z-index:6;display:block;filter:drop-shadow(0 0 2px #fff) drop-shadow(0 0 4px #fff) drop-shadow(0 24px 26px rgba(20,0,40,.6)) drop-shadow(0 0 28px rgba(255,120,230,.55));animation:nimoBob 5s ease-in-out infinite;transition:filter .3s}
.hero-nimo:hover{animation-play-state:paused;filter:drop-shadow(0 0 2px #fff) drop-shadow(0 0 4px #fff) drop-shadow(0 24px 26px rgba(20,0,40,.6)) drop-shadow(0 0 34px rgba(30,215,96,.8))}
.nimo-img{display:block;width:100%;height:auto;max-width:none}
.nimo-tag{position:absolute;left:50%;top:-6%;transform:translateX(-50%) rotate(-4deg);display:inline-flex;align-items:center;gap:7px;background:#1ed760;color:#000;border:2px solid #fff;padding:7px 12px;font-family:var(--f-mono);font-size:clamp(10px,.85vw,12px);font-weight:800;letter-spacing:.16em;white-space:nowrap;box-shadow:3px 3px 0 #000,0 0 16px rgba(30,215,96,.7);transition:transform .3s cubic-bezier(.2,.9,.3,1.4)}
.hero-nimo:hover .nimo-tag{transform:translateX(-50%) rotate(0) scale(1.06)}
.hero-tv{right:clamp(230px,26vw,460px);width:min(14vw,200px)}
@media (max-width:980px){.hero-nimo{position:static;width:min(56vw,320px);align-self:center;margin:10px 0 -20px;animation:none}}
@media (max-width:700px){.hero-nimo{width:66vw}}
@media (prefers-reduced-motion:reduce){.hero-nimo{animation:none}}

/* nimo cut-out */
.hero-nimo{filter:drop-shadow(0 0 2px #fff) drop-shadow(0 0 3px #fff) drop-shadow(0 24px 26px rgba(20,0,40,.6)) drop-shadow(0 0 28px rgba(255,120,230,.55))}

/* new nimo portrait: standing, arms crossed */
.hero-nimo{width:clamp(210px,24vw,420px);bottom:-6%;left:clamp(150px,16vw,290px)}
.nimo-tag{top:2%}

.nimo-tag{display:none}

/* nimo hides at the bottom edge (only cap + eyes showing) and slides up on hover */
.hero-nimo{bottom:0;animation:none;transform:translateY(80%);transition:transform .55s cubic-bezier(.2,.9,.25,1.15),filter .3s;will-change:transform}
.hero-nimo:hover,.hero-nimo:focus-visible{transform:translateY(8%)}
.hero-nimo::before{content:"";position:absolute;left:-10%;right:-10%;top:0;height:120%}
.hero{overflow:hidden}
@media (max-width:980px){.hero-nimo{position:absolute;left:auto;right:4%;bottom:0;width:min(44vw,260px);transform:translateY(78%)}.hero-nimo:hover{transform:translateY(10%)}}
@media (max-width:700px){.hero-nimo{width:46vw}}
@media (hover:none){.hero-nimo{transform:translateY(55%)}}

.hero-nimo{width:clamp(250px,28vw,500px);transform:translateY(86%)}
.hero-nimo:hover,.hero-nimo:focus-visible{transform:translateY(6%)}
@media (max-width:980px){.hero-nimo{width:min(50vw,300px);transform:translateY(84%)}}
@media (hover:none){.hero-nimo{transform:translateY(55%)}}

.hero-nimo{transform:translateY(90%)}
.hero-nimo::before{top:-6%;height:120%}
@media (max-width:980px){.hero-nimo{transform:translateY(88%)}}
@media (hover:none){.hero-nimo{transform:translateY(55%)}}

/* nimo links */
.hero-nimo{cursor:pointer;outline:none}
.hero-nimo.is-open{transform:translateY(6%)}
.nimo-links{position:absolute;left:100%;top:22%;display:flex;flex-direction:column;gap:8px;margin-left:-6%;opacity:0;transform:translateX(-10px);transition:opacity .25s .25s,transform .25s .25s;pointer-events:none}
.hero-nimo:hover .nimo-links,.hero-nimo:focus-within .nimo-links,.hero-nimo.is-open .nimo-links{opacity:1;transform:none;pointer-events:auto}
.nimo-link{display:inline-flex;align-items:center;gap:8px;border:2px solid #fff;padding:9px 14px;font-family:var(--f-mono);font-size:clamp(11px,.9vw,13px);font-weight:800;letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;box-shadow:3px 3px 0 #000;transform:rotate(-3deg);transition:transform .2s}
.nimo-link:hover{transform:rotate(0) scale(1.05)}
.nimo-link-spotify{background:#1ed760;color:#000}
.nimo-link-bio{background:#fff;color:var(--ink);transform:rotate(2deg)}
@media (max-width:980px){.nimo-links{left:auto;right:100%;margin:0 -6% 0 0;align-items:flex-end}}
@media (hover:none){.hero-nimo.is-open{transform:translateY(6%)}}

@media (max-width:980px){.hero-product-stack{position:relative;height:auto;aspect-ratio:1}.hero-product-stack .hero-product{position:absolute;width:100%}}

.marquee-standorte{background:linear-gradient(90deg,#ff2d8a,#a01cff,#ff2d8a);color:#fff;border-top:3px solid var(--ink);border-bottom:3px solid var(--ink)}
.marquee-standorte .marquee-track{font-style:italic;transform:skewX(-6deg)}
.marquee-standorte b{color:var(--z-lemon)}
.marquee-standorte .m-lbl{background:none;color:var(--ink);font-weight:900}
.marquee-standorte .m-sep{color:var(--z-lemon);-webkit-text-stroke:0}

/* single fries, pushed further right */
.hero-fries{margin-left:clamp(10px,3vw,60px);transform:translate(clamp(10px,2vw,40px),clamp(-70px,-7vw,-130px))}
.hero-fry-1{transform:rotate(12deg)}
@media (max-width:980px){.hero-fries{margin-left:12px;transform:translate(10px,-40px)}}
@media (max-width:700px){.hero-fries{margin:10px 0 0 50%;transform:none}}

/* no label above BUU CHII; lettering + fries centred */
.hero-left::before,.hero-word::before{display:none!important;content:none!important}
.hero-left{justify-content:center}
.hero-fries{margin-left:clamp(20px,5vw,100px);transform:translate(clamp(20px,3vw,60px),clamp(-70px,-7vw,-130px))}
@media (max-width:980px){.hero-fries{margin-left:20px;transform:translate(16px,-40px)}}
@media (max-width:700px){.hero-fries{margin:10px 0 0 55%;transform:none}}


/* BUU CHII centred: fries leave the flex flow so the word sits in the true middle */
.hero-left{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}
.hero-word{margin:0 auto;align-self:center}
.hero-fries{position:absolute!important;left:calc(50% + clamp(120px,14vw,260px))!important;right:auto!important;top:-8%!important;margin:0!important;flex:none!important;transform:none!important;width:clamp(150px,16vw,280px)!important}
@media (max-width:980px){.hero-fries{left:calc(50% + clamp(90px,12vw,180px))!important;top:-6%!important;width:min(26vw,170px)!important}}
@media (max-width:700px){.hero-fries{position:relative!important;left:auto!important;top:auto!important;margin:12px 0 0 46%!important;width:40vw!important}}

.hero-word{margin:0 auto;transform:translateX(clamp(-40px,-4vw,-80px))}
@media (max-width:700px){.hero-word{transform:none}}

/* cover: TV to the top-right gap, fries higher and further right — no overlaps */
.hero-tv{position:absolute!important;left:auto!important;right:clamp(2%,4vw,6%)!important;top:-2%!important;bottom:auto!important;margin:0!important;transform:rotate(4deg)!important;max-width:clamp(160px,15vw,230px)!important;z-index:6}
.hero-fries{left:calc(50% + clamp(80px,9vw,170px))!important;top:-14%!important;width:clamp(140px,14vw,240px)!important}
.hero-fry-1{transform:rotate(12deg)}
@media (max-width:980px){.hero-tv{right:2%!important;top:0!important;max-width:min(24vw,180px)!important}.hero-fries{left:calc(50% + clamp(60px,8vw,120px))!important;top:-10%!important;width:min(22vw,150px)!important}}
@media (max-width:700px){.hero-tv{position:relative!important;right:auto!important;top:auto!important;transform:none!important;max-width:min(80vw,360px)!important;margin:20px auto 0!important}}

/* fries between TV (top right) and burgers (bottom right) */
.hero-fries{left:auto!important;right:clamp(4%,7vw,10%)!important;top:36%!important;width:clamp(130px,13vw,220px)!important}
@media (max-width:980px){.hero-fries{right:3%!important;top:34%!important;width:min(20vw,140px)!important}}

.hero-stage::before,.hero-stage::after{display:none!important;content:none!important}

.hero-fries{right:calc(var(--pad) * -1 - 10px)!important;top:34%!important}
@media (max-width:980px){.hero-fries{right:-6px!important}}

/* fries as stage child (direct-edit position) */
.hero-stage>.hero-fry-1{position:absolute;left:80.5%;top:32.5%;width:21%;max-width:260px;height:auto;z-index:7;pointer-events:none;transform:rotate(12deg);filter:drop-shadow(0 0 2px #fff) drop-shadow(0 16px 18px rgba(20,0,40,.5)) drop-shadow(0 0 18px rgba(255,210,58,.5))}
@media (max-width:700px){.hero-stage>.hero-fry-1{position:relative;left:auto;top:auto;width:40vw;margin:12px 0 0 46%;transform:none}}
/* six floating chicken wings, spread around the cover */
@keyframes wingFloat{0%,100%{transform:translateY(0) rotate(var(--r))}50%{transform:translateY(-16px) rotate(calc(var(--r) + 6deg))}}
.hero-wings{position:absolute;inset:0;pointer-events:none;z-index:4}
.hero-wing{position:absolute;left:var(--x);top:var(--y);width:var(--w);height:auto;filter:drop-shadow(0 0 2px #fff) drop-shadow(0 12px 14px rgba(20,0,40,.45));animation:wingFloat var(--t) ease-in-out var(--d) infinite}
.hero-wing-1{--x:22%;--y:6%;--w:clamp(70px,7vw,120px);--r:-18deg;--t:5.2s;--d:-.4s}
.hero-wing-2{--x:36%;--y:70%;--w:clamp(64px,6.5vw,110px);--r:14deg;--t:6.1s;--d:-2.1s}
.hero-wing-3{--x:56%;--y:8%;--w:clamp(60px,6vw,100px);--r:22deg;--t:5.6s;--d:-1.2s}
.hero-wing-4{--x:64%;--y:74%;--w:clamp(70px,7vw,120px);--r:-10deg;--t:6.6s;--d:-3s}
.hero-wing-5{--x:44%;--y:36%;--w:clamp(48px,5vw,84px);--r:30deg;--t:4.8s;--d:-.9s;z-index:3;opacity:.9}
.hero-wing-6{--x:73%;--y:48%;--w:clamp(54px,5.5vw,92px);--r:-26deg;--t:5.9s;--d:-2.6s}
@media (max-width:980px){.hero-wing{--w:min(9vw,70px)}.hero-wing-5{display:none}}
@media (max-width:700px){.hero-wings{display:none}}
@media (prefers-reduced-motion:reduce){.hero-wing{animation:none}}

/* single wings, bigger */
.hero-wing-1{--w:clamp(120px,12vw,200px)}
.hero-wing-2{--w:clamp(130px,13vw,220px)}
.hero-wing-3{--w:clamp(110px,11vw,190px)}
.hero-wing-4{--w:clamp(120px,12vw,200px)}
.hero-wing-5{--w:clamp(90px,9vw,150px);opacity:1}
.hero-wing-6{--w:clamp(110px,11vw,190px)}
@media (max-width:980px){.hero-wing{--w:min(14vw,120px)}}

/* 8 wings, 20% smaller, two parmesan-honey added */
.hero-wing-1{--w:clamp(96px,9.6vw,160px)}
.hero-wing-2{--w:clamp(104px,10.4vw,176px)}
.hero-wing-3{--w:clamp(88px,8.8vw,152px)}
.hero-wing-4{--w:clamp(96px,9.6vw,160px)}
.hero-wing-5{--w:clamp(72px,7.2vw,120px)}
.hero-wing-6{--w:clamp(88px,8.8vw,152px)}
.hero-wing-7{--x:8%;--y:78%;--w:clamp(96px,9.6vw,160px);--r:-14deg;--t:5.4s;--d:-1.6s}
.hero-wing-8{--x:84%;--y:2%;--w:clamp(90px,9vw,150px);--r:18deg;--t:6.3s;--d:-.7s}
@media (max-width:980px){.hero-wing{--w:min(11vw,96px)}.hero-wing-7,.hero-wing-8{display:none}}

/* parmesan wings into visible gaps: one left of the title, one above the burgers */
.hero-wing-7{--x:24%;--y:52%;z-index:6}
.hero-wing-8{--x:62%;--y:42%;z-index:6}

/* direct-edit wing positions */
.hero-wing-3{--x:48.8%;--y:2%;--w:clamp(70px,9.9vw,140px)}
.hero-wing-4{--x:14.7%;--y:44.8%}
.hero-wing-6{--x:64.7%;--y:70.2%;--w:clamp(66px,9.4vw,130px)}
.hero-wing-7{--x:67.5%;--y:20.4%}

/* direct edits: fries resized/moved, wings 3 + 6 resized */
.hero-stage>.hero-fry-1{left:81.9%;top:34.1%;width:16.8%;max-width:200px}
.hero-wing-3{--y:7.7%;--w:clamp(76px,10.7vw,150px)}
.hero-wing-6{--y:74.5%;--w:clamp(72px,10.3vw,140px)}

/* wings 20% smaller, varied rotation */
.hero-wing-1{--w:clamp(77px,7.7vw,128px);--r:-38deg}
.hero-wing-2{--w:clamp(83px,8.3vw,141px);--r:62deg}
.hero-wing-3{--w:clamp(61px,8.6vw,120px);--r:118deg}
.hero-wing-4{--w:clamp(77px,7.7vw,128px);--r:-96deg}
.hero-wing-5{--w:clamp(58px,5.8vw,96px);--r:24deg}
.hero-wing-6{--w:clamp(58px,8.2vw,112px);--r:-154deg}
.hero-wing-7{--w:clamp(77px,7.7vw,128px);--r:172deg}
@media (max-width:980px){.hero-wing{--w:min(8.8vw,77px)}}

/* TV: no caption; hover = power-on flicker, glow, wobble, screen glare sweep */
.hero-tv::after{display:none!important;content:none!important}
@keyframes tvWobble{0%{transform:rotate(4deg) scale(1)}30%{transform:rotate(1deg) scale(1.06)}55%{transform:rotate(6deg) scale(1.05)}100%{transform:rotate(3deg) scale(1.06)}}
@keyframes tvFlicker{0%{opacity:1}8%{opacity:.35}12%{opacity:1}20%{opacity:.6}24%{opacity:1}100%{opacity:1}}
@keyframes tvGlare{0%{transform:translateX(-140%) skewX(-20deg)}100%{transform:translateX(240%) skewX(-20deg)}}
.hero-tv{transition:filter .3s ease,transform .3s cubic-bezier(.2,.9,.3,1.4);cursor:pointer}
.hero-tv:hover{animation:tvWobble .6s cubic-bezier(.2,.9,.3,1.3) forwards;filter:drop-shadow(0 26px 22px rgba(20,18,26,.35)) drop-shadow(0 0 18px rgba(63,240,255,.85)) drop-shadow(0 0 40px rgba(255,45,138,.6));z-index:9!important}
.hero-tv:hover .tv-screen{animation:tvFlicker .5s steps(1) 1;box-shadow:inset 0 0 30px rgba(63,240,255,.6),0 0 24px rgba(63,240,255,.7)}
.tv-screen::before{content:"";position:absolute;top:-20%;bottom:-20%;left:0;width:35%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent);transform:translateX(-140%) skewX(-20deg);pointer-events:none;z-index:2;opacity:0}
.hero-tv:hover .tv-screen::before{opacity:1;animation:tvGlare .9s ease-out .1s 1}
.hero-tv:hover .tv-screen::after{background:radial-gradient(ellipse 115% 100% at 50% 50%,transparent 62%,rgba(0,0,0,.35) 100%),repeating-linear-gradient(0deg,rgba(255,255,255,.08) 0 1px,transparent 1px 3px)}
@media (prefers-reduced-motion:reduce){.hero-tv:hover,.hero-tv:hover .tv-screen,.hero-tv:hover .tv-screen::before{animation:none}}


/* whatsapp direct row above the email */
.form-direct-wa{margin-bottom:8px}
.form-direct-wa a{display:inline-flex;align-items:center;gap:6px}
.form-direct-wa .chip-green{background:#25d366;color:var(--ink)}

/* wordmark logo in the nav */
.nav-brand .nav-word{display:block;height:clamp(18px,1.7vw,24px);width:auto;transition:transform .2s}
.nav-brand:hover .nav-word{transform:translateY(-1px)}
@media (max-width:700px){.nav-brand .nav-word{height:16px}}

/* top ticker: heavy italic display type, faster */
.ticker-track{font-family:"Archivo Black",var(--f-display),sans-serif;font-style:italic;font-weight:900;font-size:clamp(14px,1.3vw,18px);letter-spacing:.04em;gap:22px;padding:6px 0 6px 22px;animation-duration:26s}
.ticker-track .jp{font-family:var(--f-jp);font-weight:900;font-style:normal}
.ticker .t-dot{font-size:14px;transform:rotate(15deg)}
html.stickers-maximal .ticker-track{animation-duration:16s}

/* bigger star in the nav */
.nav-star{width:clamp(42px,3.6vw,54px);margin:-6px 0}
@media (max-width:700px){.nav-star{width:36px}}

/* nav: floating glow at top, becomes a bar on scroll */
.nav{background:transparent;border-bottom:3px solid transparent;box-shadow:none;transition:background .35s ease,border-color .35s ease,box-shadow .35s ease,backdrop-filter .35s ease}
.nav::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.55),rgba(255,255,255,0));opacity:1;transition:opacity .35s}
.nav .nav-links,.nav .nav-links a,.nav .nav-cta,.nav .nav-tag,.nav .nav-burger{transition:background .3s,color .3s,border-color .3s,box-shadow .3s,filter .3s}
.nav:not(.nav-solid) .nav-links a{background:transparent;color:var(--ink);text-shadow:0 0 12px rgba(255,255,255,.9),0 0 24px rgba(255,255,255,.7)}
.nav:not(.nav-solid) .nav-links a:hover,.nav:not(.nav-solid) .nav-links a.is-active{background:rgba(255,255,255,.7);box-shadow:0 0 16px rgba(255,255,255,.9)}
.nav:not(.nav-solid) .nav-star,.nav:not(.nav-solid) .nav-word{filter:drop-shadow(0 0 8px rgba(255,255,255,.95)) drop-shadow(0 0 18px rgba(255,45,138,.45))}
.nav:not(.nav-solid) .nav-tag{background:rgba(255,255,255,.55);box-shadow:0 0 12px rgba(255,255,255,.8)}
.nav:not(.nav-solid) .nav-cta{box-shadow:0 0 18px rgba(255,45,138,.55),3px 3px 0 var(--z-pink)}
.nav.nav-solid{background:rgba(251,247,242,.92);backdrop-filter:blur(10px) saturate(1.2);-webkit-backdrop-filter:blur(10px) saturate(1.2);border-bottom-color:var(--ink);box-shadow:inset 0 -6px 0 #fff,inset 0 -7px 0 var(--ink),0 10px 30px -18px rgba(20,18,26,.35)}
.nav.nav-solid::before{opacity:0}
.hero{margin-top:calc(-1 * var(--nav-h,66px))}
.hero .hero-top{padding-top:var(--nav-h,66px)}
@media (prefers-reduced-motion:reduce){.nav,.nav::before{transition:none}}


/* standorte marquee now lives in the hero, replacing the tape */
.hero-bars .marquee-standorte{border-top:3px solid #fff;border-bottom:0}

/* POWERED BY NIMO — digital glitch bar */
.bar-nimo{display:flex;align-items:center;justify-content:center;gap:.4em;position:relative;overflow:hidden;letter-spacing:.12em;text-shadow:none}
.bar-nimo::before{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(180deg,rgba(255,255,255,.07) 0 1px,transparent 1px 4px);mix-blend-mode:screen}
.bar-nimo::after{content:"";position:absolute;top:0;bottom:0;left:-40%;width:35%;pointer-events:none;background:linear-gradient(100deg,transparent 0,rgba(255,255,255,.55) 50%,transparent 100%);mix-blend-mode:screen;animation:nimoSweep 4.5s cubic-bezier(.4,0,.2,1) infinite}
.nimo-pre{color:var(--z-cyan);font-size:.75em;letter-spacing:0;animation:nimoFlicker 3.2s steps(1) infinite}
.nimo-txt{position:relative;display:inline-block;color:#fff;text-shadow:0 0 10px rgba(255,120,230,.9),0 0 26px rgba(63,240,255,.5)}
.nimo-txt::before,.nimo-txt::after{content:attr(data-text);position:absolute;left:0;top:0;width:100%;overflow:hidden;pointer-events:none;text-shadow:none;opacity:.9}
.nimo-txt::before{color:var(--z-cyan);left:-3px;clip-path:inset(0 0 55% 0);animation:nimoGlitchA 2.8s steps(2,jump-none) infinite}
.nimo-txt::after{color:var(--z-mag,#ff2d8a);left:3px;clip-path:inset(60% 0 0 0);animation:nimoGlitchB 3.4s steps(2,jump-none) infinite}
.nimo-cur{color:var(--z-lemon);animation:nimoBlink .9s steps(1) infinite;margin-left:-.15em}
@keyframes nimoSweep{0%,55%{left:-40%}100%{left:120%}}
@keyframes nimoBlink{50%{opacity:0}}
@keyframes nimoFlicker{0%,100%{opacity:1}7%{opacity:.2}9%{opacity:1}48%{opacity:1}50%{opacity:.35}52%{opacity:1}}
@keyframes nimoGlitchA{0%,86%,100%{transform:none;clip-path:inset(0 0 55% 0);opacity:0}88%{transform:translate(-6px,-1px);clip-path:inset(10% 0 60% 0);opacity:.95}92%{transform:translate(4px,1px);clip-path:inset(35% 0 30% 0);opacity:.95}96%{transform:translate(-2px,0);clip-path:inset(0 0 70% 0);opacity:.9}}
@keyframes nimoGlitchB{0%,78%,100%{transform:none;clip-path:inset(60% 0 0 0);opacity:0}80%{transform:translate(6px,1px);clip-path:inset(55% 0 5% 0);opacity:.95}84%{transform:translate(-5px,-1px);clip-path:inset(20% 0 45% 0);opacity:.95}90%{transform:translate(3px,0);clip-path:inset(70% 0 0 0);opacity:.9}}
@media (prefers-reduced-motion:reduce){.bar-nimo::after,.nimo-pre,.nimo-cur,.nimo-txt::before,.nimo-txt::after{animation:none}.nimo-txt::before,.nimo-txt::after{opacity:0}}

/* nav: highlighted Speisekarte link */
.nav-links a.nav-hl,.nav:not(.nav-solid) .nav-links a.nav-hl{background:var(--z-lemon);color:var(--ink);border:2px solid var(--ink);padding:9px 16px;letter-spacing:.1em;box-shadow:3px 3px 0 var(--ink);text-shadow:none;transform:rotate(-2deg);position:relative}
.nav-links a.nav-hl:hover,.nav:not(.nav-solid) .nav-links a.nav-hl:hover,.nav-links a.nav-hl.is-active,.nav:not(.nav-solid) .nav-links a.nav-hl.is-active{background:var(--z-pink);color:#fff;transform:rotate(0) translate(-1px,-1px);box-shadow:4px 4px 0 var(--ink)}
.nav-hl-tag{position:absolute;top:-11px;right:-11px;width:22px;height:22px;display:grid;place-items:center;font-size:12px;line-height:1;background:var(--z-pink);color:#fff;border:2px solid var(--ink);border-radius:50%;box-shadow:2px 2px 0 var(--ink);animation:spin 6s linear infinite}
.nav-links a.nav-hl:hover .nav-hl-tag{background:var(--z-lemon);color:var(--ink)}
@media (prefers-reduced-motion:reduce){.nav-hl-tag{animation:none}}

/* intro: fries-box blue + centred logos under the foil */
.splash-logo{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(18px,3vw,34px);pointer-events:none}
.splash-star{width:clamp(150px,22vw,320px);height:auto}
.splash-word{display:flex;flex-direction:column;align-items:center;gap:clamp(6px,1vw,14px);width:clamp(140px,18vw,250px)}.splash-word img{width:100%;height:auto;display:block}
.splash.has-foil .splash-logo{animation:logoGlitch 1.1s steps(1,end) 2.75s 2 both}
@keyframes logoGlitch{0%,100%{transform:none;filter:none;opacity:1}6%{transform:translate(-6px,0) skewX(-6deg);filter:drop-shadow(4px 0 0 #ff2d8a) drop-shadow(-4px 0 0 #00e5ff);opacity:.85}10%{transform:translate(5px,0) skewX(4deg);filter:drop-shadow(-5px 0 0 #00e5ff) drop-shadow(5px 0 0 #ff2d8a)}14%{transform:none;filter:none}42%{transform:none;filter:none;opacity:1}46%{transform:translate(3px,-2px);filter:drop-shadow(-3px 0 0 #ff2d8a) drop-shadow(3px 0 0 #00e5ff);opacity:.7;clip-path:inset(12% 0 34% 0)}50%{transform:translate(-4px,1px);filter:drop-shadow(4px 0 0 #00e5ff);clip-path:inset(52% 0 8% 0)}54%{transform:none;filter:none;clip-path:none;opacity:1}}
@media (prefers-reduced-motion:reduce){.splash.has-foil .splash-logo{animation:none}}

/* cover: dragon style burger replaces the BUU CHII lettering */
.hero-word.hero-word-burger{display:flex;justify-content:center;align-items:center;font-size:0;line-height:0;font-style:normal;transform:none;-webkit-text-stroke:0;filter:none;margin:0 auto;padding:0}
.hero-word.hero-word-burger::before,.hero-word.hero-word-burger::after{display:none!important;content:none!important}
.hero-burger-img{display:block;width:clamp(280px,40vw,640px);height:auto;transform:rotate(-6deg);filter:drop-shadow(0 0 2px #fff) drop-shadow(0 28px 34px rgba(30,0,60,.55)) drop-shadow(0 0 40px rgba(255,120,230,.55))}
@media (max-width:980px){.hero-burger-img{width:min(70vw,460px)}}
@media (max-width:700px){.hero-word.hero-word-burger{transform:none}.hero-burger-img{width:78vw}}

/* direct-edit wing positions (round 2) */
.hero-wing-1{--x:27.5%;--y:0.7%}
.hero-wing-3{--x:59.1%;--y:0.7%}
.hero-wing-4{--x:12.5%;--y:35.0%}
.hero-wing-6{--x:57.6%;--y:80.2%}
.hero-wing-7{--x:71.3%;--y:28.7%}

/* menu: one product at a time (slider) */
.menu-panel.is-active,.menu-panel-chicken.is-active,.menu-panel-sides.is-active{display:block}
.slider{position:relative}
.menu-grid.is-slider{--card:min(560px,100vw - 64px);position:relative;display:flex;flex-wrap:nowrap;align-items:stretch;gap:clamp(20px,3vw,40px);overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;padding:56px calc((100% - var(--card))/2) 44px;scrollbar-width:none;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}
.menu-grid.is-slider::-webkit-scrollbar{display:none}
.menu-grid.is-slider>*{flex:0 0 var(--card);width:var(--card);min-width:0;scroll-snap-align:center;transition:opacity .35s,filter .35s,transform .2s cubic-bezier(.2,.9,.3,1.3),box-shadow .2s}
.menu-grid.is-slider>*:not(.is-current){opacity:.5;filter:saturate(.6);cursor:pointer}
.menu-grid.is-slider>.wings-intro{grid-column:auto}
.slider-nav{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:14px 18px;margin-top:4px}
.slider-btn{width:58px;height:58px;border-radius:50%;border:3px solid #fff;background:#2c0748;color:#fff;display:grid;place-items:center;cursor:pointer;padding:0;box-shadow:0 0 0 3px #ff2d8a,0 6px 0 #1a0530;transition:transform .15s,box-shadow .15s,background .15s}
.slider-btn svg{width:26px;height:26px}
.slider-btn:hover{background:#ff2d8a;transform:translateY(-3px);box-shadow:0 0 0 3px #ffd23a,0 9px 0 #1a0530,0 0 24px rgba(255,120,230,.6)}
.slider-btn:active{transform:translateY(2px);box-shadow:0 0 0 3px #ff2d8a,0 3px 0 #1a0530}
.slider-btn[disabled]{opacity:.3;pointer-events:none}
.slider-dots{display:flex;align-items:center;gap:9px;padding:0 6px}
.slider-dot{width:14px;height:14px;border-radius:50%;border:2px solid #fff;background:rgba(255,255,255,.18);padding:0;cursor:pointer;transition:transform .2s,background .2s}
.slider-dot:hover{background:#ff2d8a}
.slider-dot.is-active{background:#ffd23a;transform:scale(1.35);box-shadow:0 0 0 2px #1a0530,0 0 0 4px #fff}
.slider-count{font-family:var(--f-mono);font-size:12px;font-weight:700;letter-spacing:.16em;color:#fff;background:#1a0530;border:2px solid #ff2d8a;padding:7px 12px;min-width:84px;text-align:center}
@media (max-width:720px){.menu-grid.is-slider{padding-top:40px;padding-bottom:32px;gap:18px}.slider-btn{width:50px;height:50px}.slider-count{display:none}}
.menu-panel-chicken>.wings-intro{margin:14px 8px 10px;width:auto}

/* slider: products stand free — no card frame / background */
.menu-grid.is-slider>.burger,.menu-grid.is-slider>.wing,.menu-grid.is-slider>.side,.menu-grid.is-slider>.burger[class*="theme-"]{background:transparent!important;background-image:none!important;border:0!important;box-shadow:none!important;border-radius:0!important;padding:14px 14px 8px!important;color:#fff;overflow:visible}
.menu-grid.is-slider>.burger::before,.menu-grid.is-slider>.wing::before,.menu-grid.is-slider>.side::before{display:none}
.menu-grid.is-slider .card-head{display:none}
.menu-grid.is-slider .b-photo,.menu-grid.is-slider .wing-photo,.menu-grid.is-slider .side-photo,.menu-grid.is-slider .burger[class*="theme-"] .b-photo,.menu-grid.is-slider .plate{background:transparent!important;background-image:none!important;border:0!important;box-shadow:none!important;padding:0!important;border-radius:0!important}
.menu-grid.is-slider .plate::after{display:none}
.menu-grid.is-slider .burger .b-photo{height:clamp(280px,32vw,430px);filter:drop-shadow(0 26px 30px rgba(0,0,0,.55)) drop-shadow(0 0 28px rgba(255,120,230,.35))}
.menu-grid.is-slider .wing-photo{height:clamp(220px,24vw,310px);filter:drop-shadow(0 22px 26px rgba(0,0,0,.55))}
.menu-grid.is-slider .side-photo,.menu-grid.is-slider .side-feature .side-photo{height:clamp(260px,30vw,400px);filter:drop-shadow(0 24px 28px rgba(0,0,0,.55))}
.menu-grid.is-slider .b-name,.menu-grid.is-slider .wing-name,.menu-grid.is-slider .side-name,.menu-grid.is-slider .burger[class*="theme-"] .b-name{background:transparent!important;border:0!important;box-shadow:none!important;text-shadow:3px 3px 0 #1a0530,0 0 20px rgba(0,0,0,.5)}
.menu-grid.is-slider .wing-name,.menu-grid.is-slider .side-name{color:#fff}
.menu-grid.is-slider .wing p,.menu-grid.is-slider .side p{color:#f4e9ff;text-align:center;width:100%}
.menu-grid.is-slider .side-meta,.menu-grid.is-slider .b-meta,.menu-grid.is-slider .burger[class*="theme-"] .b-meta{background:transparent!important;color:#fff!important;border:0!important;border-top:2px solid rgba(255,255,255,.45)!important;text-align:center}
.menu-grid.is-slider .wing-tag{align-self:center}
.menu-grid.is-slider .b-sticker{top:8px;right:0}
.menu-grid.is-slider .b-sticker-css,.menu-grid.is-slider .side-feature .b-sticker-css{top:8px;right:0}

/* slider arrows: left / right of the product */
@media (min-width:900px){
.slider-nav .slider-btn{position:absolute;top:calc(50% - 34px);z-index:5;transform:translateY(-50%)}
.slider-nav .slider-prev{left:calc(50% - var(--card,560px)/2 - 100px)}
.slider-nav .slider-next{right:calc(50% - var(--card,560px)/2 - 100px)}
.slider-nav .slider-btn:hover{transform:translateY(-50%) scale(1.08)}
.slider-nav .slider-btn:active{transform:translateY(-50%) scale(.96)}
.slider{--card:min(560px,100vw - 64px)}
}

/* product names: colours taken from each sticker */
.burger.theme-homeboy{--nm:#ffd400;--ns:#1a3cf0}
.burger.theme-mamas{--nm:#fff;--ns:#e0287a}
.burger.theme-supreme{--nm:#1fb85a;--ns:#ffd200}
.burger.theme-vintage{--nm:#ff9a3c;--ns:#2e9b7a}
.burger.theme-tiger{--nm:#ffd400;--ns:#e5261f}
.burger.theme-dragon{--nm:#e5261f;--ns:#3ff0ff}
.burger.theme-spicyc{--nm:#e5261f;--ns:#fff}
.burger.theme-freshc{--nm:#fff;--ns:#00e5c3}
.wing.theme-honey{--nm:#fff7e0;--ns:#7a3b00}
.wing.theme-lime{--nm:#ff3b1f;--ns:#0b3d00}
.wing.theme-soy{--nm:#ffb04a;--ns:#2b1409}
.wing.theme-purist{--nm:#fff;--ns:#000}
.side.theme-fries{--nm:#fff;--ns:#e5261f}
.side.theme-tigerf{--nm:#ffd400;--ns:#4a1fb8}
.side.theme-dragonf{--nm:#7b0f1f;--ns:#ffe600}
.menu-grid.is-slider .b-name,.menu-grid.is-slider .burger .b-name,.menu-grid.is-slider .burger[class*="theme-"] .b-name,.menu-grid.is-slider .wing-name,.menu-grid.is-slider .wing[class*="theme-"] .wing-name,.menu-grid.is-slider .side-name,.menu-grid.is-slider .side[class*="theme-"] .side-name{color:var(--nm,#fff);-webkit-text-stroke:2px var(--ns,#1a0530);paint-order:stroke fill;text-shadow:4px 4px 0 var(--ns,#1a0530),0 0 22px rgba(0,0,0,.45)}
.slider-nav{min-height:0}
@media (min-width:900px){.slider-nav{margin-top:0;height:0}}

/* slider: hover effect on the product */
.menu-grid.is-slider>*{z-index:0}
.menu-grid.is-slider>*::after{content:"";position:absolute;left:8%;right:8%;top:6%;height:62%;border-radius:50%;background:radial-gradient(circle,rgba(255,45,138,.38) 0%,rgba(255,210,58,.2) 40%,transparent 68%);opacity:0;transform:scale(.7);transition:opacity .35s,transform .45s cubic-bezier(.2,.9,.3,1.3);z-index:-1;pointer-events:none}
.menu-grid.is-slider>.is-current::after{opacity:1;transform:scale(1.15)}
.menu-grid.is-slider .b-photo,.menu-grid.is-slider .wing-photo,.menu-grid.is-slider .side-photo,.menu-grid.is-slider .burger[class*="theme-"] .b-photo{transition:transform .4s cubic-bezier(.2,.9,.3,1.45),filter .4s}
.menu-grid.is-slider>.is-current .b-photo,.menu-grid.is-slider>.is-current .wing-photo,.menu-grid.is-slider>.is-current .side-photo,.menu-grid.is-slider>.burger.is-current .b-photo{transform:translateY(-16px) scale(1.1) rotate(-4deg)!important;filter:drop-shadow(0 38px 36px rgba(0,0,0,.6)) drop-shadow(0 0 30px rgba(255,210,58,.4))!important}
.menu-grid.is-slider>.is-current .pimg{animation:bob 1.6s ease-in-out infinite}
.menu-grid.is-slider .b-sticker,.menu-grid.is-slider .b-sticker-css{transition:transform .4s cubic-bezier(.2,.9,.3,1.5)}
.menu-grid.is-slider>.is-current .b-sticker,.menu-grid.is-slider>.is-current .b-sticker-css{transform:rotate(-10deg) scale(1.22)!important}
.menu-grid.is-slider .b-name,.menu-grid.is-slider .wing-name,.menu-grid.is-slider .side-name{transition:transform .35s cubic-bezier(.2,.9,.3,1.4),text-shadow .35s}
.menu-grid.is-slider>.is-current .b-name,.menu-grid.is-slider>.is-current .wing-name,.menu-grid.is-slider>.is-current .side-name{transform:skewX(-6deg) translateY(-6px) scale(1.05);text-shadow:5px 5px 0 var(--ns,#1a0530),0 0 24px rgba(255,210,58,.4)}
.menu-grid.is-slider>.is-current .heat{transform:rotate(-4deg) scale(1.1)}
.menu-grid.is-slider .heat{transition:transform .3s cubic-bezier(.2,.9,.3,1.4)}

/* BUU CHII Fries: fatter, louder */
.menu-grid.is-slider .side.theme-fries .side-name{font-size:clamp(46px,5.2vw,74px);letter-spacing:.03em;-webkit-text-stroke:3.5px var(--ns,#e5261f);transform:skewX(-8deg) rotate(-2deg);text-shadow:5px 5px 0 var(--ns,#e5261f),9px 9px 0 #1a0530,0 0 26px rgba(255,210,58,.45)}
.menu-grid.is-slider .side.theme-fries .side-photo{height:clamp(300px,34vw,440px);transform:scale(1.06) rotate(3deg);filter:drop-shadow(0 26px 30px rgba(0,0,0,.55)) drop-shadow(0 0 30px rgba(255,210,58,.4))}
.menu-grid.is-slider>.side.theme-fries.is-current .side-name{transform:skewX(-8deg) rotate(-2deg) translateY(-6px) scale(1.05)}

/* combo box photo next to the menu title */
.menu-hero{grid-template-columns:minmax(0,auto) minmax(200px,1fr) clamp(260px,30vw,440px);align-items:center}
.menu-hero-photo{width:112%;max-width:none;height:auto;justify-self:end;margin:-6% -4% -6% 0;transform:rotate(-7deg);filter:drop-shadow(0 0 2px #fff) drop-shadow(0 22px 26px rgba(26,5,48,.6)) drop-shadow(0 0 26px rgba(255,120,230,.4));animation:bob 5s ease-in-out infinite;position:relative;z-index:2}
.menu-lead{padding-bottom:0}
@media (max-width:1100px){.menu-hero{grid-template-columns:1fr 1fr}.menu-hero>div:first-child{grid-column:1 / -1}.menu-hero-photo{width:100%;max-width:360px;margin:0;justify-self:end}}
@media (max-width:720px){.menu-hero{grid-template-columns:1fr}.menu-hero-photo{width:100%;max-width:280px;justify-self:center;margin:6px 0 0}}

/* combo photo breaks out of the menu frame */
.menu-hero{clip-path:none;overflow:visible}
.menu-hero-photo{width:128%;margin:-22% -14% -16% 0;transform:rotate(-8deg);z-index:6;filter:drop-shadow(0 0 2px #fff) drop-shadow(0 30px 34px rgba(26,5,48,.65)) drop-shadow(0 0 30px rgba(255,120,230,.45))}
@media (max-width:1100px){.menu-hero-photo{width:100%;max-width:380px;margin:-40px -30px -20px 0}}
@media (max-width:720px){.menu-hero-photo{max-width:300px;margin:-10px 0 -30px}}
.menu-mega{margin-top:0;padding-top:0}

/* no overlap: photo overhangs to the right only, lead text keeps its column */
.menu-hero{grid-template-columns:minmax(0,auto) minmax(220px,1fr) clamp(240px,26vw,380px);column-gap:clamp(20px,3vw,44px)}
.menu-hero>div:first-child,.menu-lead{position:relative;z-index:3;min-width:0}
.menu-lead{max-width:44ch}
.menu-hero-photo{width:135%;max-width:none;justify-self:start;margin:-20% -35% -14% 0}
.menu-burst{right:auto;left:clamp(40%,46%,52%);top:-38px}
@media (max-width:1100px){.menu-hero{grid-template-columns:1fr auto}.menu-hero>div:first-child{grid-column:1 / -1}.menu-lead{grid-column:1;max-width:none}.menu-hero-photo{grid-column:2;width:clamp(200px,32vw,340px);margin:-30px -20px -20px 0}.menu-burst{left:auto;right:clamp(12px,3vw,40px)}}
@media (max-width:720px){.menu-hero{grid-template-columns:1fr}.menu-lead{grid-column:1}.menu-hero-photo{grid-column:1;justify-self:center;width:min(80%,300px);margin:-6px 0 -26px}}
.menu-burst,.menu-hero .menu-burst{z-index:20}

/* heat badge: straight, directly under the product name */
.menu-grid.is-slider .burger .heat,.menu-grid.is-slider .side .heat{order:1;align-self:center;margin:2px 0 0;transform:none;rotate:0deg}
.menu-grid.is-slider .burger .b-desc,.menu-grid.is-slider .burger .b-meta,.menu-grid.is-slider .side p,.menu-grid.is-slider .side .side-meta{order:2}
.menu-grid.is-slider>.is-current .heat{transform:scale(1.08)}

/* descriptions always visible — like the wings */
.menu-grid.is-slider .burger .b-desc,.menu-grid.is-slider .burger.is-open .b-desc{display:block;background:transparent;border:0;border-radius:0;padding:0 6px;font-size:14px;line-height:1.5;font-weight:500;color:#f4e9ff;text-align:center;max-width:44ch;margin:0 auto}
.menu-grid.is-slider .burger .b-meta,.menu-grid.is-slider .burger.is-open .b-meta{display:none}
.menu-grid.is-slider .burger .b-photo,.menu-grid.is-slider .burger.is-open .b-photo{cursor:default}
.menu-grid.is-slider .wing p,.menu-grid.is-slider .side p{font-size:14px;line-height:1.5;font-weight:500;max-width:44ch;margin:0 auto;padding:0 6px}
.menu-grid.is-slider .burger.theme-mamas .b-name,.menu-grid.is-slider .burger.theme-vintage .b-name{white-space:nowrap;font-size:clamp(34px,4vw,60px)}
@media (max-width:720px){.menu-grid.is-slider .burger.theme-mamas .b-name,.menu-grid.is-slider .burger.theme-vintage .b-name{font-size:clamp(28px,8.5vw,44px)}}

/* wings: boneless option */
.wing-tags{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:auto;width:100%}
.wing-tags .wing-tag{margin-top:0}
.wing-boneless{background:#fff;color:#2c0748;border-color:#2c0748}
.wing-boneless::before{content:"✦ "}

/* wings ⇄ boneless: variant toggle with photo crossfade */
.wing .wing-photo.plate{position:relative}
.wing .plate .pimg{transition:opacity .4s,transform .45s cubic-bezier(.2,.9,.3,1.4),filter .35s}
.wing .plate .pimg-boneless{position:absolute;inset:0;width:100%;height:100%;opacity:0;transform:scale(.82) rotate(8deg);pointer-events:none}
.wing.is-boneless .plate .pimg-boneless{opacity:1;transform:none;pointer-events:auto}
.wing.is-boneless .plate .pimg:not(.pimg-boneless){opacity:0;transform:scale(.82) rotate(-8deg);pointer-events:none}
.wing.is-boneless .plate:hover .pimg-boneless{transform:scale(1.1) rotate(-4deg) translateY(-6px)}
.wing.is-boneless .plate:hover .pimg:not(.pimg-boneless){transform:scale(.82) rotate(-8deg)}
.variant-toggle{display:inline-flex;padding:4px;border:2px solid #fff;border-radius:999px;background:#1a0530;box-shadow:0 0 0 2px #ff2d8a,0 4px 0 #1a0530;gap:2px}
.vt-btn{border:0;border-radius:999px;background:transparent;color:#fff;font-family:var(--f-display);font-size:14px;letter-spacing:.08em;padding:6px 14px;line-height:1;cursor:pointer;transition:background .2s,color .2s,transform .15s}
.vt-btn:hover{background:rgba(255,255,255,.14)}
.vt-btn.is-active{background:linear-gradient(180deg,#ffffff 0%,#eaf2ff 26%,#c9d8ee 40%,#5e6f8c 49%,#ffffff 53%,#d7e2f2 66%,#7d8fa9 84%,#ffffff 100%);color:#2c0748;box-shadow:inset 0 1px 0 rgba(255,255,255,.8),0 0 10px rgba(255,255,255,.5)}
.vt-btn:active{transform:scale(.96)}
.wing .wing-name{position:relative}
.wing .wing-name::after{content:"BONELESS";position:absolute;left:50%;top:-12px;transform:translateX(-50%) rotate(-4deg) scale(.6);opacity:0;font-size:13px;letter-spacing:.14em;font-family:var(--f-mono);font-weight:800;color:#2c0748;background:#ffd23a;border:2px solid #fff;padding:3px 9px;-webkit-text-stroke:0;text-shadow:none;transition:opacity .3s,transform .35s cubic-bezier(.2,.9,.3,1.4);pointer-events:none;white-space:nowrap}
.wing.is-boneless .wing-name::after{opacity:1;transform:translateX(-50%) rotate(-4deg) scale(1)}

/* variant toggle above the photo */
.menu-grid.is-slider .wing .variant-toggle{order:-3;align-self:center;margin:0 0 6px}
.menu-grid.is-slider .wing .wing-tags{margin-top:auto;justify-content:center}
.menu-grid.is-slider .wing .wing-photo{order:-2}

/* wings: same photo height and name size as the burgers */
.menu-grid.is-slider .wing-photo{height:clamp(280px,32vw,430px)}
.menu-grid.is-slider .wing-name,.menu-grid.is-slider .wing[class*="theme-"] .wing-name{font-size:clamp(44px,4.6vw,70px)}
@media (max-width:720px){.menu-grid.is-slider .wing-name,.menu-grid.is-slider .wing[class*="theme-"] .wing-name{font-size:clamp(34px,10vw,48px)}}
.menu-tabs{justify-content:center;width:fit-content;margin-left:auto;margin-right:auto}
.menu-tabs{margin-bottom:-26px;position:relative;z-index:6}
.menu-grid.is-slider{padding-top:64px}
@media (max-width:720px){.menu-tabs{margin-bottom:-12px}.menu-grid.is-slider{padding-top:48px}}
.menu-tabs,.menu .menu-tabs{display:flex;width:fit-content;margin:0 auto -18px;position:relative;z-index:6}
.menu-grid.is-slider{padding-top:40px}
.menu-grid.is-slider>.burger,.menu-grid.is-slider>.wing,.menu-grid.is-slider>.side,.menu-grid.is-slider>.burger[class*="theme-"]{padding-top:6px!important}
@media (max-width:720px){.menu-tabs,.menu .menu-tabs{margin-bottom:-10px}.menu-grid.is-slider{padding-top:36px}}
.wing .variant-toggle{position:relative;z-index:12;margin-bottom:10px}
.wing .wing-photo.plate{z-index:1}
/* photo may overlap the toggle, but never blocks it */
.wing .wing-photo.plate{z-index:14;pointer-events:none;margin-top:-26px}
.wing .wing-photo.plate .pimg{pointer-events:none}
.wing .variant-toggle{margin-bottom:0}

/* all products: photo may overlap the category bar, bar stays clickable */
.menu-grid.is-slider .plate,.menu-grid.is-slider .plate .pimg,.menu-grid.is-slider .b-photo,.menu-grid.is-slider .side-photo{pointer-events:none}
.menu-grid.is-slider>.is-current{z-index:8}
.menu-tabs,.menu .menu-tabs{margin-bottom:-38px;z-index:6}
.menu-grid.is-slider{padding-top:44px}
.menu-grid.is-slider>.burger,.menu-grid.is-slider>.side,.menu-grid.is-slider>.burger[class*="theme-"]{padding-top:0!important}
.menu-grid.is-slider .burger .b-photo,.menu-grid.is-slider .side-photo{margin-top:-14px}
@media (max-width:720px){.menu-tabs,.menu .menu-tabs{margin-bottom:-22px}}
.menu-tabs,.menu .menu-tabs{margin-bottom:-10px}
.menu-grid.is-slider{padding-top:56px}
.menu-grid.is-slider .burger .b-photo,.menu-grid.is-slider .side-photo{margin-top:0}
.wing .wing-photo.plate{margin-top:-10px}
@media (max-width:720px){.menu-tabs,.menu .menu-tabs{margin-bottom:-4px}.menu-grid.is-slider{padding-top:44px}}
/* toggle floats over the photo top so wing names sit at the same height as the burgers */
.menu-grid.is-slider .wing .variant-toggle{position:absolute;top:-6px;left:50%;transform:translateX(-50%);margin:0;z-index:12}
.wing .wing-photo.plate{margin-top:0}
.menu-grid.is-slider .wing-photo{height:clamp(280px,32vw,430px)}
/* align chicken burgers with wings: ribbon out of flow, identical name size */
.menu-grid.is-slider .burger .ribbon,.menu-grid.is-slider .burger[class*="theme-"] .ribbon{position:absolute;top:4px;left:16px;margin:0;z-index:9;transform:rotate(-6deg)}
.menu-grid.is-slider .b-name,.menu-grid.is-slider .burger .b-name,.menu-grid.is-slider .burger[class*="theme-"] .b-name,.menu-grid.is-slider .wing-name,.menu-grid.is-slider .wing[class*="theme-"] .wing-name,.menu-grid.is-slider .side-name,.menu-grid.is-slider .side[class*="theme-"] .side-name{font-size:clamp(40px,4.4vw,64px)!important;line-height:.92}
.menu-grid.is-slider .side.theme-fries .side-name{font-size:clamp(46px,5.2vw,74px)!important}
.menu-grid.is-slider .burger.theme-mamas .b-name,.menu-grid.is-slider .burger.theme-vintage .b-name{font-size:clamp(34px,4vw,60px)!important}
@media (max-width:720px){.menu-grid.is-slider .b-name,.menu-grid.is-slider .burger .b-name,.menu-grid.is-slider .burger[class*="theme-"] .b-name,.menu-grid.is-slider .wing-name,.menu-grid.is-slider .wing[class*="theme-"] .wing-name,.menu-grid.is-slider .side-name{font-size:clamp(32px,9.5vw,46px)!important}.menu-grid.is-slider .burger.theme-mamas .b-name,.menu-grid.is-slider .burger.theme-vintage .b-name{font-size:clamp(28px,8.5vw,44px)!important}}
.menu-grid.is-slider .wing .heat{order:1;align-self:center;margin:2px 0 0;transform:none}
.menu-grid.is-slider .wing p{order:2}

/* lead text under MENÜ, photo right */
.menu-hero{grid-template-columns:minmax(0,1.2fr) clamp(240px,26vw,380px);grid-template-rows:auto auto;row-gap:10px}
.menu-hero>div:first-child{grid-column:1;grid-row:1}
.menu-lead{grid-column:1;grid-row:2;max-width:56ch}
.menu-hero-photo{grid-column:2;grid-row:1 / span 2;align-self:center}
@media (max-width:720px){.menu-hero{grid-template-columns:1fr}.menu-hero>div:first-child{grid-column:1;grid-row:auto}.menu-lead{grid-column:1;grid-row:auto}.menu-hero-photo{grid-column:1;grid-row:auto;justify-self:center;width:min(80%,300px);margin:-6px 0 -26px}}

/* ===== global mobile pass: everything scales to phone ===== */
html,body{overflow-x:clip}
img,svg,video,iframe{max-width:100%}
@media (max-width:980px){
.franchise-stats{grid-template-columns:1fr;gap:20px}
.fstat,.fstat:nth-child(2){transform:none}
.package-list{grid-template-columns:1fr}
.franchise-form-wrap{grid-template-columns:1fr;padding:clamp(20px,4vw,32px)}
.foot-top{grid-template-columns:1fr;gap:20px}
.foot-cta{justify-content:flex-start}
}
@media (max-width:720px){
.franchise-title{font-size:clamp(52px,15vw,72px);-webkit-text-stroke:2px var(--ink)}
.franchise-title .line-outline{-webkit-text-stroke:2px #fff;margin-left:6vw}
.franchise-lead{font-size:15px}
.form-row{grid-template-columns:1fr}
.radio-row{flex-wrap:wrap}
.fs-val{font-size:clamp(40px,12vw,56px)}
.foot-grid{grid-template-columns:1fr 1fr;gap:22px}
.foot-mega{font-size:clamp(60px,18vw,120px)}
.ticker-track span{font-size:11px}
.menu-hero-photo{width:min(70%,260px)}
.menu-tabs{border-radius:20px;padding:6px;flex-wrap:wrap;justify-content:center}
.menu-grid.is-slider{padding:0 4px}
.combo,.combo.theme-combo{padding:22px 18px}
.form-direct{flex-wrap:wrap}
.check-field{align-items:flex-start}
.footer .btn,.kontakt-form .btn{width:100%;justify-content:center}
.nav-cta{display:none}
}
@media (max-width:420px){
.franchise-title{font-size:clamp(44px,14vw,56px)}
.foot-grid{grid-template-columns:1fr}
}

/* ===== mobile hero = desktop composition, uniformly scaled ===== */
@media (max-width:980px){
.hero-inner{padding:14px var(--pad) 0!important}
.hero-stage{display:grid!important;grid-template-columns:1fr!important;justify-items:center!important;align-items:center!important;position:relative!important;min-height:92vw!important;height:auto!important;padding:24px 0 30px!important;gap:0!important}
.hero-left{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;padding:0!important;margin:0!important;align-self:center!important;justify-self:center!important;max-width:100%!important;position:relative!important}
.hero-word.hero-word-burger{transform:none!important;margin:0 auto!important}
.hero-burger-img{width:52vw!important}
.hero-bands{transform:rotate(-5deg)!important;margin:8px 0 0!important}
.band{font-size:3.6vw!important;padding:5px 10px!important;box-shadow:3px 3px 0 var(--ink)!important}
.band-yellow{font-size:6vw!important;margin-left:4vw!important}
.hero-product-stack{position:absolute!important;right:calc(var(--pad) * -1)!important;left:auto!important;bottom:-4%!important;top:auto!important;width:30vw!important;height:auto!important;aspect-ratio:1!important;margin:0!important;align-self:auto!important;z-index:4!important}
.hero-product-stack .hero-product{position:absolute!important;inset:auto 0 0 auto!important;width:100%!important;margin:0!important}
.hero-product-back-3{display:block!important}
.hero-tv{position:absolute!important;left:auto!important;right:1%!important;top:-1%!important;bottom:auto!important;width:23vw!important;max-width:none!important;margin:0!important;transform:rotate(4deg)!important;z-index:7!important}
.hero-nokia{position:absolute!important;left:1%!important;right:auto!important;bottom:-3%!important;top:auto!important;width:19vw!important;margin:0!important;transform:rotate(-6deg)!important;align-self:auto!important;z-index:7!important}
.hero-nokia .nokia-screen{font-size:max(1.3vw,5px)!important;line-height:1.35!important}
.nokia-badge{width:max(5.5vw,24px)!important;height:max(5.5vw,24px)!important}
.hero-nimo{position:absolute!important;left:16vw!important;right:auto!important;bottom:0!important;width:34vw!important;margin:0!important;transform:translateY(88%)!important;z-index:6!important}
.hero-nimo:hover,.hero-nimo:focus-visible,.hero-nimo.is-open{transform:translateY(6%)!important}
.hero-stage>.hero-fry-1{position:absolute!important;left:80.5%!important;top:32.5%!important;width:21%!important;max-width:none!important;margin:0!important;transform:rotate(12deg)!important}
.hero-wings{display:block!important}
.hero-wing{display:block!important;--w:9.5vw!important}
.hero-wing-2{--w:11vw!important}.hero-wing-6{--w:8.5vw!important}
.hero-burst-1{--size:max(12vw,60px)!important;font-size:max(1.7vw,7px)!important;left:2%!important;top:2%!important}
.hero-burst-2{--size:max(11vw,54px)!important;font-size:max(1.6vw,7px)!important}
.hero-tv::after{font-size:max(1vw,6px)!important;padding:2px 5px!important}
}
@media (max-width:980px) and (hover:none){.hero-nimo{transform:translateY(80%)!important}.hero-nimo.is-open{transform:translateY(6%)!important}}
@media (max-width:980px){.nimo-links{left:100%!important;right:auto!important;margin:0 0 0 -6%!important;align-items:flex-start!important}}
@media (max-width:980px){.hero-nokia .nokia-screen{gap:3%!important;padding:3% 4%!important}.hero-nokia .nokia-tt{padding:4px 2px!important}}
/* wing + fries stickers: no top label, big star tinted per sticker */
.wing .b-sticker-css .st-star,.side .b-sticker-css .st-star{width:calc(var(--sw,clamp(88px,9.5vw,130px)) * .66);height:calc(var(--sw,clamp(88px,9.5vw,130px)) * .66);margin:0 0 -4px;object-position:-999px -999px;background:var(--sfg,#fff);-webkit-mask:url("assets/star.png") center/contain no-repeat;mask:url("assets/star.png") center/contain no-repeat;filter:drop-shadow(0 2px 0 rgba(0,0,0,.3))}
.st-fries .st-star{--sfg:#e5261f}
.wing .b-sticker-css .st-name,.side .b-sticker-css .st-name{align-self:center;max-width:78%;font-size:calc(var(--sw,clamp(88px,9.5vw,130px)) * .105);line-height:1;text-align:center;overflow-wrap:break-word}
/* memory-card Instagram button, bottom centre-left between Nokia and burger */
.hero-memcard{position:absolute;left:clamp(220px,26vw,440px);bottom:-3%;width:clamp(120px,12vw,190px);z-index:7;display:block;transform:rotate(8deg);transition:transform .25s ease;filter:drop-shadow(0 0 2px #fff) drop-shadow(0 20px 20px rgba(20,0,40,.55))}
.hero-memcard img{display:block;width:100%;height:auto}
.hero-memcard:hover{transform:rotate(2deg) scale(1.08)}
.memcard-tag{position:absolute;left:50%;bottom:-14px;transform:translateX(-50%) rotate(-3deg);white-space:nowrap;font-family:var(--f-mono);font-size:10px;font-weight:800;letter-spacing:.12em;background:#ff2d8a;color:#fff;border:2px solid #fff;padding:4px 9px;box-shadow:2px 2px 0 rgba(0,0,0,.4)}
.hero-memcard:hover .memcard-tag{transform:translateX(-50%) rotate(0) scale(1.06)}
@media (max-width:980px){.hero-memcard{position:static;width:min(30vw,160px);align-self:flex-end;margin:6px 0 -6px;transform:rotate(5deg)}}
@media (max-width:700px){.hero-memcard{width:38vw;align-self:center}}
/* memcard top-left (replaces PROBIER'S star), burst-1 to bottom right — all absolute so the cover scales as one */
.hero-memcard{left:clamp(6px,2vw,36px);right:auto;top:clamp(6px,1.5vw,28px);bottom:auto;width:clamp(90px,11vw,180px);transform:rotate(-7deg)}
.hero-memcard:hover{transform:rotate(-2deg) scale(1.08)}
.hero-burst-1{left:auto!important;right:2%!important;top:auto!important;bottom:3%!important;z-index:9}
@media (max-width:980px){.hero-memcard{position:absolute;left:2%;top:1%;width:min(16vw,120px);margin:0;align-self:auto;transform:rotate(-7deg)}.hero-burst-1{--size:min(13vw,96px)}.memcard-tag{font-size:8px;bottom:-10px;padding:3px 6px}}
@media (max-width:700px){.hero-memcard{position:absolute;left:2%;top:0;width:17vw;align-self:auto}.hero-burst-1{--size:15vw}}

/* memcard: holo trading-card foil — 3D tilt follows the cursor, rainbow sheen tracks it */
.hero-memcard{perspective:600px}
.hero-memcard .mem-inner{position:relative;display:block;transform-style:preserve-3d;transition:transform .18s ease-out;will-change:transform}
.hero-memcard img{position:relative;z-index:1}
.hero-memcard .mem-holo{content:"";position:absolute;inset:4% 5%;z-index:2;pointer-events:none;border-radius:12%;opacity:0;transition:opacity .3s;mix-blend-mode:color-dodge;background:linear-gradient(var(--ha,115deg),rgba(255,0,132,.5) 0%,rgba(255,212,0,.5) 22%,rgba(0,255,163,.5) 44%,rgba(0,163,255,.5) 66%,rgba(196,0,255,.5) 88%),radial-gradient(circle at var(--hx,50%) var(--hy,50%),rgba(255,255,255,.85) 0%,transparent 42%);background-blend-mode:screen;filter:saturate(1.6) contrast(1.15)}
.hero-memcard:hover .mem-holo{opacity:.85}
.hero-memcard .mem-spark{position:absolute;inset:0;z-index:3;pointer-events:none;opacity:0;transition:opacity .3s;background:radial-gradient(circle 2px at 22% 30%,#fff 99%,transparent),radial-gradient(circle 1.6px at 68% 18%,#fff 99%,transparent),radial-gradient(circle 2.2px at 82% 58%,#fff 99%,transparent),radial-gradient(circle 1.4px at 38% 74%,#fff 99%,transparent),radial-gradient(circle 1.8px at 56% 46%,#fff 99%,transparent);mix-blend-mode:screen;animation:memSpark 1.6s steps(2) infinite}
.hero-memcard:hover .mem-spark{opacity:1}
@keyframes memSpark{50%{transform:translate(2px,-2px) scale(1.06);opacity:.55}}
@keyframes memFloat{0%,100%{transform:translateY(0) rotate(-7deg)}50%{transform:translateY(-10px) rotate(-4deg)}}
.hero-memcard{animation:memFloat 5.5s ease-in-out infinite}
.hero-memcard:hover{animation-play-state:paused;transform:rotate(-7deg) scale(1.06)}
@media (prefers-reduced-motion:reduce){.hero-memcard{animation:none}.hero-memcard .mem-spark{animation:none}}
/* centre burger links to the menu */
.hero-word-burger a{display:block;cursor:pointer}

.hero-burger-img{transition:transform .25s ease}
/* hero wings + fries clickable to their menu tabs */
.hero-wings{pointer-events:none}
.hero-wing{pointer-events:auto;cursor:pointer}
.hero-stage>.hero-fry-1{pointer-events:auto!important;cursor:pointer}
.hero-wing:hover{filter:drop-shadow(0 0 2px #fff) drop-shadow(0 12px 14px rgba(20,0,40,.45)) drop-shadow(0 0 14px rgba(255,220,120,.9))}
.hero-stage>.hero-fry-1:hover{filter:drop-shadow(0 0 2px #fff) drop-shadow(0 16px 18px rgba(20,0,40,.5)) drop-shadow(0 0 18px rgba(255,210,58,.9))}
/* Speisekarte nav pill: louder — yellow base, tilted sticker look, pink pop + wiggle star */
.nav-links a.nav-hl,.nav:not(.nav-solid) .nav-links a.nav-hl{position:relative;background:#ffd400;color:var(--ink);border:2px solid var(--ink);padding:10px 18px;font-weight:900;letter-spacing:.12em;transform:rotate(-2deg);box-shadow:3px 3px 0 var(--ink),0 0 16px rgba(255,220,0,.55);overflow:visible}
.nav-links a.nav-hl .nav-hl-tag{display:inline-block;width:2.1em;height:2.1em;object-fit:contain;vertical-align:-.68em;margin-left:8px;filter:drop-shadow(1px 1px 0 rgba(0,0,0,.3));animation:hlSpin 3.5s linear infinite}
@keyframes hlSpin{to{transform:rotate(360deg)}}
.nav-links a.nav-hl:hover,.nav:not(.nav-solid) .nav-links a.nav-hl:hover,.nav-links a.nav-hl.is-active{background:#ff2d8a;color:#fff;transform:rotate(0) scale(1.06);box-shadow:4px 4px 0 var(--ink),0 0 20px rgba(255,45,138,.6)}

@media (prefers-reduced-motion:reduce){.nav-links a.nav-hl .nav-hl-tag{animation:none}}
/* menu heading: star instead of pink dot, tinted cyan-blue */
.menu-mega-star{display:inline-block;width:.5em;height:.5em;object-fit:contain;margin-left:.06em;vertical-align:baseline;filter:drop-shadow(2px 2px 0 rgba(0,0,0,.35));animation:hlSpin 6s linear infinite}
@media (prefers-reduced-motion:reduce){.menu-mega-star{animation:none}}
/* menu heading: star sits top-left of MENÜ; 100% FRISCH burst bigger, text without stroke/outline */
.menu-hero>div:first-child{position:relative}
.menu-mega-star{position:absolute;left:-.18em;top:-.34em;width:.42em;height:.42em;margin:0;z-index:3}
.menu-mega{position:relative}
.menu-burst{--size:150px}
.menu-burst span,.menu-hero .menu-burst span{-webkit-text-stroke:0;text-stroke:0;text-shadow:none;font-size:1.1em}
.menu-burst,.menu-hero .menu-burst{filter:none}
/* burst: orange 参上 (here we come) above PROBIER'S AUS */
.hero-burst-1 span::before{content:"参上";display:block;font-family:var(--f-jp),var(--f-display);font-weight:900;font-style:normal;color:#ff8a1c;font-size:1.05em;line-height:1;letter-spacing:.08em;margin-bottom:.14em}
/* 100% FRISCH burst moves to the old star spot: top-left of MENÜ */
.menu-burst,.menu-hero .menu-burst{left:-34px;right:auto;top:-58px;transform:rotate(-10deg)}
@media (max-width:720px){.menu-burst,.menu-hero .menu-burst{left:-6px;top:-34px;--size:110px}}

/* ===== FRANCHISE PAGE — dark, matched to the title/menu look ===== */
.franchise{background:#1a0530;background-image:radial-gradient(circle at 50% -5%,rgba(255,45,138,.18) 0,transparent 45%);color:#f4e9ff;border-bottom:3px solid #fff}
.franchise::before{content:"";display:none}
.f-eyebrow{background:#002fd2;color:#fff;border:2px solid #fff;box-shadow:3px 3px 0 #0a0118;font-weight:900;letter-spacing:.12em}
.franchise-title{color:#fff;-webkit-text-stroke:0;text-shadow:5px 5px 0 #0a0118}
.franchise-title .line-outline{color:#ff2d8a;-webkit-text-stroke:0;text-shadow:5px 5px 0 #0a0118;filter:none}
.franchise-title .line:nth-child(3){position:relative;display:inline-block;font-size:1.16em;color:#fff;text-shadow:5px 5px 0 #0a0118}
.franchise-title .line:nth-child(3)::after{content:"";position:absolute;left:0;right:0;bottom:-.12em;height:.12em;background:#ffd23a}
.franchise-title .line:nth-child(3) .t-pink{color:#ff2d8a}
.franchise-lead{color:#f4e9ff}
.fstat,.fstat:nth-child(2){background:#2c0748;color:#fff;border:3px solid #fff;box-shadow:6px 6px 0 #0a0118}
.fstat .fs-val{color:#ffd23a}
.fstat .fs-val small{color:#ffd1f0}
.fstat .fs-note{color:#e8d9ff}
.fstat .chip{background:#ff2d8a;color:#fff;border-color:#fff}
.package-title{color:#fff;-webkit-text-stroke:0;text-shadow:4px 4px 0 #0a0118}
.package-title .t-pink{color:#ff2d8a}
.package-list li{background:#2c0748;color:#fff;border:2px solid #fff;box-shadow:4px 4px 0 #0a0118;transition:transform .18s ease}
.package-list li:hover{transform:translateY(-3px)}
.package-list strong{color:#fff}
.package-list span{color:#e8dcf8}
.check{background:#ff2d8a;color:#fff}
.franchise-form-wrap{background:#22093f;color:#fff;border:3px solid #fff;box-shadow:8px 8px 0 #0a0118}
.form-h{color:#fff}
.form-h .t-pink{color:#ff2d8a}
.form-left p{color:#e8d9ff}
.form-direct a{color:#fff}
.field>span{color:#fff}
.field input,.field select,.field textarea{background:#14032a;border:2px solid rgba(255,255,255,.75);color:#fff;box-shadow:3px 3px 0 #0a0118}
.field input::placeholder,.field textarea::placeholder{color:#9a7fc0}
.field input:focus,.field select:focus,.field textarea:focus{background:#1c0736;border-color:#ffd23a;box-shadow:4px 4px 0 #0a0118;color:#fff}
.field select{color:#fff}
.field select option{background:#14032a;color:#fff}
.radio{background:#14032a;color:#fff;border:2px solid rgba(255,255,255,.75);box-shadow:3px 3px 0 #0a0118}
.radio:hover{background:#2c0748}
.radio:has(input:checked){background:#ff2d8a;border-color:#fff}
.radio input{accent-color:#ff2d8a}
.check-field{color:#e8dcf8}
.check-field a{color:#ff8ac2}
.check-field input{accent-color:#ff2d8a}
.form-success{background:#0f3d2e;color:#b8ffd9;border-color:#fff}
.form-error{background:#4d0714;color:#ffc2cd;border-color:#fff}.form-error a{color:#fff}
@media (max-width:720px){.franchise-title .line:nth-child(3){font-size:1.06em}}
/* hero split: title left, stats stacked right */
.franchise-hero-split{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,1fr);gap:clamp(28px,4vw,60px);align-items:center}
.franchise-hero-split .franchise-stats{grid-template-columns:1fr;gap:22px}
.franchise-hero-split .fstat{transform:none}
.franchise-hero-split .fstat:nth-child(2){transform:none}
@media (max-width:1000px){.franchise-hero-split{grid-template-columns:1fr}.franchise-hero-split .franchise-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.franchise-hero-split .franchise-stats{grid-template-columns:1fr}}
/* stat chips: bolder, brand blue */
.fstat .fs-key,.fstat .chip{background:#002fd2;color:#fff;border-color:#fff;font-weight:900;letter-spacing:.1em}
/* memcard tag: dynamic italic display type on animated blue->pink gradient */
.memcard-tag{background:linear-gradient(100deg,#002fd2,#7a1bff 45%,#ff2d8a);background-size:200% 100%;font-family:"Archivo Black",var(--f-display),sans-serif;font-style:italic;font-size:12px;font-weight:900;letter-spacing:.08em;padding:5px 12px;transform:translateX(-50%) rotate(-3deg) skewX(-8deg);animation:memTagFlow 3s linear infinite}
@keyframes memTagFlow{0%{background-position:0 0}100%{background-position:200% 0}}
.hero-memcard:hover .memcard-tag{transform:translateX(-50%) rotate(0) skewX(-8deg) scale(1.1)}
@media (prefers-reduced-motion:reduce){.memcard-tag{animation:none}}
/* mobile: keep the Wings/Boneless toggle clear of the category tab bar */
@media (max-width:720px){.menu-tabs,.menu .menu-tabs{margin-bottom:10px}.menu-grid.is-slider{padding-top:64px}.menu-grid.is-slider .wing .variant-toggle{top:-52px}}
/* hero burger: groovy idle dance */
@keyframes burgerDance{0%,54%,100%{transform:rotate(-2deg) translateY(0)}8%{transform:rotate(2deg) translateY(0)}16%{transform:rotate(-2deg) translateY(0)}24%{transform:rotate(2deg) translateY(0)}32%{transform:rotate(-2deg) translateY(0)}42%{transform:rotate(1deg) translateY(0)}60%{transform:rotate(0) translateY(2px)}66%{transform:rotate(2deg) translateY(-16px)}72%{transform:rotate(-2deg) translateY(-18px)}80%{transform:rotate(0) translateY(0)}86%{transform:rotate(-1deg) translateY(-6px)}92%{transform:rotate(0) translateY(0)}}
.hero-burger-img{animation:burgerDance 5.6s ease-in-out infinite;transform-origin:50% 85%}
@media (prefers-reduced-motion:reduce){.hero-burger-img{animation:none}}
/* wing behind the centre burger removed */
.hero-wing-5{display:none!important}
/* small zoom on hover/click via the link wrapper (keeps the dance intact) */
.hero-word-burger a{transition:transform .25s ease}
.hero-word-burger a:hover{transform:scale(1.05)}
.hero-word-burger a:active{transform:scale(1.1)}
/* fries: small hover/click zoom with a tilt */
.hero-stage>.hero-fry-1{transition:transform .25s ease}
.hero-stage>.hero-fry-1:hover{transform:scale(1.07) rotate(-4deg)}
.hero-stage>.hero-fry-1:active{transform:scale(1.12) rotate(-2deg)}
/* nav Speisekarte: glow + gentle dance */
@keyframes hlDance{0%,100%{transform:rotate(-2deg) translateY(0)}25%{transform:rotate(1.5deg) translateY(-2px)}50%{transform:rotate(-2.5deg) translateY(0)}75%{transform:rotate(2deg) translateY(-3px)}}
@keyframes hlGlow{0%,100%{box-shadow:3px 3px 0 var(--ink),0 0 10px rgba(255,220,0,.45)}50%{box-shadow:3px 3px 0 var(--ink),0 0 26px rgba(255,220,0,.95)}}
.nav-links a.nav-hl,.nav:not(.nav-solid) .nav-links a.nav-hl{animation:hlGlow 2.6s ease-in-out infinite}
@media (prefers-reduced-motion:reduce){.nav-links a.nav-hl{animation:none}}
/* nav brand: bigger, stronger back-glow */
.nav-star{width:clamp(58px,5vw,76px);margin:-10px 0}
.nav-brand .nav-word{height:clamp(22px,2.1vw,30px)}
.nav-star,.nav-word{filter:drop-shadow(0 0 10px rgba(255,255,255,.95)) drop-shadow(0 0 22px rgba(255,255,255,.65)) drop-shadow(0 0 34px rgba(255,45,138,.4))}
.nav:not(.nav-solid) .nav-star,.nav:not(.nav-solid) .nav-word{filter:drop-shadow(0 0 10px rgba(255,255,255,1)) drop-shadow(0 0 24px rgba(255,255,255,.85)) drop-shadow(0 0 40px rgba(255,45,138,.55))}
@media (max-width:700px){.nav-star{width:42px}.nav-brand .nav-word{height:19px}}
/* all product names as big as the fries name */
.menu-grid.is-slider .b-name,.menu-grid.is-slider .burger .b-name,.menu-grid.is-slider .burger[class*="theme-"] .b-name,.menu-grid.is-slider .wing-name,.menu-grid.is-slider .wing[class*="theme-"] .wing-name,.menu-grid.is-slider .side-name,.menu-grid.is-slider .side[class*="theme-"] .side-name{font-size:clamp(46px,5.2vw,74px)!important}
.menu-grid.is-slider .burger.theme-mamas .b-name,.menu-grid.is-slider .burger.theme-vintage .b-name{font-size:clamp(36px,4.4vw,64px)!important}
@media (max-width:720px){.menu-grid.is-slider .b-name,.menu-grid.is-slider .burger .b-name,.menu-grid.is-slider .burger[class*="theme-"] .b-name,.menu-grid.is-slider .wing-name,.menu-grid.is-slider .wing[class*="theme-"] .wing-name,.menu-grid.is-slider .side-name,.menu-grid.is-slider .side[class*="theme-"] .side-name{font-size:clamp(36px,10.5vw,50px)!important}.menu-grid.is-slider .burger.theme-mamas .b-name,.menu-grid.is-slider .burger.theme-vintage .b-name{font-size:clamp(28px,8.5vw,44px)!important}}
/* footer: real wordmark instead of typed BUU CHII */
.foot-mega{-webkit-text-stroke:0;opacity:1;display:flex;justify-content:center}
.foot-mega img{width:100%;height:auto;opacity:1}
@media (max-width:720px){.foot-mega img{width:92%}}
/* footer: big outlined star behind the wordmark */
.footer{position:relative;overflow:hidden}
.foot-mega{position:relative}
.foot-mega::before{content:"";position:absolute;left:50%;top:50%;width:min(88vw,1100px);aspect-ratio:1;transform:translate(-50%,-52%) rotate(-12deg);background:url("assets/star-outline.png") center/contain no-repeat;opacity:.4;pointer-events:none}
.foot-mega img{position:relative;z-index:1}
/* wordmark full-bleed edge to edge */
.foot-mega{margin:0 calc(-1 * var(--pad, 32px)) 0}
.footer .foot-mega img{display:block}
/* nav bar in brand blue when solid */
.nav.nav-solid{background:rgba(0,47,210,.94);border-bottom-color:var(--ink)}
.nav.nav-solid .nav-links a{color:#fff;text-shadow:none}
.nav.nav-solid .nav-links a:hover,.nav.nav-solid .nav-links a.is-active{background:rgba(255,255,255,.16);color:#fff}
.nav.nav-solid .nav-tag{color:#fff;border-color:#fff;background:transparent}
.nav.nav-solid .nav-burger{color:#fff}
.nav.nav-solid .nav-star,.nav.nav-solid .nav-word{filter:drop-shadow(0 0 10px rgba(255,255,255,.85)) drop-shadow(0 0 22px rgba(255,255,255,.5))}
/* solid nav: logo + wordmark turn white with smooth transition */
.nav-star,.nav-word{transition:filter .35s ease}
.nav.nav-solid .nav-star,.nav.nav-solid .nav-word{filter:brightness(0) invert(1) drop-shadow(0 0 10px rgba(255,255,255,.7)) drop-shadow(0 0 20px rgba(255,255,255,.4))}

/* Safari paints text-shadow line by line, so on two-line names the blurred glow of line 2 landed ON TOP of line 1
   ("TIGER" looked dirty above "STYLE"). The glow now lives in filter:drop-shadow, which treats the whole name as one shape. */
.menu-grid.is-slider .b-name,.menu-grid.is-slider .burger .b-name,.menu-grid.is-slider .burger[class*="theme-"] .b-name,.menu-grid.is-slider .wing-name,.menu-grid.is-slider .wing[class*="theme-"] .wing-name,.menu-grid.is-slider .side-name,.menu-grid.is-slider .side[class*="theme-"] .side-name{text-shadow:4px 4px 0 var(--ns,#1a0530);filter:drop-shadow(0 0 22px rgba(0,0,0,.45))}
.menu-grid.is-slider>.is-current .b-name,.menu-grid.is-slider>.is-current .wing-name,.menu-grid.is-slider>.is-current .side-name{text-shadow:5px 5px 0 var(--ns,#1a0530);filter:drop-shadow(0 0 24px rgba(255,210,58,.4))}