.scrub { position: relative; height: var(--scrub-h, 450vh); background: #1b1a19; color: #f5f2eb; }
.scrub__sticky { position: sticky; top: 0; height: 100vh; height: 100dvh; overflow: hidden; }
.scrub video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; background: #1b1a19; }
.scrub__shade { position: absolute; inset: 0; background: linear-gradient(90deg, rgba(27, 26, 25, 0.82) 0%, rgba(27, 26, 25, 0.45) 45%, rgba(27, 26, 25, 0) 75%), linear-gradient(0deg, rgba(27, 26, 25, 0.7) 0%, rgba(27, 26, 25, 0) 40%); pointer-events: none; }
[dir="rtl"] .scrub__shade { background: linear-gradient(270deg, rgba(27, 26, 25, 0.82) 0%, rgba(27, 26, 25, 0.45) 45%, rgba(27, 26, 25, 0) 75%), linear-gradient(0deg, rgba(27, 26, 25, 0.7) 0%, rgba(27, 26, 25, 0) 40%); }
.scrub__chapters { position: absolute; inset: 0; }
.scrub__ch { position: absolute; inset-inline-start: clamp(18px, 6vw, 96px); bottom: clamp(70px, 14vh, 150px); max-width: min(640px, calc(100% - 36px)); opacity: 0; transform: translate3d(0, 40px, 0); transition: opacity 0.6s ease, transform 0.8s cubic-bezier(0.2, 0.8, 0.2, 1); pointer-events: none; }
.scrub__ch.is-active { opacity: 1; transform: none; pointer-events: auto; }
.scrub__kicker { margin: 0 0 10px; font-size: 1.4rem; color: #ff4d3d; }
.scrub__title { margin: 0; font-size: clamp(2.4rem, 7vw, 6rem); line-height: 1.02; }
.scrub__body { margin: 16px 0 0; font-size: 1.12rem; max-width: 30rem; color: rgba(245, 242, 235, 0.86); }
.scrub__actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 24px; }
.scrub__bar { position: absolute; inset: auto 0 0; height: 3px; background: rgba(245, 242, 235, 0.15); }
.scrub__bar span { display: block; height: 100%; background: #bf0004; transform-origin: left; transform: scaleX(0); }
[dir="rtl"] .scrub__bar span { transform-origin: right; }
.scrub__hint { position: absolute; bottom: 22px; inset-inline-end: clamp(18px, 6vw, 96px); margin: 0; font-size: 1.05rem; opacity: 0.8; animation: scrub-bob 1.8s ease-in-out infinite; }
@keyframes scrub-bob { 50% { transform: translateY(6px); } }
/* Reduced motion / no JS fallback: poster + all chapters readable. */
.scrub.is-static { height: auto; }
.scrub.is-static .scrub__sticky { position: relative; height: auto; min-height: 100vh; }
.scrub.is-static video { position: absolute; }
.scrub.is-static .scrub__chapters { position: relative; padding: 120px 0 60px; display: grid; gap: 60px; }
.scrub.is-static .scrub__ch { position: relative; inset: auto; bottom: auto; opacity: 1; transform: none; margin-inline-start: clamp(18px, 6vw, 96px); }
.scrub.is-static .scrub__hint, .scrub.is-static .scrub__bar { display: none; }
@media (max-width: 640px) {
  .scrub__shade { background: linear-gradient(0deg, rgba(27, 26, 25, 0.92) 0%, rgba(27, 26, 25, 0.55) 45%, rgba(27, 26, 25, 0.1) 75%); }
  .scrub__ch { bottom: 64px; }
  .scrub__title { font-size: clamp(2rem, 10vw, 2.9rem); }
  .scrub__body { font-size: 1rem; }
  .scrub__hint { display: none; }
}