.roll{position:relative}.roll__stage{align-items:center;height:100dvh;display:flex;position:sticky;top:0;overflow:hidden}.roll__track{will-change:transform;align-items:center;gap:clamp(16px,2.2vw,40px);display:flex}.roll__frame{width:min(72vw, calc(62vh * var(--arn)));opacity:.28;filter:saturate(.72);transition:opacity .42s var(--ease-out), filter .42s var(--ease-out);flex:none}.roll__frame[data-active=true]{opacity:1;filter:none}.roll__frame .photo{box-shadow:var(--frame-edge)}.roll__cap{pointer-events:none;flex-direction:column;gap:5px;display:flex;position:absolute;bottom:clamp(84px,12vh,124px);left:clamp(20px,5vw,64px)}.roll__cap b{font-family:var(--serif);letter-spacing:-.01em;color:var(--content);font-size:clamp(22px,3vw,38px);font-weight:300}.roll__cap span{font-family:var(--sans);letter-spacing:.15em;text-transform:uppercase;color:var(--content-muted);font-variant-numeric:tabular-nums;font-size:10.5px}.sprockets{align-items:center;gap:5px;display:flex;position:absolute;bottom:clamp(40px,6vh,64px);left:clamp(20px,5vw,64px);right:clamp(20px,5vw,64px)}.sprk{background:rgb(var(--content-rgb) / .13);height:9px;transition:background .32s var(--ease-out), transform .32s var(--ease-out);border-radius:2px;flex:1 1 0}.sprk[data-on=true]{background:var(--accent);transform:scaleY(1.5)}@media (prefers-reduced-motion:reduce){.roll{height:auto!important}.roll__stage{height:auto;display:block;position:static}.roll__track{flex-direction:column;gap:clamp(40px,7vw,90px);transform:none!important}.roll__frame{opacity:1;filter:none;width:100%}.roll__cap,.sprockets{display:none}.sprk{transition:none}}@media (max-width:768px){.roll__frame{width:min(88vw, calc(52vh * var(--arn)))}}