.promo-reel{min-width:0;align-self:start;margin:27px 0 110px;background:#101010;position:relative;isolation:isolate}
.promo-top{display:flex;justify-content:space-between;align-items:center;padding:12px 24px;min-height:54px;border-top:1px solid #4a3030}
.promo-top>span{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:#d0c4bb}
.promo-pause{font-size:12px;background:none;border:0;border-bottom:1px solid #69534c;padding:3px 0;min-height:30px}
.promo-stage{position:relative;touch-action:pan-y}
.promo-slide{min-width:0}
.promo-reel.is-ready .promo-stage{display:grid}
.promo-reel.is-ready .promo-slide{grid-area:1/1;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .7s ease,visibility .7s;z-index:0}
.promo-reel.is-ready .promo-slide.is-active{opacity:1;visibility:visible;pointer-events:auto;z-index:1}
.promo-image{position:relative;aspect-ratio:1.18;overflow:hidden;background:#191310}
.promo-image img{position:absolute;width:100%;height:auto;max-width:none;left:0;display:block}
.promo-cut img{top:-12%}
.promo-spirits img{top:-13%}
.promo-coffee img{bottom:0}
.promo-image:after{content:'';position:absolute;inset:75% 0 0;background:linear-gradient(transparent,#101010)}
.promo-copy{position:relative;padding:6px 28px 24px;text-align:center}
.promo-when{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#d2b7a2;margin:3px 0 14px}
.promo-copy h2{font-size:clamp(38px,3.8vw,58px);line-height:1;text-transform:uppercase}
.promo-copy h2 span{font-size:.76em;color:var(--muted)}
.promo-offer{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:12px;min-height:76px}
.promo-offer strong{font-family:var(--display);font-weight:600;font-size:76px;line-height:1;color:var(--paper);letter-spacing:-.025em}
.promo-offer>span{font-size:12px;color:#c0b4aa;border-left:1px solid var(--red);padding-left:18px;max-width:115px;text-align:left;line-height:1.5}
.promo-controls{display:flex;gap:14px;padding:0 24px 20px}
.promo-controls button{position:relative;flex:1;min-width:0;font-size:12px;border:0;border-top:2px solid #453c36;background:none;color:#b4aaa1;min-height:48px;padding:13px 2px 3px;transition:color .2s,border-color .2s}
.promo-controls button[aria-pressed=true]{color:#fff;border-top-color:var(--red)}
.promo-controls[hidden],.promo-pause[hidden]{display:none}
@media(max-width:900px){.promo-reel{margin-top:20px}.promo-copy h2{font-size:40px}.promo-copy{padding-left:18px;padding-right:18px}.promo-offer strong{font-size:66px}}
@media(max-width:700px){.promo-reel{width:100%;margin:0 0 40px}.promo-image{aspect-ratio:1.18}.promo-top{justify-content:center;gap:24px;padding:12px 18px}.promo-copy{text-align:center}.promo-copy h2{font-size:46px}.promo-offer{flex-direction:column;gap:8px}.promo-offer>span{border-left:0;padding-left:0;max-width:none;text-align:center}.promo-copy{padding-bottom:22px}.promo-offer strong{font-size:72px}.promo-controls{padding:0 16px 18px;gap:12px}}
@media(prefers-reduced-motion:reduce){.promo-reel.is-ready .promo-slide,.promo-controls button{transition:none}}