:root{--blue:#0143be;--magenta:#d2036f;--lime:#9ad102;--cyan:#31c3d0;--orange:#fc6303;--yellow:#f9c802;--black:#0d0e0e;--white:#fdfdfd;--line:3px solid var(--black)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--white);color:var(--black);font-family:'Archivo Narrow','Arial Narrow',Arial,sans-serif;font-size:18px;overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.topline{background:var(--black);color:var(--yellow);border-bottom:3px solid var(--black);overflow:hidden;font-weight:700;letter-spacing:.08em}.ticker{display:flex;width:max-content;animation:ticker 24s linear infinite}.ticker span{padding:.55rem 1rem;white-space:nowrap}@keyframes ticker{to{transform:translateX(-50%)}}
.header{height:92px;display:flex;align-items:center;justify-content:space-between;padding:12px 4vw;background:var(--white);border-bottom:var(--line);position:sticky;top:0;z-index:20}.logo img{width:205px}.nav{display:flex;align-items:center;gap:1.4rem;text-transform:uppercase;font-weight:700;font-size:.94rem;letter-spacing:.04em}.nav a:hover{color:var(--blue)}.pill,.lang{border:2px solid var(--black);border-radius:999px;padding:.55rem .95rem;background:var(--yellow);font:inherit;font-weight:700}.lang{cursor:pointer;background:var(--white)}.nav-toggle{display:none;border:0;background:none;font-size:1.7rem}
.hero{min-height:720px;background:var(--blue);color:var(--white);display:grid;grid-template-columns:1.05fr .95fr;position:relative;overflow:hidden;border-bottom:var(--line)}.hero-copy{padding:9vw 4vw 6vw;z-index:2}.kicker,.mini{display:inline-block;font-weight:700;letter-spacing:.14em;font-size:.78rem;text-transform:uppercase;background:var(--yellow);color:var(--black);padding:.35rem .55rem;border:2px solid var(--black)}h1,h2,h3{font-family:'Arial Narrow','Impact','Archivo Narrow',sans-serif;font-stretch:condensed;text-transform:uppercase;line-height:.85;margin:0}h1{font-size:clamp(4.2rem,9.3vw,9rem);letter-spacing:-.045em;text-shadow:4px 4px 0 var(--black)}.lead{max-width:610px;font-size:clamp(1.2rem,2vw,1.65rem);line-height:1.3}.actions{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:2rem}.btn{display:inline-block;padding:.85rem 1.25rem;border:2px solid var(--black);font-weight:700;text-transform:uppercase;letter-spacing:.04em;box-shadow:5px 5px 0 var(--black);transition:.15s}.btn:hover{transform:translate(3px,3px);box-shadow:2px 2px 0 var(--black)}.hot{background:var(--yellow);color:var(--black)}.ghost{background:var(--white);color:var(--black)}
.hero-visual{position:relative;min-height:620px}.sun-disc{position:absolute;width:430px;height:430px;border-radius:50%;background:var(--yellow);right:9%;top:14%;border:4px solid var(--black);box-shadow:14px 14px 0 var(--black)}.hero-icon{position:absolute;width:210px;right:29%;top:27%;z-index:3;filter:drop-shadow(6px 8px 0 rgba(13,14,14,.85))}.glass{position:absolute;width:145px;height:280px;border:4px solid var(--black);border-radius:22px 22px 34px 34px;bottom:4%;z-index:3;display:grid;place-items:center;color:var(--black);font-size:4.5rem;font-weight:900;box-shadow:8px 9px 0 var(--black)}.glass:before{content:'';position:absolute;width:8px;height:180px;background:var(--black);top:-110px;right:30px;transform:rotate(12deg)}.glass-a{right:44%;background:var(--magenta)}.glass-b{right:13%;background:var(--lime);height:230px}.sticker{position:absolute;z-index:4;border:3px solid var(--black);box-shadow:5px 5px 0 var(--black);font-weight:900;text-align:center}.s1{right:4%;top:10%;background:var(--cyan);color:var(--black);padding:.65rem;transform:rotate(7deg)}.s2{left:4%;top:25%;background:var(--orange);padding:1rem;border-radius:50%;transform:rotate(-9deg)}.caption-card{position:absolute;left:3%;bottom:5%;width:230px;background:var(--white);color:var(--black);padding:1rem;border:3px solid var(--black);font-weight:700;transform:rotate(-3deg);z-index:5;box-shadow:7px 7px 0 var(--magenta)}.burst{position:absolute;border-radius:50%;filter:blur(0)}.burst-one{width:180px;height:180px;background:var(--magenta);left:40%;top:-85px}.burst-two{width:120px;height:120px;background:var(--lime);left:-40px;bottom:40px}
.statement{background:var(--yellow);border-bottom:var(--line);padding:1.1rem 4vw;text-align:center}.statement p{margin:0;font-size:clamp(1.7rem,4vw,4rem);font-weight:900;letter-spacing:-.02em}
.section{padding:7rem 4vw;border-bottom:var(--line)}.section-head{max-width:1000px;margin-bottom:3rem}.section h2{font-size:clamp(3.2rem,7vw,7rem);letter-spacing:-.045em;margin-top:1rem}.cards{display:grid;gap:1.2rem}.three{grid-template-columns:repeat(3,1fr)}.card{min-height:330px;border:var(--line);padding:1.4rem;box-shadow:8px 8px 0 var(--black)}.card b{font-size:4rem}.card h3{font-size:3.5rem;margin:.6rem 0}.card p{font-size:1.1rem;line-height:1.35}.c-blue{background:var(--blue);color:var(--white)}.c-lime{background:var(--lime)}.c-pink{background:var(--magenta);color:var(--white)}
.flavors{display:grid;grid-template-columns:.8fr 1.2fr;gap:4vw;background:var(--white)}.flavor-intro{position:sticky;top:130px;align-self:start}.flavor-intro p{max-width:480px;font-size:1.2rem;line-height:1.35}.product-wall{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.product{aspect-ratio:1/1;border:var(--line);display:flex;flex-direction:column;justify-content:flex-end;padding:1.2rem;box-shadow:7px 7px 0 var(--black);overflow:hidden;position:relative}.product:after{content:'✦';position:absolute;right:14px;top:2px;font-size:8rem;opacity:.2}.product span{font-size:1.15rem;font-weight:700}.product strong{font-family:Impact,'Arial Narrow',sans-serif;font-size:clamp(2.7rem,5vw,5.5rem);line-height:.8}.product em{font-style:normal;font-weight:700;margin-top:.8rem}.p-yellow{background:var(--yellow)}.p-cyan{background:var(--cyan)}.p-orange{background:var(--orange)}.p-magenta{background:var(--magenta);color:var(--white)}
.quote-band{min-height:360px;background:var(--black);color:var(--white);display:grid;place-items:center;text-align:center;padding:4rem;position:relative;overflow:hidden}.quote-band blockquote{font-family:Impact,'Arial Narrow',sans-serif;font-size:clamp(3rem,7vw,7.5rem);line-height:.86;margin:0;max-width:1200px}.quote-orbit{position:absolute;color:var(--yellow);font-size:20rem;opacity:.18}
.story{display:grid;grid-template-columns:1fr 1.05fr;gap:6vw;background:var(--cyan)}.story-art{min-height:590px;border:var(--line);background:var(--yellow);position:relative;box-shadow:10px 10px 0 var(--black);overflow:hidden}.poster-a{font-family:Impact,'Arial Narrow';font-size:clamp(4rem,8vw,8rem);line-height:.78;padding:1.2rem;color:var(--blue)}.poster-a span{color:var(--magenta)}.story-art img{position:absolute;width:220px;right:6%;bottom:4%;transform:rotate(8deg)}.story-copy p{font-size:1.25rem;line-height:1.42;max-width:700px}.values{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:2rem}.values span{background:var(--white);border:2px solid var(--black);padding:.5rem .7rem;font-weight:700}
.location{display:grid;grid-template-columns:1fr 1fr;gap:5vw;background:var(--lime)}.location-copy p{font-size:1.25rem;line-height:1.45}.location-poster{min-height:520px;background:var(--blue);border:var(--line);box-shadow:10px 10px 0 var(--black);position:relative;overflow:hidden;color:var(--white);padding:2rem}.location-poster img{width:160px;position:absolute;right:8%;top:12%;filter:drop-shadow(6px 7px 0 var(--black))}.location-poster strong{position:absolute;bottom:15%;left:6%;font-family:Impact,'Arial Narrow';font-size:clamp(4rem,7vw,7rem);line-height:.8}.location-poster small{position:absolute;bottom:5%;left:6%;font-weight:700}.map-lines{position:absolute;inset:0;background:repeating-linear-gradient(35deg,transparent 0 35px,rgba(253,253,253,.12) 36px 38px),repeating-linear-gradient(125deg,transparent 0 55px,rgba(249,200,2,.2) 56px 59px)}
.social{text-align:center;background:var(--white)}.social-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;max-width:1200px;margin:3rem auto 0}.social-tile{aspect-ratio:4/5;border:var(--line);display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:Impact,'Arial Narrow';font-size:clamp(2.7rem,4vw,4.8rem);line-height:.82;box-shadow:8px 8px 0 var(--black)}.social-tile b{font-size:1.45em}.social-tile img{width:125px;margin-bottom:1rem}.social-tile span{font-size:1.5rem;font-family:'Archivo Narrow';font-weight:700}.tile-blue{background:var(--blue);color:var(--white)}.tile-yellow{background:var(--yellow)}.tile-pink{background:var(--magenta);color:var(--white)}
.contact{background:var(--orange)}.contact-card{max-width:1100px;margin:auto;background:var(--white);border:var(--line);box-shadow:12px 12px 0 var(--black);padding:2.4rem;display:grid;grid-template-columns:190px 1fr;gap:2rem;align-items:center}.contact-card h2{font-size:clamp(3rem,6vw,6rem)}.contact-card p{font-size:1.2rem}
footer{background:var(--black);color:var(--white);display:grid;grid-template-columns:220px 1fr auto;gap:2rem;align-items:center;padding:2.5rem 4vw;font-size:.95rem}footer img{background:var(--white);padding:.45rem;width:190px}.footer-links{display:flex;gap:1.2rem;font-weight:700;color:var(--yellow)}
.reveal{opacity:0;transform:translateY(24px);transition:.65s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:900px){.header{height:78px}.logo img{width:165px}.nav-toggle{display:block}.nav{display:none;position:absolute;top:78px;left:0;right:0;background:var(--white);border-bottom:3px solid var(--black);padding:1.2rem 4vw;flex-direction:column;align-items:flex-start}.nav.open{display:flex}.hero{grid-template-columns:1fr}.hero-copy{padding-top:5rem}.hero-visual{min-height:520px}.three,.social-grid{grid-template-columns:1fr}.flavors,.story,.location{grid-template-columns:1fr}.flavor-intro{position:static}.product-wall{grid-template-columns:1fr 1fr}.contact-card{grid-template-columns:1fr}.contact-card img{width:130px}.story-art{min-height:470px}footer{grid-template-columns:1fr}.footer-links{justify-content:flex-start}}
@media(max-width:560px){body{font-size:16px}.hero{min-height:auto}.hero-copy{padding:4rem 5vw}.hero-visual{min-height:430px}.sun-disc{width:300px;height:300px;right:5%}.hero-icon{width:145px;right:30%;top:28%}.glass{width:100px;height:210px}.glass-b{height:175px}.caption-card{width:175px;font-size:.9rem}.section{padding:5rem 5vw}.product-wall{grid-template-columns:1fr}.social-tile{aspect-ratio:1/1}.quote-band{padding:3rem 1rem}.location-poster{min-height:420px}}

/* v3 — cleaner logo usage + permanent menu route */
.menu-link{background:var(--yellow);border:2px solid var(--black);padding:.45rem .75rem;box-shadow:3px 3px 0 var(--black)}
.menu-cta{margin-top:1rem}
.brand-burst{position:absolute;right:11%;top:26%;z-index:3;width:300px;min-height:220px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--black);transform:rotate(-3deg)}
.brand-burst span{font-size:1.1rem;font-weight:800;letter-spacing:.18em}.brand-burst strong{font-family:Impact,'Arial Narrow',sans-serif;font-size:4.4rem;line-height:.78}.brand-burst small{margin-top:.85rem;font-weight:800;letter-spacing:.08em}
.story-mark{position:absolute;right:7%;bottom:4%;font-size:13rem;line-height:1;color:var(--magenta);transform:rotate(10deg);text-shadow:7px 7px 0 var(--black)}
.location-pin{position:absolute;right:10%;top:12%;width:125px;height:125px;border-radius:50%;background:var(--yellow);color:var(--magenta);border:4px solid var(--black);box-shadow:8px 8px 0 var(--black);display:grid;place-items:center;font-size:5rem}
.social-star{font-size:8rem;line-height:1;color:var(--blue);text-shadow:5px 5px 0 var(--magenta);margin-bottom:1rem}
.contact-symbol{width:160px;height:160px;border-radius:50%;background:var(--blue);color:var(--yellow);border:4px solid var(--black);box-shadow:8px 8px 0 var(--black);display:grid;place-items:center;font-family:Impact,'Arial Narrow',sans-serif;font-size:5rem;transform:rotate(-5deg)}
/* Suppress the old mascot artwork completely in v3 */
.hero-icon,.story-art img,.location-poster img,.social-tile img,.contact-card>img{display:none!important}
@media(max-width:900px){.brand-burst{right:11%;top:24%;width:250px}.brand-burst strong{font-size:3.7rem}.contact-symbol{width:125px;height:125px;font-size:4rem}}
@media(max-width:560px){.brand-burst{right:7%;top:25%;width:215px;min-height:170px}.brand-burst strong{font-size:3.1rem}.brand-burst span{font-size:.9rem}.story-mark{font-size:9rem}.location-pin{width:95px;height:95px;font-size:3.7rem}}


/* v4 — corrected brand graphics embedded in the actual website */
.story-art{padding:0;background:var(--yellow);display:block}
.story-art .brand-panel,.location-poster .brand-panel{display:block!important;position:absolute;inset:0;width:100%!important;height:100%!important;object-fit:cover;transform:none!important;filter:none!important;margin:0!important}
.story-art .brand-panel-split{object-position:center}
.location-poster{padding:0;background:var(--blue)}
.location-poster .brand-panel-grid{object-position:center}
.location-label{position:absolute;left:1.5rem;bottom:1.5rem;z-index:3;background:rgba(13,14,14,.90);color:var(--white);border:3px solid var(--white);padding:1rem 1.15rem;box-shadow:7px 7px 0 var(--magenta)}
.location-label strong{position:static!important;display:block;font-family:Impact,'Arial Narrow',sans-serif;font-size:clamp(2.7rem,5vw,5rem)!important;line-height:.82}
.location-label small{position:static!important;display:block;margin-top:.55rem;font-weight:700;letter-spacing:.08em}
.contact-brand{width:210px;min-height:160px;display:grid;place-items:center;background:var(--yellow);border:4px solid var(--black);box-shadow:8px 8px 0 var(--black);padding:1rem;transform:rotate(-3deg)}
.contact-brand img{display:block!important;width:100%;height:auto}
/* the legacy raster mascot asset remains bundled only for archive/reference; it is not displayed anywhere */
.hero-icon,.social-tile img{display:none!important}
@media(max-width:900px){.contact-brand{width:180px;min-height:135px}}
@media(max-width:560px){.story-art{min-height:410px}.location-poster{min-height:410px}.location-label{left:1rem;bottom:1rem}.contact-brand{width:155px;min-height:115px}}