[data-sig="brewery-pour"]{height:170dvh;background:var(--dark);color:var(--foam);--pour:0;--reveal:0}[data-sig="brewery-pour"] .pour-stage{height:calc(100dvh - 0px);position:sticky;top:0;overflow:hidden}[data-sig="brewery-pour"] .empty,[data-sig="brewery-pour"] .full{position:absolute;inset:0;height:100%;width:100%;object-fit:cover;object-position:50% 50%}[data-sig="brewery-pour"] .filled-frame{position:absolute;inset:0;clip-path:inset(calc(78% - var(--pour)*56%) 35% 19% 35%)}[data-sig="brewery-pour"] .hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(19,24,21,.83),rgba(19,24,21,.05) 75%)}[data-sig="brewery-pour"] .hero-copy{position:absolute;left:6.5%;top:18%;width:30%}[data-sig="brewery-pour"] .hero-copy>p:first-child{font-size:15px;margin-bottom:24px}[data-sig="brewery-pour"] h1{font-size:clamp(80px,9vw,130px);letter-spacing:-.03em}[data-sig="brewery-pour"] .hero-copy>p:not(:first-child){font-size:29px;line-height:1.3;margin:24px 0 32px}[data-sig="brewery-pour"] .button{color:var(--foam);border-color:var(--lager)}[data-sig="brewery-pour"] .hero-beers{position:absolute;right:5%;top:31%;width:24%;opacity:var(--reveal);transform:translateX(calc((1 - var(--reveal))*24px))}[data-sig="brewery-pour"] .hero-beers>div{padding:16px 0;border-bottom:1px solid #f5f0e44d}[data-sig="brewery-pour"] .hero-beers p{font-size:15px;color:var(--foam);margin-top:8px}[data-sig="brewery-pour"] .pour-caption{position:absolute;left:6.5%;bottom:36px;font-family:var(--display);font-size:18px}[data-sig="brewery-pour"] .foam-line{position:absolute;left:41%;width:18%;top:calc(78% - var(--pour)*56%);height:5px;background:#f5f0e4d0;border-radius:50%;opacity:calc(var(--pour)*.7)}@media(max-width:700px){[data-sig="brewery-pour"]{height:140dvh}[data-sig="brewery-pour"] .pour-stage{height:calc(100dvh - 56px);min-height:660px}[data-sig="brewery-pour"] .empty,[data-sig="brewery-pour"] .full{object-position:50% 50%}[data-sig="brewery-pour"] .hero-shade{background:linear-gradient(180deg,rgba(19,24,21,.8),rgba(19,24,21,.12) 75%)}[data-sig="brewery-pour"] .hero-copy{top:24px;left:24px;width:calc(100% - 48px)}[data-sig="brewery-pour"] .hero-copy>p:first-child{font-size:13px;margin-bottom:8px}[data-sig="brewery-pour"] h1{font-size:76px}[data-sig="brewery-pour"] .hero-copy>p:not(:first-child){font-size:19px;line-height:1.3;margin:12px 0 16px;max-width:180px}[data-sig="brewery-pour"] .hero-copy br{display:none}[data-sig="brewery-pour"] .hero-beers{right:24px;left:24px;top:auto;bottom:28px;width:auto;display:flex;gap:12px}[data-sig="brewery-pour"] .hero-beers>div{flex:1;min-width:0;background:rgba(32,37,35,.82);padding:12px 8px;border-bottom:0}[data-sig="brewery-pour"] .hero-beers h3{font-size:18px}[data-sig="brewery-pour"] .hero-beers p{font-size:11px}[data-sig="brewery-pour"] .pour-caption{display:none}[data-sig="brewery-pour"] .filled-frame{clip-path:inset(calc(78% - var(--pour)*56%) 18% 19% 18%)}[data-sig="brewery-pour"] .foam-line{left:21%;width:58%}}@media(prefers-reduced-motion:reduce){[data-sig="brewery-pour"]{height:auto;--pour:1!important;--reveal:1!important}[data-sig="brewery-pour"] .pour-stage{position:relative}[data-sig="brewery-pour"] .hero-beers{transform:none}}
[data-sig="brewery-pour"] .foam-line{display:none}[data-sig="brewery-pour"] .foam-plate{position:absolute;inset:0;pointer-events:none}[data-sig="brewery-pour"] .foam-plate img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}[data-sig="brewery-pour"] .tap-stream{position:absolute;left:50%;top:0;width:5px;background:var(--lager);opacity:0;pointer-events:none}@media(prefers-reduced-motion:reduce){[data-sig="brewery-pour"] .foam-plate,[data-sig="brewery-pour"] .tap-stream{display:none}}
.worst-content [data-sig="brewery-pour"] h1{font-size:60px;overflow-wrap:anywhere}@media(max-width:700px){.worst-content [data-sig="brewery-pour"] h1{font-size:34px;max-width:300px}}
@supports(animation-timeline:view()){
[data-sig="brewery-pour"]{view-timeline-name:--pour-scene;view-timeline-axis:block}
[data-sig="brewery-pour"] .hero-beers{animation:beer-names linear both;animation-timeline:--pour-scene;animation-range:contain 25% contain 75%}
@keyframes beer-names{from{opacity:0;transform:translateX(24px)}to{opacity:1;transform:translateX(0)}}
}
@media(prefers-reduced-motion:reduce){[data-sig="brewery-pour"] .hero-beers{animation:none;opacity:1;transform:none}}