/* Two isolated surfaces: selected hero halo and the final brand signature. */
.depth-hero .hero-beer-orb{width:164%;aspect-ratio:.94;top:49%;scale:.94;filter:none;overflow:visible;transition:opacity 1s ease,scale 1.4s cubic-bezier(.2,.7,.2,1)}
.depth-hero .hero-beer-orb:before{inset:0;border-radius:50%;background:radial-gradient(ellipse at 45% 40%,transparent 37%,#e9d6a31a 48%,#b79b6059 59%,#f7e8bd59 63%,#c0a77626 67%,transparent 73%);mask-image:none;mix-blend-mode:normal;opacity:.8;animation:none;transform:rotate(-12deg) scaleX(.98)}
.depth-hero .hero-beer-orb:after{inset:8% 4%;border:0;border-radius:50%;background:conic-gradient(from 205deg,transparent 0 12%,#a88e5540 21%,#e0cd9a6b 30%,transparent 43% 64%,#fff8e252 73%,#b49a6238 81%,transparent 92%);mask-image:radial-gradient(ellipse,transparent 57%,#0008 62%,#000 64%,#0005 66%,transparent 70%);box-shadow:none;animation:scads-halo-light 14s ease-in-out infinite alternate;opacity:.65}
.depth-hero .hero-object.is-reacting .hero-beer-orb{opacity:.82;scale:1}
@keyframes scads-halo-light{from{transform:rotate(-8deg);opacity:.45}to{transform:rotate(7deg);opacity:.7}}
#scads-beer.beer-outro{background:radial-gradient(ellipse at 48% 38%,#38342d 0%,#272623 44%,#1c1d1b 100%);color:#f4efe3;min-height:310px;max-height:620px}
#scads-beer.beer-outro:before{background:radial-gradient(ellipse at center,transparent 20%,#17181544 100%);z-index:1}
#scads-beer.beer-outro:after{display:none}
#scads-beer .finale-mist{position:absolute;inset:15% -12% -22%;pointer-events:none;background:#c8b99b;mask:url('assets/product-poster-mist.webp') center/100% 100% no-repeat;opacity:.07;animation:scads-finale-drift 28s ease-in-out infinite alternate;z-index:0}
@keyframes scads-finale-drift{from{transform:translate3d(-3%,2%,0);opacity:.045}to{transform:translate3d(3%,-2%,0);opacity:.085}}
#scads-beer #beer-title>span{color:#f1eddf!important}
#scads-beer #beer-title em{color:transparent!important;background:linear-gradient(105deg,#ae925b 0%,#c0a369 39%,#ddc58d 48%,#ead8ac 51%,#c0a369 60%,#ae925b 100%);background-size:300% 100%;background-clip:text;-webkit-background-clip:text;animation:scads-finale-gold 11s ease-in-out infinite!important}
@keyframes scads-finale-gold{0%,25%{background-position:100% 0}65%,100%{background-position:0% 0}}
#scads-beer .beer-arrival-route{opacity:.5}
#scads-beer .beer-signature-route{display:none}
#scads-beer.finale-offscreen .finale-mist,#scads-beer.finale-offscreen #beer-title em{animation-play-state:paused!important}
@media(max-width:700px){.depth-hero .hero-beer-orb{width:135%;filter:none}.depth-hero .hero-beer-orb:after{animation:none}#scads-beer.beer-outro{min-height:260px;max-height:440px}#scads-beer .finale-mist{opacity:.06;animation-duration:32s}}
@media(prefers-reduced-motion:reduce){.depth-hero .hero-beer-orb:after,#scads-beer .finale-mist,#scads-beer #beer-title em{animation:none!important}.depth-hero .hero-beer-orb{transition:none}#scads-beer #beer-title em{color:#c0a369!important;background:none}}
body.motion-paused #scads-beer #beer-title em{color:#c0a369!important;background:none}
body.motion-paused #scads-beer .finale-mist,.depth-hero.hero-paused .hero-beer-orb:after,.depth-hero.hero-offscreen .hero-beer-orb:after,body.motion-paused .depth-hero .hero-beer-orb:after{animation-play-state:paused!important}
/* Reflective champagne lettering; the semantic control keeps the existing title size. */
#scads-beer #beer-title em{background:none;animation:none!important}
#scads-beer .brand-voice-trigger{font:inherit;line-height:inherit;letter-spacing:inherit;border:0;padding:0;margin:0;background:linear-gradient(105deg,#8d7040 0%,#c8a864 20%,#ead19b 35%,#ad8848 43%,#f7e8bb 49%,#d3b476 54%,#977744 66%,#d9bf86 83%,#b49660 100%);background-size:280% 100%;background-clip:text;-webkit-background-clip:text;color:transparent;filter:drop-shadow(0 1px 0 #49382280);animation:scads-finale-gold 10s ease-in-out infinite!important;cursor:pointer}
#scads-beer .brand-voice-trigger:focus-visible{outline:1px solid #cfb77d;outline-offset:10px}
#scads-beer.finale-offscreen .brand-voice-trigger{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){#scads-beer .brand-voice-trigger{animation:none!important;background:none;color:#cfb77d}}
body.motion-paused #scads-beer .brand-voice-trigger{animation:none!important;background:none;color:#cfb77d}