.roll-story{position:relative;background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.roll-pin{position:relative;padding:72px var(--gutter) 78px;overflow:hidden}
.roll-copy{position:relative;display:grid;grid-template-columns:1.8fr 1fr;gap:16px 50px;align-items:end;z-index:2}
.roll-copy .eyebrow{grid-column:1/-1;font-size:9px;letter-spacing:.14em;color:#7b7162;margin:0}
.roll-copy h2{font-size:clamp(42px,4.4vw,68px);line-height:1.03;letter-spacing:-.04em}
.roll-copy h2 em{color:var(--red);white-space:nowrap}
.roll-intro{font-size:12px;color:#747568;line-height:1.8;margin:0 0 3px;justify-self:end}
.roll-facts{grid-column:1/-1;list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:30px;padding:22px 0 0;margin:10px 0 0;border-top:1px solid var(--line)}
.roll-facts li{display:grid;gap:7px;align-content:start}
.roll-facts strong{font-size:12px;font-weight:500;color:var(--ink)}
.roll-facts li>span{font-size:10px;line-height:1.7;color:#747568}
.roll-stage{position:relative;width:100%;aspect-ratio:1250/390;margin:22px 0}
.roll-canvas{display:block;width:100%;height:100%;overflow:visible;pointer-events:none}
.roll-labels{position:absolute;bottom:-14px;left:0;right:0;height:12px;pointer-events:none}
.roll-labels span{position:absolute;transform:translateX(-50%);font-size:8px;letter-spacing:.05em;color:#747568;white-space:nowrap}
.roll-story:not(.is-scroll-enabled) .roll-labels{display:none}
.roll-bottom{position:absolute;left:var(--gutter);right:var(--gutter);bottom:26px;display:flex;align-items:center;justify-content:space-between;gap:24px;font-size:9px;letter-spacing:.04em;color:#777a6a}
.roll-cue{display:flex;align-items:center;gap:16px}.roll-cue>span{font-size:18px;color:var(--red)}
.roll-skip{display:inline-flex;align-items:center;gap:22px;color:var(--ink);padding:10px 0;border-bottom:1px solid var(--line)}
.roll-progress{position:absolute;bottom:0;left:0;width:100%;height:2px;background:var(--red);transform:scaleX(var(--roll-progress,0));transform-origin:left}
.roll-story:not(.is-scroll-enabled) .roll-cue,.roll-story:not(.is-scroll-enabled) .roll-progress{display:none}
@media(max-width:900px){.roll-copy{gap:16px 25px;grid-template-columns:1.6fr 1fr}.roll-copy h2{font-size:44px}.roll-intro{font-size:10px}.roll-facts{gap:20px}.roll-facts strong{font-size:11px}}
@media(max-width:650px){
.roll-pin{padding:60px var(--gutter) 66px}
.roll-copy{display:block}.roll-copy .eyebrow{font-size:7px;margin-bottom:18px}
.roll-copy h2{font-size:clamp(36px,10.4vw,48px);line-height:1.02}.roll-copy h2 em{display:block}
.roll-intro{font-size:11px;margin-top:16px;line-height:1.7}
.roll-facts{grid-template-columns:1fr;gap:13px;margin-top:22px;padding-top:18px}
.roll-facts li{grid-template-columns:1fr 1.15fr;gap:14px;align-items:baseline}
.roll-facts strong{font-size:10px;line-height:1.6}.roll-facts li>span{font-size:9px;line-height:1.6}
.roll-stage{height:clamp(210px,31svh,280px);aspect-ratio:auto;margin:12px 0 0}.roll-labels{display:none}
.roll-bottom{bottom:20px;font-size:7px;gap:14px}.roll-cue{gap:8px}.roll-cue>span{font-size:15px}.roll-skip{gap:10px;white-space:nowrap}
}
@media(prefers-reduced-motion:reduce){.roll-cue,.roll-progress{display:none}}