*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--ink);color:var(--paper);font:16px/1.6 var(--body);overflow-x:hidden}a{color:inherit}a:focus-visible{outline:2px solid var(--blue);outline-offset:6px}img{max-width:100%;display:block}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--display);font-weight:900;line-height:.98;letter-spacing:-.025em}h1{font-size:clamp(60px,8.7vw,144px)}h1 span,h2 span{color:var(--silver)}h2{font-size:clamp(44px,5.9vw,94px)}.eyebrow{font-size:13px;text-transform:uppercase;letter-spacing:.18em;line-height:1.6}.nav{height:100px;padding:20px 5%;display:flex;justify-content:space-between;align-items:center;position:absolute;inset:0 0 auto;z-index:10;border-bottom:1px solid #ffffff21;background:linear-gradient(#050b1090,transparent)}.brand{display:flex;align-items:center;gap:16px}.brand img:first-child{height:48px;width:40px;object-fit:contain}.brand img:last-child{width:205px}.nav nav{display:flex;align-items:center;gap:38px;font-size:14px}.nav a{text-decoration:none}.nav a:hover{color:var(--blue)}.nav-cta{border:1px solid #ffffff70;padding:10px 20px}.nav-cta span{padding-left:22px}.skip-link{position:fixed;top:-90px;left:20px;z-index:100;background:#fff;color:#000;padding:15px}.skip-link:focus{top:10px}.story{height:500svh}.stage{position:sticky;top:0;height:100svh;min-height:650px;overflow:hidden;background:#03090e}.poster,canvas,.shade{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.poster{object-position:center}canvas{opacity:0}.shade{background:linear-gradient(90deg,#02090c99 0%,transparent 70%),linear-gradient(0deg,#050b10 0%,transparent 24%);pointer-events:none}.hero-copy{position:absolute;left:6%;top:50%;transform:translateY(-42%);max-width:85%;will-change:opacity,transform}.hero-copy .eyebrow{margin-bottom:28px;color:#e3e9ed}.intro{margin:28px 0;color:#b8c3cb;font-size:19px}.button{display:inline-flex;align-items:center;gap:38px;padding:16px 23px;background:var(--paper);color:var(--ink);font-weight:700;text-decoration:none;font-size:14px;transition:background .2s}.button:hover{background:var(--blue)}.reveal-copy{position:absolute;left:6%;top:22%;opacity:0}.reveal-copy .eyebrow{margin-bottom:20px}.reveal-copy h2{font-size:clamp(44px,6vw,90px)}.story-footer{position:absolute;bottom:35px;left:6%;right:6%;display:flex;align-items:center;justify-content:space-between;font-size:12px;text-transform:uppercase;letter-spacing:.14em}.story-footer a{text-underline-offset:6px}.scroll-cue{display:flex;align-items:center;gap:16px}.scroll-cue i{height:38px;width:1px;background:#fff}.progress{position:absolute;bottom:0;left:0;height:2px;background:var(--blue);width:0}.section{padding:100px 6%;scroll-margin-top:30px}.section-top{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #ffffff40;padding-top:20px}.caption{font-size:14px;color:var(--silver)}.section-title{display:flex;align-items:end;justify-content:space-between;margin:50px 0}.section-title p{color:var(--silver);font-size:18px;max-width:260px}.beer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.beer-card{--beer:var(--blue)}.beer-image{height:440px;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 90%,color-mix(in srgb,var(--beer) 15%,#070c10),#080e13 65%);overflow:hidden}.beer-image img{height:92%;width:100%;object-fit:contain;transition:transform .6s}.beer-card:hover img{transform:translateY(-8px) rotate(-2deg)}.beer-meta{border-top:2px solid var(--beer);margin-top:20px;padding-top:18px;display:flex;justify-content:space-between;gap:12px}.beer-meta h3{font-size:40px;text-transform:uppercase}.beer-meta p{font-size:14px;color:var(--silver);margin-top:8px}.abv{color:var(--beer);font-size:20px}.beer-note{font-size:13px;color:#94a1aa;margin-top:18px}.next{display:grid;grid-template-columns:1fr 1.1fr;gap:8%;background:#0a131a;align-items:center}.next-art{min-height:570px;position:relative;display:grid;place-items:center;overflow:hidden;background:linear-gradient(#07152233,#050b1088),url('assets/background.webp') center/cover;border:1px solid #ffffff15}.next-art img{width:45%;z-index:1;filter:drop-shadow(0 20px 40px #000)}.next-art span{position:absolute;font-family:var(--display);font-size:clamp(70px,9vw,150px);line-height:.95;color:#ffffff0d;transform:rotate(-90deg);white-space:nowrap}.status{text-transform:uppercase;color:var(--blue);font-size:14px;letter-spacing:.14em;margin:45px 0 18px}.next-copy h2{font-size:clamp(44px,4.9vw,76px)}.next-copy>p:not(.eyebrow):not(.status){color:var(--silver);margin:28px 0;max-width:43ch}.text-link{text-underline-offset:9px;font-size:15px}.find{padding-top:120px;padding-bottom:120px}.find-layout{display:grid;grid-template-columns:1.25fr 1fr;gap:8%;margin-top:42px;align-items:center}.find-layout p{max-width:40ch;color:var(--silver);margin-bottom:28px}.socials{display:flex;gap:30px;font-size:14px;margin-top:32px}.socials a{text-underline-offset:6px}.footer{padding:50px 6% 30px;border-top:1px solid #ffffff30}.footer>img{width:100%;opacity:.8;margin:0 auto 45px}.footer>div{display:flex;justify-content:space-between;font-size:12px;color:#aab6bf;gap:20px}.footer a{text-decoration:none}
@media(min-width:1800px){.section,.nav{padding-left:max(6%,calc((100vw - 1600px)/2));padding-right:max(6%,calc((100vw - 1600px)/2))}}
@media(max-width:800px){.nav{height:80px;padding:14px 5%}.brand img:last-child{width:140px}.brand img:first-child{height:37px;width:29px}.nav nav{gap:18px}.nav nav>a:not(.nav-cta){display:none}.nav-cta{padding:7px 12px}.nav-cta span{padding-left:10px}.stage{min-height:650px}.poster{object-position:67% center}.shade{background:linear-gradient(0deg,#050b10 0%,#050b10a0 40%,#050b1020 80%)}.hero-copy{top:auto;bottom:110px;transform:none;left:6%}.hero-copy h1{font-size:clamp(54px,11vw,88px)}.hero-copy .eyebrow{font-size:11px;margin-bottom:16px}.intro{margin:16px 0;font-size:16px}.story-footer{font-size:10px;gap:14px;bottom:25px}.scroll-cue{display:none}.reveal-copy{top:16%}.section{padding:65px 6%}.section-title{display:block;margin:32px 0}.section-title p{margin-top:24px;font-size:16px}.caption{display:none}.beer-grid{gap:14px}.beer-image{height:270px}.beer-meta{display:block}.beer-meta h3{font-size:26px}.beer-meta p{font-size:12px}.abv{font-size:16px;display:block;margin-top:8px}.beer-note{font-size:12px}.next{grid-template-columns:1fr;gap:40px}.next-art{min-height:350px}.next-art img{height:220px;width:auto}.next-copy h2{font-size:clamp(40px,9vw,72px)}.status{margin-top:25px}.find-layout{grid-template-columns:1fr;gap:32px}.footer>div{flex-wrap:wrap}.footer>img{margin-bottom:25px}}
@media(max-width:460px){.beer-grid{grid-template-columns:1fr}.beer-card{display:grid;grid-template-columns:46% 1fr;column-gap:20px}.beer-image{height:255px;grid-row:span 2}.beer-meta{margin-top:0;padding-top:22px}.beer-meta h3{font-size:36px}.beer-note{margin:0}.section-title h2{font-size:43px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.story{height:100svh}.stage{position:relative}.hero-copy{opacity:1!important}.reveal-copy{display:none}.beer-image img{transition:none}canvas{display:none}.progress{display:none}}

/* CSS-driven can entrance: works after a static Netlify deployment. */
.beer-image.can-drop-in img{animation:can-drop .92s cubic-bezier(.2,.7,.3,1) both;will-change:transform,opacity}.beer-card:nth-child(2) .beer-image.can-drop-in img{animation-delay:.145s}.beer-card:nth-child(3) .beer-image.can-drop-in img{animation-delay:.285s}@keyframes can-drop{0%{transform:translateY(-115%) rotate(-4deg);opacity:0}14%{opacity:1}62%{transform:translateY(0) rotate(0)}80%{transform:translateY(-7%) rotate(.7deg)}93%{transform:translateY(0) rotate(0)}97%{transform:translateY(-1%)}100%{transform:translateY(0);opacity:1}}

h1,h2,h3{font-weight:400;letter-spacing:0}.next-art span{font-weight:400}


.beer-image{position:relative}.beer-image img{position:absolute;inset:4% 0;width:100%;height:92%;min-height:0;object-fit:contain}


.abv{white-space:nowrap}.beer-meta{flex-wrap:wrap}


.motion-toggle{font:inherit;text-transform:inherit;letter-spacing:inherit;color:inherit;background:none;border:0;border-bottom:1px solid #ffffff70;padding:6px 0;cursor:pointer}.motion-toggle:focus-visible{outline:2px solid var(--blue);outline-offset:5px}@media(max-width:800px){.story-footer{flex-wrap:wrap}.story-label{display:none}}@media(prefers-reduced-motion:reduce){.allow-motion .stage{position:sticky}.allow-motion canvas{display:block}.allow-motion .hero-copy{opacity:var(--hero-opacity,1)!important}.allow-motion .reveal-copy{display:block}.allow-motion .progress{display:block}}


@media(min-width:801px) and (max-aspect-ratio: 1.45){.reveal-copy{top:12%}}


.distribution-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;border-top:1px solid #ffffff30;margin-top:65px;padding-top:40px}.distribution-grid h3{font-size:36px;margin:20px 0}.distribution-grid p:not(.eyebrow){color:var(--silver);max-width:46ch;margin-bottom:24px}.locator-note{font-size:13px!important;margin-top:20px}.relaunch{background:#0a131a}.relaunch h2{font-size:clamp(40px,5vw,76px)}.questions h2{margin:30px 0 45px}.faq-list{max-width:1000px}.faq-list details{border-top:1px solid #ffffff30;padding:24px 0}.faq-list summary{font-size:20px;cursor:pointer}.faq-list details p{color:var(--silver);max-width:70ch;padding-top:18px}.faq-list a{text-underline-offset:4px}.questions .socials{flex-wrap:wrap}.section-title>p{max-width:34ch}.beer-note{line-height:1.7}@media(max-width:800px){.distribution-grid{grid-template-columns:1fr;gap:35px}.distribution-grid h3{font-size:32px}.faq-list summary{font-size:18px}.beer-note{padding-bottom:20px}}