.hero-logo{opacity:.52;filter:saturate(.9) contrast(1.08);object-position:center 52%}
.hero-visual::after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(24,29,25,.08),rgba(24,29,25,.56));pointer-events:none}
.hero-visual .dish,.hero-visual .orbit{z-index:2}

.beer-choice img,.beer-choice[data-beer="1"] img{object-fit:contain!important;object-position:center!important;transform:none!important;padding:2px}
.beer-choice[data-beer="1"] img,.beer-choice[data-beer="3"] img{padding:0}

.beer-visual-3d{position:relative;width:min(270px,100%);height:390px;margin:auto;display:grid;place-items:center;perspective:900px}
.beer-glass-3d{position:relative;width:190px;height:315px;overflow:hidden;border:2px solid rgba(255,255,255,.7);border-top-width:5px;border-radius:18px 18px 52px 52px;background:linear-gradient(100deg,rgba(255,255,255,.16),rgba(255,255,255,.02) 35%,rgba(255,255,255,.12) 72%,rgba(255,255,255,.25));box-shadow:inset 12px 0 18px rgba(255,255,255,.12),inset -12px 0 20px rgba(0,0,0,.17),0 35px 38px rgba(0,0,0,.34);transform:rotateY(-7deg) rotateX(2deg)}
.beer-glass-3d::before{content:"";position:absolute;z-index:8;inset:8px 9px 10px;border-radius:12px 12px 42px 42px;box-shadow:inset 6px 0 10px rgba(255,255,255,.2),inset -8px 0 14px rgba(0,0,0,.16);pointer-events:none}
.beer-glass-3d::after{content:"";position:absolute;z-index:10;top:-7px;left:-4px;width:194px;height:18px;border:5px solid rgba(255,255,255,.75);border-radius:50%;background:rgba(255,255,255,.12);box-shadow:0 4px 8px rgba(0,0,0,.22);pointer-events:none}
.beer-liquid-3d{--beer-color:#e6b53f;position:absolute;z-index:2;left:7px;right:7px;bottom:7px;height:76%;overflow:hidden;border-radius:5px 5px 43px 43px;background:linear-gradient(90deg,color-mix(in srgb,var(--beer-color),#fff 12%),var(--beer-color) 38%,color-mix(in srgb,var(--beer-color),#4a2107 28%) 92%);box-shadow:inset 15px 0 18px rgba(255,255,255,.16),inset -18px 0 20px rgba(70,25,0,.24);transition:background .45s}
.beer-liquid-3d::before{content:"";position:absolute;top:-8px;left:0;right:0;height:18px;border-radius:50%;background:color-mix(in srgb,var(--beer-color),#fff 18%);box-shadow:0 5px 10px rgba(66,34,0,.18)}
.beer-liquid-3d.pour-3d{animation:pour3d .9s cubic-bezier(.2,.8,.2,1)}
@keyframes pour3d{0%{height:0}72%{height:80%}100%{height:76%}}
.beer-liquid-3d i{position:absolute;bottom:-18px;width:5px;height:5px;border-radius:50%;background:rgba(255,255,255,.72);animation:bubble 2.2s linear infinite}.beer-liquid-3d i:nth-child(1){left:20%;animation-delay:.2s}.beer-liquid-3d i:nth-child(2){left:38%;width:3px;height:3px;animation-delay:1.1s}.beer-liquid-3d i:nth-child(3){left:56%;animation-delay:.7s}.beer-liquid-3d i:nth-child(4){left:72%;width:4px;height:4px;animation-delay:1.6s}.beer-liquid-3d i:nth-child(5){left:84%;width:3px;height:3px;animation-delay:.4s}
@keyframes bubble{0%{transform:translateY(0);opacity:0}12%{opacity:.8}100%{transform:translateY(-230px);opacity:0}}
.beer-foam-3d{position:absolute;z-index:5;left:8px;right:8px;bottom:73%;height:39px;background:linear-gradient(#fffdf2,#f1e5c6);border-radius:50% 48% 30% 28%;filter:drop-shadow(0 4px 4px rgba(78,42,11,.18))}.beer-foam-3d span{position:absolute;border-radius:50%;background:#fffdf2}.beer-foam-3d span:nth-child(1){width:52px;height:37px;left:8px;top:-13px}.beer-foam-3d span:nth-child(2){width:72px;height:45px;left:49px;top:-22px}.beer-foam-3d span:nth-child(3){width:51px;height:34px;right:4px;top:-10px}
.beer-detail.beer-swap .beer-foam-3d{animation:foam-rise .9s cubic-bezier(.2,.8,.2,1)}
@keyframes foam-rise{0%{bottom:2%;opacity:0}72%{bottom:77%;opacity:1}100%{bottom:73%;opacity:1}}
.glass-shine{position:absolute;z-index:9;left:22px;top:38px;width:16px;height:190px;border-radius:99px;background:linear-gradient(rgba(255,255,255,.62),rgba(255,255,255,.03));filter:blur(1px)}
.glass-shadow{position:absolute;bottom:23px;width:210px;height:35px;border-radius:50%;background:rgba(0,0,0,.4);filter:blur(11px);transform:rotate(-2deg)}
.pour-label{position:absolute;z-index:12;bottom:0;left:50%;transform:translateX(-50%);padding:7px 13px;border-radius:99px;background:var(--peach);color:var(--ink);font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.12em}
.beer-detail.beer-swap .beer-copy{animation:copy-in .45s ease}

@media(max-width:560px){.beer-visual-3d{height:310px}.beer-glass-3d{width:150px;height:250px}.beer-glass-3d::after{width:154px}.beer-foam-3d{height:31px}.glass-shine{height:145px}.beer-foam-3d span:nth-child(1){width:42px}.beer-foam-3d span:nth-child(2){width:57px;left:39px}.beer-foam-3d span:nth-child(3){width:41px}.glass-shadow{width:170px}}
@media(prefers-reduced-motion:reduce){.beer-liquid-3d i,.beer-liquid-3d.pour-3d{animation:none}}