.beer-loader{display:none}
html[data-beer-loading] .beer-loader{position:fixed;inset:0;z-index:1100;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:radial-gradient(ellipse at 50% 42%,#392d44 0%,#231c29 45%,#17131b 85%);color:#f6eff8;text-align:center;padding:24px;opacity:1;transition:opacity .24s ease;overflow:hidden}
html[data-beer-loading] {overflow:hidden}
html[data-beer-loading] .site-page,html[data-beer-loading] .skip{visibility:hidden}
.beer-loader__brand{width:74px;height:70px;object-fit:contain;margin-bottom:8px}
.beer-loader__glass{position:relative;width:116px;height:319px;flex:none;filter:drop-shadow(0 15px 24px #0005)}
.beer-loader__glass img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.beer-loader__pour{clip-path:inset(100% 0 0);animation:beer-fill 1.6s cubic-bezier(.3,.12,.32,1) forwards;will-change:clip-path}
.beer-loader__title{margin:8px 0 0;font-size:clamp(23px,6vw,30px);font-weight:800;letter-spacing:-1px;color:#dfbb7e}
.beer-loader__copy{margin:0;font-size:13px;color:#c7bbcc}
@keyframes beer-fill{from{clip-path:inset(100% 0 0)}to{clip-path:inset(0% 0 0)}}
html[data-beer-loading="leaving"] .beer-loader{opacity:0;pointer-events:none}
html[data-beer-loading="leaving"] .site-page{visibility:visible}
@media(max-height:620px){.beer-loader__glass{width:82px;height:225px}html[data-beer-loading] .beer-loader{gap:10px}.beer-loader__brand{width:58px;height:55px;margin:0}}
@media(prefers-reduced-motion:reduce){html[data-beer-loading] .beer-loader{display:none}html[data-beer-loading] .site-page,html[data-beer-loading] .skip{visibility:visible}html[data-beer-loading]{overflow:auto}}