.rw-scroll-film{position:relative;padding:clamp(44px,6vw,88px) clamp(14px,2.5vw,44px);background:#f3efe8;overflow:hidden}
.rw-scroll-film__stage{position:relative;width:min(1460px,100%);aspect-ratio:16/9;margin:0 auto;overflow:hidden;border-radius:clamp(18px,2vw,30px);background:#050609;box-shadow:0 28px 80px rgba(20,18,16,.18);isolation:isolate;cursor:ns-resize;transform:translateZ(0)}
.rw-scroll-film__video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#050609;user-select:none;pointer-events:none}
.rw-scroll-film__vignette{position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,rgba(2,3,5,.18),transparent 24%,transparent 68%,rgba(2,3,5,.58)),linear-gradient(90deg,rgba(2,3,5,.18),transparent 28%,transparent 72%,rgba(2,3,5,.18))}
.rw-scroll-film__counter{position:absolute;z-index:3;top:clamp(16px,2.4vw,34px);inset-inline-end:clamp(16px,2.4vw,34px);display:flex;align-items:center;gap:12px;padding:10px 13px;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:rgba(5,6,9,.46);backdrop-filter:blur(14px);font:700 11px/1 ui-monospace,SFMono-Regular,Menlo,monospace;color:rgba(255,255,255,.9)}
.rw-scroll-film__counter i{display:block;width:84px;height:2px;overflow:hidden;border-radius:9px;background:rgba(255,255,255,.2)}
.rw-scroll-film__counter i b{display:block;width:100%;height:100%;transform:scaleX(var(--rw-film-progress,0));transform-origin:left center;background:#ef3326;transition:transform .08s linear}
.rw-scroll-film__hint{position:absolute;z-index:3;inset-inline-start:clamp(16px,3vw,46px);bottom:clamp(16px,3vw,42px);display:flex;flex-direction:column;gap:8px;max-width:min(640px,70%);padding:13px 16px;border-inline-start:2px solid #ef3326;color:#fff;text-shadow:0 2px 18px rgba(0,0,0,.45);pointer-events:none}
.rw-scroll-film__hint span{font:800 10px/1.3 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.12em;color:#ef3326}
.rw-scroll-film__hint b{font-size:clamp(12px,1.15vw,16px);line-height:1.7;font-weight:700}
.rw-scroll-film__stage.is-active{box-shadow:0 32px 96px rgba(20,18,16,.24),0 0 0 1px rgba(239,51,38,.55)}
.rw-scroll-film__stage.is-active .rw-scroll-film__hint{opacity:.5}
@media(max-width:820px),(hover:none){.rw-scroll-film{padding:32px 12px}.rw-scroll-film__stage{border-radius:18px;cursor:default}.rw-scroll-film__counter{top:12px;inset-inline-end:12px}.rw-scroll-film__counter i{width:52px}.rw-scroll-film__hint{inset-inline-start:14px;bottom:12px;max-width:82%;padding:9px 11px}.rw-scroll-film__hint b{font-size:11px}}
@media(prefers-reduced-motion:reduce){.rw-scroll-film__stage{cursor:default}.rw-scroll-film__counter i b{transition:none}}