:root{--ground:#272B2E;--ground-rgb:39,43,46;--ground-deep:#1D2124;--ground-deep-rgb:29,33,36;--panel:#32383C;--panel-rgb:50,56,60;--concrete:#C6CBCC;--concrete-rgb:198,203,204;--chalk:#E8ECEC;--chalk-rgb:232,236,236;--ink:#1B1F22;--ink-rgb:27,31,34;--plum:#2A0F1E;--plum-rgb:42,15,30;--cream:#FFF3E8;--cream-rgb:255,243,232;--gold:#FFC42E;--gold-rgb:255,196,46;--mint:#7FE6C3;--mint-rgb:127,230,195;--sky:#9BD6FF;--sky-rgb:155,214,255;--lilac:#E3C4FF;--lilac-rgb:227,196,255;--brew:#FFC42E;--brew-rgb:255,196,46;--tin:#DCCFD6;--tin-rgb:220,207,214;--tin-deep:#8E7B86;--tin-deep-rgb:142,123,134;--chalk-dim:rgba(var(--chalk-rgb),0.72);--ink-dim:rgba(var(--ink-rgb),0.72);--rule-chalk:rgba(var(--chalk-rgb),0.30);--rule-ink:rgba(var(--ink-rgb),0.30);--font-display:'Passion One','Arial Narrow',sans-serif;--font-body:'Gantari','Helvetica Neue',sans-serif;--font-mono:'Xanh Mono','Courier New',monospace;--step-display:clamp(2.85rem,min(9vw,13svh),6rem);--step-h2:clamp(2.1rem,4.6vw,3.4rem);--step-brew:clamp(1.45rem,2.3vw,1.9rem);--step-num:clamp(4.6rem,8.5vw,7.5rem);--step-body:clamp(1rem,1.15vw,1.125rem);--step-fine:0.6875rem;--ease-out:cubic-bezier(0.16,1,0.3,1);--wrap:74rem;--gutter:clamp(1.25rem,4vw,3.5rem);--section-y:clamp(4rem,9vw,7.5rem);--nav-h:60px;color-scheme:dark}*{margin:0;padding:0;box-sizing:border-box}html,body{overflow-x:clip}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--nav-h) + 12px)}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{font-family:var(--font-body);background:var(--ground);color:var(--chalk);font-size:var(--step-body);line-height:1.6;-webkit-font-smoothing:antialiased}::selection{background:var(--brew);color:var(--plum)}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:var(--ground-deep)}::-webkit-scrollbar-thumb{background:var(--chalk);border-radius:6px;border:3px solid var(--ground-deep)}a{color:inherit}:focus-visible{outline:3px solid var(--chalk);outline-offset:3px;border-radius:2px}.taproom:focus-visible{outline-color:var(--ink)}.wrap{max-width:var(--wrap);margin-inline:auto;padding-inline:var(--gutter)}.eyebrow{font-family:var(--font-mono);font-size:var(--step-fine);letter-spacing:0.22em;text-transform:uppercase;display:flex;align-items:center;gap:0.75rem}.eyebrow::before{content:'';width:2rem;height:2px;background:var(--brew);flex:none}.section-title{font-family:var(--font-display);font-weight:900;font-size:var(--step-h2);line-height:0.95;text-transform:uppercase;letter-spacing:0.01em;margin:0.75rem 0 1rem}.has-js [data-hero-fade],.has-js [data-reveal],.has-js [data-reveal-num]{opacity:0}.has-js [data-reveal-group] > *{opacity:0}.has-js [data-wordmark]{opacity:0}@media (prefers-reduced-motion:reduce){.has-js [data-hero-fade],.has-js [data-reveal],.has-js [data-reveal-num],.has-js [data-wordmark],.has-js [data-reveal-group] > *{opacity:1;transform:none}}.nav{position:fixed;top:0;left:0;right:0;z-index:40;height:var(--nav-h);display:flex;align-items:center;gap:1.5rem;padding-inline:var(--gutter);background:var(--ground-deep);border-bottom:1px solid var(--rule-chalk)}.nav-wordmark{font-family:var(--font-display);font-weight:700;font-size:1.3rem;text-transform:uppercase;letter-spacing:0.03em;text-decoration:none}.nav-links{display:flex;gap:1.4rem;margin-left:auto}.nav-links a{font-family:var(--font-mono);font-size:var(--step-fine);letter-spacing:0.18em;text-transform:uppercase;text-decoration:none}.nav-links a:hover{text-decoration:underline;text-underline-offset:4px}.nav-cta{font-family:var(--font-mono);font-size:var(--step-fine);letter-spacing:0.14em;text-transform:uppercase;text-decoration:none;background:var(--brew);color:var(--plum);padding:0.5rem 0.9rem;border-radius:999px;white-space:nowrap}.nav-cta:hover{background:var(--chalk)}@media (max-width:720px){.nav-links{display:none}.nav-cta{margin-left:auto}}.hero{position:relative;min-height:max(540px,100svh);display:flex;align-items:center;padding:calc(var(--nav-h) + 1rem) 0 1.5rem}.hero-inner{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,0.95fr);align-items:center;gap:0;width:100%;max-width:var(--wrap);margin-inline:auto;padding-inline:var(--gutter)}.hero-copy{position:relative;z-index:1}.hero-title{font-family:var(--font-display);font-weight:900;font-size:var(--step-display);line-height:0.88;text-transform:uppercase;letter-spacing:0.005em;margin:1.2rem 0 1.4rem}.hero-title .hero-line{display:block}.hero-line--brew{color:var(--brew)}.hero-sub{max-width:34ch;margin-bottom:1.8rem;color:var(--chalk-dim)}.hero-actions{display:flex;flex-wrap:wrap;gap:0.9rem;margin-bottom:2.2rem}.btn{font-family:var(--font-mono);font-size:0.8rem;letter-spacing:0.14em;text-transform:uppercase;text-decoration:none;padding:0.85rem 1.4rem;border-radius:999px;display:inline-block}.btn--fill{background:var(--brew);color:var(--plum)}.btn--fill:hover{background:var(--chalk)}.btn--line{border:2px solid var(--chalk)}.btn--line:hover{background:var(--chalk);color:var(--ground-deep)}.hero-meta{font-family:var(--font-mono);font-size:var(--step-fine);letter-spacing:0.2em;text-transform:uppercase;display:flex;flex-wrap:wrap;gap:0.4rem 1.1rem;color:var(--chalk-dim)}.hero-meta span::after{content:' \00B7'}.hero-meta span:last-child::after{content:''}.hero-stage{position:relative;z-index:2;text-align:center;margin-left:clamp(-8rem,-8vw,-1.5rem)}.stage-line{position:absolute;left:-6%;right:0;bottom:158px;height:1px;background:var(--rule-chalk);pointer-events:none}.stage-line::after{content:'';position:absolute;right:4%;bottom:2px;width:120px;height:7px;background:repeating-linear-gradient(-45deg,var(--brew) 0 9px,transparent 9px 18px)}.can-stage{position:relative;display:inline-block;background:none;border:0;color:inherit;cursor:grab;touch-action:pan-y;padding:0}.can-stage:active{cursor:grabbing}.can-stage .can{--can-w:clamp(150px,calc((100svh - 330px) / 2.21),330px)}.can-stage .can-tilt{display:block;will-change:transform}.can-shadow{margin:1.1rem auto 0;width:78%;height:clamp(20px,3vw,34px);border-radius:50%;background:radial-gradient(closest-side,rgba(0,0,0,0.55),transparent 74%)}.drag-hint{font-family:var(--font-mono);font-size:var(--step-fine);letter-spacing:0.22em;text-transform:uppercase;margin-top:1.2rem;color:var(--chalk-dim)}.hero-brews{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0.6rem;margin:1.4rem auto 0;max-width:27rem}.brew-tab{font-family:var(--font-mono);font-size:var(--step-fine);letter-spacing:0.12em;text-transform:uppercase;background:none;border:1px solid var(--rule-chalk);border-radius:999px;color:var(--chalk);padding:0.45rem 0.85rem;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:0.5rem;white-space:nowrap}.brew-tab::before{content:'';width:9px;height:9px;border-radius:50%;background:var(--chip,var(--gold))}.brew-tab:hover{border-color:var(--chalk)}.brew-tab[aria-pressed="true"]{background:var(--chip,var(--gold));border-color:var(--chip,var(--gold));color:var(--plum)}.brew-tab[aria-pressed="true"]::before{background:var(--plum)}.hero-stencil{position:absolute;right:clamp(0.5rem,1.4vw,1.4rem);top:50%;transform:translateY(-50%) rotate(180deg);writing-mode:vertical-rl;font-family:var(--font-mono);font-size:var(--step-fine);letter-spacing:0.34em;text-transform:uppercase;color:var(--chalk-dim);pointer-events:none}@media (max-width:900px){.hero-inner{display:flex;flex-direction:column;gap:1rem}.hero-copy{display:contents}.hero-copy .eyebrow{order:0}.hero-title{order:1;margin-bottom:0.4rem}.hero-stage{order:2;margin-left:0}.hero-sub{order:3;margin-top:1.6rem}.hero-actions{order:4;margin-bottom:1rem}.hero-meta{order:5}.hero-stage .can-stage .can,.can-stage .can{--can-w:clamp(120px,calc((100svh - 490px) / 2.21),200px)}.hero-stencil{display:none}.stage-line{left:4%;right:4%}}.can{--can-w:300px;width:var(--can-w);display:block;position:relative;user-select:none;-webkit-user-select:none;-webkit-user-drag:none}.can *{-webkit-user-drag:none}.can-lid{display:block;height:calc(var(--can-w) * 0.10);margin-inline:calc(var(--can-w) * 0.045);border-radius:50% / 100% 100% 22% 22%;background:linear-gradient(90deg,var(--tin-deep),var(--tin) 28%,var(--cream) 46%,var(--tin) 62%,var(--tin-deep));border-bottom:2px solid rgba(var(--plum-rgb),0.35)}.can-body{display:block;position:relative;height:calc(var(--can-w) * 2.05);border-radius:calc(var(--can-w) * 0.075) / calc(var(--can-w) * 0.035);overflow:hidden;background:var(--brew);box-shadow:0 26px 60px rgba(0,0,0,0.5)}.can-base{display:block;height:calc(var(--can-w) * 0.06);margin-inline:calc(var(--can-w) * 0.06);border-radius:0 0 50% 50%;background:linear-gradient(90deg,var(--tin-deep),var(--tin) 42%,var(--tin) 58%,var(--tin-deep))}.can-label{display:block;position:absolute;inset:0;overflow:hidden}.label-strip{display:flex;height:100%;width:max-content;will-change:transform}.label-copy{display:block;flex:none;height:100%;aspect-ratio:440 / 560}.label-copy svg{display:block;width:100%;height:100%}.can-shade{display:block;position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(var(--plum-rgb),0.48),rgba(var(--plum-rgb),0.14) 13%,transparent 30%,rgba(var(--cream-rgb),0.16) 45%,transparent 60%,rgba(var(--plum-rgb),0.16) 84%,rgba(var(--plum-rgb),0.52))}.can-spec{display:block;position:absolute;top:0;bottom:0;left:0;width:20%;pointer-events:none;transform:translateX(90%) skewX(-5deg);background:linear-gradient(90deg,transparent,rgba(var(--cream-rgb),0.42) 50%,transparent)}.can-streak{display:block;position:absolute;inset:0;pointer-events:none;opacity:0;background:repeating-linear-gradient(90deg,rgba(var(--cream-rgb),0.38) 0 2px,transparent 2px 16px);filter:blur(1px)}.lbl-name{font-family:var(--font-display);font-weight:900;text-transform:uppercase;fill:var(--plum)}.lbl-mono{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:0.18em;fill:var(--plum)}.lineup{position:relative;padding:var(--section-y) 0 calc(var(--section-y) * 1.1);border-top:1px solid var(--rule-chalk)}.lineup-head{margin-bottom:3rem;max-width:40rem}.lineup-head p:not(.eyebrow){color:var(--chalk-dim)}.brew-list{list-style:none}.brew{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:0 clamp(1.2rem,3vw,2.5rem);align-items:start;border-top:1px solid var(--rule-chalk);padding:1.3rem 0 1.3rem 1.1rem}.brew:last-child{border-bottom:1px solid var(--rule-chalk)}.brew-index{font-family:var(--font-mono);font-size:var(--step-fine);letter-spacing:0.18em;color:var(--chalk-dim);padding-top:0.45rem}.brew::before{content:'';position:absolute;left:0;top:0.9rem;bottom:0.9rem;width:4px;background:var(--chip,var(--gold));opacity:0;transition:opacity 0.25s var(--ease-out)}.brew.is-active::before{opacity:1}.brew-head{display:flex;align-items:baseline;flex-wrap:wrap;gap:0.6rem 1rem}.brew-select{background:none;border:0;color:inherit;cursor:pointer;font-family:var(--font-display);font-weight:700;font-size:var(--step-brew);line-height:1;text-transform:uppercase;letter-spacing:0.02em;padding:0;text-align:left}.brew-select:hover{color:var(--chip,var(--gold))}.brew-style{font-family:var(--font-mono);font-size:var(--step-fine);letter-spacing:0.18em;text-transform:uppercase;color:var(--chalk-dim)}.brew-chip{font-family:var(--font-mono);font-size:var(--step-fine);letter-spacing:0.1em;background:var(--chip,var(--gold));color:var(--plum);border-radius:999px;padding:0.2rem 0.65rem;white-space:nowrap}.brew-price{font-family:var(--font-mono);font-size:0.85rem;letter-spacing:0.08em;justify-self:end;padding-top:0.3rem;white-space:nowrap}.brew-notes{margin-top:0.5rem;max-width:52ch;color:var(--chalk-dim)}@media (max-width:560px){.brew{grid-template-columns:auto minmax(0,1fr)}.brew-price{grid-column:2;justify-self:start;padding-top:0.4rem}}.taproom{background:var(--concrete);color:var(--ink);padding:var(--section-y) 0}.taproom-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,0.8fr);gap:clamp(2rem,5vw,5rem);align-items:center;max-width:calc(var(--wrap) + var(--gutter));margin-left:0;margin-right:auto;padding-right:var(--gutter)}.floorplan{min-width:0}.floorplan svg{display:block;width:100%;height:auto}.fp-line{fill:none;stroke:var(--ink);stroke-width:3}.fp-thin{fill:none;stroke:var(--ink);stroke-width:1.5}.fp-fill{fill:var(--ink)}.fp-brew{fill:var(--brew);stroke:var(--ink);stroke-width:3}.fp-label{font-family:var(--font-mono);font-size:13px;letter-spacing:0.14em;text-transform:uppercase;fill:var(--ink)}.taproom-copy .eyebrow::before{background:var(--ink)}.hours{list-style:none;margin:1.4rem 0 1.6rem;max-width:22rem}.hours li{display:flex;justify-content:space-between;gap:1rem;font-family:var(--font-mono);font-size:0.9rem;letter-spacing:0.06em;padding:0.45rem 0;border-bottom:1px solid var(--rule-ink)}.hours li span:first-child{text-transform:uppercase}.taproom-note{color:var(--ink-dim);max-width:40ch}.taproom-address{font-family:var(--font-mono);font-size:0.85rem;letter-spacing:0.08em;margin-top:1.4rem;font-style:normal;line-height:1.9}@media (max-width:900px){.taproom-grid{grid-template-columns:1fr;padding-left:var(--gutter)}.floorplan{order:2}}.process{background:var(--ground-deep);padding:var(--section-y) 0 calc(var(--section-y) * 1.2)}.process-head{max-width:40rem;margin-bottom:5rem}.process-lede{color:var(--chalk-dim)}.steps{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(1rem,2.4vw,2rem);align-items:stretch}.step{position:relative;background:var(--panel);border-radius:10px;padding:3.6rem 1.4rem 1.6rem;margin-top:2.6rem;box-shadow:0 18px 40px rgba(0,0,0,0.45)}.step:nth-child(even){margin-top:4.4rem}.step-num{position:absolute;top:0;left:0.4rem;transform:translateY(-58%);font-family:var(--font-display);font-weight:900;font-size:var(--step-num);line-height:1;color:var(--brew);text-shadow:0 14px 28px rgba(0,0,0,0.6);pointer-events:none}.step-title{font-family:var(--font-display);font-weight:700;font-size:1.5rem;text-transform:uppercase;letter-spacing:0.02em;margin-bottom:0.5rem}.step-body{color:var(--chalk-dim);font-size:0.98rem}.step-fine{display:block;margin-top:1.1rem;font-family:var(--font-mono);font-size:var(--step-fine);letter-spacing:0.18em;text-transform:uppercase;color:var(--chalk-dim)}@media (max-width:900px){.steps{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:560px){.steps{grid-template-columns:1fr}.step,.step:nth-child(even){margin-top:3rem}.process-head{margin-bottom:4rem}}.visit{position:relative;padding:var(--section-y) 0 0;overflow:clip}.visit-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,0.9fr);gap:clamp(2rem,5vw,5rem);margin-bottom:4rem}.visit-title{max-width:14ch}.visit-lede{max-width:42ch;margin-bottom:1.6rem;color:var(--chalk-dim)}.visit-mail{font-family:var(--font-mono);font-size:clamp(1rem,2vw,1.35rem);letter-spacing:0.06em;text-decoration-thickness:2px;text-underline-offset:6px;overflow-wrap:anywhere}.visit-mail:hover{color:var(--brew)}.visit-block{margin-bottom:1.6rem}.visit-block h3{font-family:var(--font-mono);font-weight:400;font-size:var(--step-fine);letter-spacing:0.22em;text-transform:uppercase;margin-bottom:0.5rem;color:var(--chalk-dim)}.visit-block p,.visit-block address{font-family:var(--font-mono);font-style:normal;font-size:0.9rem;letter-spacing:0.05em;line-height:1.9}.visit-block a{text-underline-offset:4px}.visit-block a:hover{color:var(--brew)}.footer-legal{font-family:var(--font-mono);font-size:var(--step-fine);letter-spacing:0.12em;text-transform:uppercase;border-top:1px solid var(--rule-chalk);padding-top:1.4rem;color:var(--chalk-dim)}.footer-wordmark .fw-letter{display:inline-block;will-change:transform}.footer-wordmark .fw-dot{color:var(--brew)}.footer-wordmark{display:block;font-family:var(--font-display);font-weight:900;font-size:clamp(2.6rem,12.5vw,12.5rem);line-height:0.8;text-transform:uppercase;letter-spacing:0.01em;text-align:center;white-space:nowrap;margin-top:2.5rem;margin-bottom:calc(clamp(2.6rem,12.5vw,12.5rem) * -0.34);pointer-events:none}@media (max-width:720px){.visit-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.can-stage{cursor:default}.can-stage .can-tilt{transform:rotate(-4deg)}.can-stage .can-spec{transform:translateX(160%) skewX(-5deg)}.can-streak,.drag-hint{display:none}}@media (max-width:480px){.tab-abv{display:none}.brew-tab{padding:0.45rem 0.6rem;letter-spacing:0.08em}}