/* The supplied sticker is the opening scene; the drink hero follows in flow. */
.sticker-intro{--sticker-progress:0;position:relative;height:180svh;min-height:620px;background:var(--brand-navy,#0b2a59);color:var(--brand-cream,#f7ebdb);isolation:isolate}
.sticker-intro-sticky{position:sticky;top:0;height:100svh;min-height:420px;display:grid;place-items:center;overflow:clip}
.sticker-intro-visual{position:relative;width:min(80vw,58svh,480px);aspect-ratio:1;opacity:calc(1 - var(--sticker-progress));transform:translateY(calc(var(--sticker-progress)*-32px)) scale(calc(1 - var(--sticker-progress)*.18));filter:drop-shadow(0 18px 34px #020d243a);will-change:transform,opacity}
.sticker-intro-visual .sticker-intro-video,.sticker-intro-poster{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:contain;border-radius:50%;clip-path:circle(49% at 50% 49%);background:var(--brand-navy,#0b2a59)}
.sticker-intro-poster{z-index:1;pointer-events:none}.sticker-intro.is-ready .sticker-intro-poster{visibility:hidden}
.sticker-scroll-hint:focus-visible{outline:3px solid var(--brand-cream,#f7ebdb);outline-offset:6px}
.sticker-scroll-hint{position:absolute;left:50%;bottom:max(2em,5svh);transform:translateX(-50%);display:flex;align-items:center;gap:.6em;color:var(--brand-pink,#e5809d);font-size:1.375em;line-height:1;text-align:center;white-space:nowrap;padding:.5em;opacity:calc(1 - var(--sticker-progress));transition:color .2s}
.sticker-scroll-hint:hover{color:var(--brand-cream,#f7ebdb)}.sticker-scroll-hint svg{width:1em;height:1em;flex:none;transition:transform .3s}.sticker-scroll-hint:hover svg{transform:translateY(4px)}
#hero{scroll-margin-top:1em}
@media(max-width:479px){.sticker-intro{min-height:0}.sticker-intro-sticky{min-height:360px}.sticker-scroll-hint{font-size:1.2em;bottom:max(2em,6svh)}}
@media(prefers-reduced-motion:reduce){.sticker-intro{height:100svh;min-height:0}.sticker-intro-visual{transform:none!important;opacity:1!important;will-change:auto}.sticker-intro .sticker-intro-video{visibility:hidden}.sticker-intro-poster,.sticker-intro.is-ready .sticker-intro-poster{visibility:visible}.sticker-scroll-hint{opacity:1;transition:none}}
html.reduced-motion .sticker-intro{height:100svh;min-height:0}html.reduced-motion .sticker-intro-visual{transform:none!important;opacity:1!important;will-change:auto}html.reduced-motion .sticker-intro .sticker-intro-video{visibility:hidden}html.reduced-motion .sticker-intro-poster{visibility:visible!important}html.reduced-motion .sticker-scroll-hint{opacity:1}

@media(max-height:540px){.sticker-intro{min-height:0}.sticker-intro-sticky{min-height:0}.sticker-intro-visual{width:min(65vw,calc(100svh - 112px),340px);margin-top:-24px}.sticker-scroll-hint{font-size:18px;bottom:12px;padding:6px}}

/* The artwork stays upright; scrolling advances its source animation. */
.sticker-intro-artwork{position:absolute;inset:0;transform:none}
@media(prefers-reduced-motion:reduce){.sticker-intro-artwork{transform:none!important;will-change:auto}}
html.reduced-motion .sticker-intro-artwork{transform:none!important;will-change:auto}

.stage .hero-heading{text-transform:none}