:root{--orange:#ffad0a;--orange-deep:#f18c00;--cream:#fff3d6;--paper:#fffdf8;--brown:#2c170d;--red:#ef5643;--ink:#15100d;--muted:#665b54;--line:rgba(44,23,13,.14);--shadow:0 22px 60px rgba(44,23,13,.13)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--ink);background:var(--paper);font-family:"DM Sans",sans-serif;overflow-x:hidden}a{color:inherit}img{max-width:100%;display:block}.announcement{background:var(--brown);color:#fff;text-align:center;padding:.68rem 1rem;font-weight:800;font-size:.9rem}.site-header{min-height:88px;padding:10px 5vw;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:50;background:rgba(255,253,248,.92);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.brand img{width:min(290px,48vw);max-height:68px}.main-nav{display:flex;align-items:center;gap:1.45rem}.main-nav a{text-decoration:none;font-weight:800;font-size:.94rem}.nav-button{padding:.72rem 1rem;border-radius:999px;background:var(--orange);border:2px solid var(--brown);box-shadow:3px 3px 0 var(--brown)}.menu-toggle{display:none}.hero{min-height:720px;padding:6rem 7vw;display:grid;grid-template-columns:1.08fr .92fr;gap:3rem;align-items:center;position:relative;overflow:hidden;background:radial-gradient(circle at 80% 25%,#ffd887 0 18%,transparent 43%),linear-gradient(135deg,var(--cream),#fff 58%)}.hero-copy,.hero-art{position:relative;z-index:3}.eyebrow{font-weight:900;letter-spacing:.14em;font-size:.78rem;color:var(--orange-deep);margin:0 0 1rem}h1,h2,h3{margin-top:0}h1{font-family:"Archivo Black",sans-serif;font-size:clamp(3.5rem,7.7vw,7.4rem);line-height:.92;letter-spacing:-.06em;margin-bottom:1.4rem}h1 span{color:var(--orange);text-shadow:4px 4px 0 var(--brown);-webkit-text-stroke:1px var(--brown)}h2{font-family:"Archivo Black",sans-serif;font-size:clamp(2.3rem,5vw,4.7rem);line-height:1.03;letter-spacing:-.05em;margin-bottom:1rem}.hero-text,.section-heading>p:last-child,.mascot-copy>p,.about-copy p,.events-layout>div>p{max-width:680px;font-size:1.08rem;line-height:1.75;color:var(--muted)}.hero-actions{display:flex;flex-wrap:wrap;gap:1rem;margin:2rem 0}.button{display:inline-flex;align-items:center;justify-content:center;padding:.95rem 1.3rem;border-radius:999px;text-decoration:none;font-weight:900;transition:.2s}.button:hover{transform:translateY(-4px)}.button-dark{background:var(--brown);color:#fff;box-shadow:4px 4px 0 var(--orange)}.button-light{background:#fff;border:2px solid var(--brown);box-shadow:4px 4px 0 var(--brown)}.button-cream{background:var(--cream);color:var(--brown);border:2px solid var(--brown);box-shadow:4px 4px 0 #000}.mini-badges{display:flex;flex-wrap:wrap;gap:.7rem}.mini-badges span{background:rgba(255,255,255,.8);border:1px solid var(--line);padding:.6rem .8rem;border-radius:999px;font-weight:800;font-size:.9rem}.mascot-stage{position:relative;max-width:590px;margin:auto;filter:drop-shadow(15px 19px 0 rgba(44,23,13,.11));animation:float 4s ease-in-out infinite}.mascot-stage img{max-height:620px;margin:auto}.hello-bubble{position:absolute;right:0;top:2%;z-index:2;background:#fff;border:3px solid var(--brown);border-radius:24px 24px 24px 4px;padding:.8rem 1rem;font-weight:900;box-shadow:6px 6px 0 var(--orange);transform:rotate(3deg)}@keyframes float{50%{transform:translateY(-12px) rotate(.5deg)}}.foam-drip{position:absolute;inset:-2px 0 auto;height:35px;background:#fff;z-index:2}.foam-drip span{position:absolute;top:18px;width:70px;height:52px;border-radius:0 0 50% 50%;background:#fff}.foam-drip span:nth-child(1){left:5%}.foam-drip span:nth-child(2){left:25%;height:68px}.foam-drip span:nth-child(3){left:48%}.foam-drip span:nth-child(4){left:70%;height:72px}.foam-drip span:nth-child(5){right:4%}.marquee{overflow:hidden;background:var(--orange);border-block:3px solid var(--brown);transform:rotate(-1deg) scale(1.02)}.marquee-track{white-space:nowrap;padding:1rem;font-family:"Archivo Black",sans-serif;font-size:1.25rem;display:flex;justify-content:space-around;gap:2rem}.marquee-track i{font-style:normal}.section{position:relative;padding:7rem 7vw}.section-heading{max-width:760px;margin-bottom:3rem}.menu-section{background:#fff;overflow:hidden}.drink-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.3rem}.drink-card{position:relative;min-height:270px;padding:1.7rem;border:2px solid var(--brown);border-radius:24px;background:var(--paper);box-shadow:7px 7px 0 var(--brown);display:flex;flex-direction:column;transition:.2s}.drink-card:hover{transform:translateY(-7px) rotate(-.5deg)}.drink-card.featured{background:var(--orange)}.drink-icon{font-size:2.4rem;margin-bottom:1rem}.drink-card h3,.fluff-banner h3{font-family:"Archivo Black",sans-serif;font-size:1.45rem;margin-bottom:.65rem}.drink-card p{color:#4b4039;line-height:1.6}.drink-tag{position:absolute;right:1rem;top:1rem;background:var(--brown);color:#fff;border-radius:999px;padding:.45rem .7rem;font-size:.7rem;font-weight:900;letter-spacing:.08em}.fluff-banner{margin-top:3rem;padding:1.8rem 2.2rem;display:grid;grid-template-columns:180px 1fr;align-items:center;gap:2rem;background:var(--cream);border:2px dashed var(--brown);border-radius:28px}.fluff-banner img{max-height:180px;margin:-50px auto -20px}.fluff-banner h3{font-size:2rem}.fluff-banner p{margin-bottom:0}.fluff-peek{position:absolute;width:230px;opacity:.13;pointer-events:none}.fluff-peek-right{right:-55px;top:45px;transform:rotate(-11deg)}.fluff-peek-left{left:-65px;bottom:20px;transform:rotate(12deg)}.mascot-section{background:var(--cream)}.mascot-card{display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:3rem;padding:4rem;background:#fff;border:3px solid var(--brown);border-radius:36px;box-shadow:14px 14px 0 var(--orange)}.mascot-card>img{max-height:480px;margin:auto}.fluff-facts{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1.6rem}.fluff-facts span{padding:.65rem .85rem;border:2px solid var(--brown);border-radius:999px;background:var(--cream);font-weight:800}.events-section{background:#fff;overflow:hidden}.events-layout{display:grid;grid-template-columns:1fr .85fr;align-items:center;gap:4rem}.event-ticket{position:relative;background:var(--orange);padding:3rem;border-radius:30px;border:3px solid var(--brown);box-shadow:11px 11px 0 var(--brown);transform:rotate(1.5deg);overflow:hidden}.event-ticket img{position:absolute;right:-35px;bottom:-40px;width:235px;opacity:.2}.event-ticket>span{display:inline-block;background:var(--brown);color:#fff;padding:.5rem .8rem;border-radius:999px;font-weight:900;font-size:.75rem;letter-spacing:.08em}.event-ticket h3{font-family:"Archivo Black",sans-serif;font-size:2.1rem;margin:1.4rem 0 .7rem;max-width:70%}.ticket-line{border-top:2px dashed var(--brown);margin:2rem 0}.event-ticket small{font-weight:900;letter-spacing:.08em}.about-section{background:var(--cream)}.about-card{display:grid;grid-template-columns:1.2fr .8fr;gap:3rem;align-items:center;background:#fff;padding:4rem;border:3px solid var(--brown);border-radius:34px;box-shadow:14px 14px 0 var(--orange)}.about-mascot{display:grid;justify-items:center}.about-mascot img{max-height:360px}.about-mascot span{margin-top:-20px;background:var(--brown);color:#fff;padding:.7rem 1rem;border-radius:999px;font-weight:900;transform:rotate(-2deg)}.follow-section{background:var(--brown);color:#fff;padding:6rem 7vw}.follow-inner{max-width:1050px;margin:auto;display:grid;grid-template-columns:260px 1fr;align-items:center;gap:3rem}.follow-inner img{max-height:260px;filter:drop-shadow(7px 8px 0 rgba(255,173,10,.35))}.follow-section .eyebrow{color:var(--orange)}.follow-section h2{margin-bottom:.7rem}.follow-section p{color:#ebded5;line-height:1.7;max-width:700px}footer{padding:2.5rem 7vw;display:grid;grid-template-columns:auto 1fr auto;gap:2rem;align-items:center;border-top:1px solid var(--line)}.footer-logo img{width:230px}.copyright{text-align:right;color:var(--muted)}footer p{color:var(--muted)}.reveal{opacity:0;transform:translateY(25px);transition:opacity .65s ease,transform .65s ease}.reveal.visible{opacity:1;transform:none}.bubble-field{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:1}.float-bubble{position:absolute;bottom:-80px;border-radius:50%;border:2px solid rgba(44,23,13,.18);background:rgba(255,255,255,.35);animation:bubbleRise linear infinite;opacity:0}@keyframes bubbleRise{10%{opacity:.35}100%{transform:translateY(-120vh) translateX(28px);opacity:0}}
@media(max-width:950px){.hero{grid-template-columns:1fr;padding-top:5rem}.hero-art{order:-1}.mascot-stage{max-width:430px}.drink-grid{grid-template-columns:repeat(2,1fr)}.mascot-card,.events-layout,.about-card{grid-template-columns:1fr}.follow-inner{grid-template-columns:190px 1fr}footer{grid-template-columns:1fr;text-align:center}.footer-logo img{margin:auto}.copyright{text-align:center}}
@media(max-width:720px){.site-header{min-height:74px}.brand img{width:210px}.menu-toggle{display:inline-flex;background:var(--orange);border:2px solid var(--brown);border-radius:999px;padding:.55rem .8rem;font-weight:900}.main-nav{display:none;position:absolute;left:4vw;right:4vw;top:82px;flex-direction:column;align-items:stretch;background:#fff;padding:1.2rem;border:2px solid var(--brown);border-radius:20px;box-shadow:7px 7px 0 var(--brown)}.main-nav.open{display:flex}.main-nav a{padding:.65rem}.hero{padding:4rem 5vw 5rem;min-height:auto;gap:1rem}.hello-bubble{font-size:.85rem}.section{padding:5rem 5vw}.drink-grid{grid-template-columns:1fr}.fluff-banner{grid-template-columns:1fr;text-align:center}.fluff-banner img{max-height:150px}.mascot-card,.about-card{padding:2rem}.follow-inner{grid-template-columns:1fr;text-align:center}.follow-inner img{margin:auto}.event-ticket h3{max-width:100%}.event-ticket img{opacity:.1}.fluff-peek{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}.bubble-field{display:none}}