/* ===== Rock Steady For Life — scroll-world hero theme + book finale ===== */
.rs-world{
  --sw-bg:#0E0D0C; --sw-ink:#EFE4D7; --sw-ink-soft:#C9BFB0; --sw-accent:#B08D5B;
  --sw-font-display:"Cooper RS",serif; --sw-font-body:"Instrument Sans",Helvetica,Arial,sans-serif;
  position:relative; background:#0E0D0C; color:#EFE4D7; z-index:0;
}
/* Keep body from becoming a scroll container (that would break position:sticky): clip at the root only */
html{overflow-x:hidden}
body{overflow-x:visible}
#rs-root{overflow-x:visible !important}
/* Hero-mode: one sticky viewport instead of fixed layers, so the film scrolls away after the ride */
.rs-world .sw-viewport{position:sticky;top:0;height:100vh;height:100dvh;overflow:hidden;background:#0E0D0C}
.rs-world .sw-sky,.rs-world .sw-stage,.rs-world .sw-copylayer,.rs-world .sw-route,.rs-world .sw-hint,.rs-world .sw-scrollbar,.rs-world .sw-topbar,.rs-world .sw-extra{position:absolute}
.rs-world .sw-sky{display:none}
.rs-world .sw-scrollbar{top:auto;bottom:0;height:3px;background:rgba(239,228,215,.18);z-index:60}
.rs-world .sw-scrollbar span{background:#B08D5B}
.rs-world .sw-topbar{display:none}
.rs-world .sw-track{position:relative;z-index:1;pointer-events:none}
/* Copy: match the site type + button system */
.rs-world .sw-copylayer::before{width:min(62vw,820px);background:linear-gradient(90deg,rgba(14,13,12,.72) 0%,rgba(14,13,12,.45) 40%,rgba(14,13,12,0) 100%)}
.rs-world .sw-copy{width:min(46vw,560px)}
.rs-world .sw-copy__num{display:none}
.rs-world .sw-copy__eyebrow{font-family:"Instrument Sans",sans-serif;font-weight:600;font-size:13px;letter-spacing:.2em;text-transform:uppercase;color:#B08D5B;margin-top:0}
.rs-world .sw-copy__title{font-family:"Cooper RS",serif;font-weight:900;font-size:clamp(30px,4.6vw,72px);line-height:.98;letter-spacing:-.01em;text-shadow:0 8px 40px rgba(0,0,0,.5);text-wrap:pretty}
.rs-world .sw-copy__body{font-family:"Instrument Sans",sans-serif;font-size:clamp(15px,1.3vw,19px);line-height:1.5;color:#EFE4D7;text-shadow:0 2px 14px rgba(0,0,0,.6)}
.rs-world .sw-btn{border-radius:2px;font-family:"Instrument Sans",sans-serif;font-weight:600;font-size:15px;min-height:48px;display:inline-flex;align-items:center;padding:0 24px}
.rs-world .sw-btn--primary{background:#B08D5B;color:#2D2C2A}
.rs-world .sw-btn--primary:hover{background:#A1896E;transform:none}
.rs-world .sw-btn--ghost{border:1.5px solid #EFE4D7;color:#EFE4D7}
.rs-world .sw-btn--ghost:hover{background:rgba(239,228,215,.12);transform:none}
/* Route rail = the subway line */
.rs-world .sw-route::before{background:#B08D5B;opacity:.35}
.rs-world .sw-route__dot i{background:rgba(239,228,215,.4);box-shadow:0 0 0 2px #0E0D0C}
.rs-world .sw-route__dot.is-active i,.rs-world .sw-route__dot:hover i{background:#B08D5B}
.rs-world .sw-route__label{background:rgba(14,13,12,.85);color:#EFE4D7;border-color:rgba(176,141,91,.4);font-family:"Instrument Sans",sans-serif}
.rs-world .sw-hint{color:#C9BFB0;font-family:"Instrument Sans",sans-serif;letter-spacing:.14em}
.rs-world .sw-hint i{border-color:rgba(239,228,215,.35)}
.rs-world .sw-hint i::after{background:#B08D5B}
/* Legibility gradient over the film (from the handoff motion spec) */
.rs-world .sw-stage::after{content:"";position:absolute;inset:0;pointer-events:none;z-index:200;background:linear-gradient(180deg,rgba(14,13,12,.25) 0%,rgba(14,13,12,0) 30%,rgba(14,13,12,0) 60%,rgba(14,13,12,.55) 100%)}
.rs-world .sw-scene__video,.rs-world .sw-scene__still{object-position:center 45%}

/* ===== Book finale layer ===== */
.rs-world .sw-extra{inset:0;z-index:15;pointer-events:none;opacity:0;perspective:1400px}
.bf-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 45%}
.bf-book{position:absolute;left:0;top:0;transform-origin:0 0;will-change:transform,opacity}
.bf-vol{position:absolute;inset:0;transform-style:preserve-3d}
.bf-page{position:absolute;inset:0;background:#F3E9CF;border-radius:1px 4px 4px 1px;box-shadow:0 30px 60px -20px rgba(0,0,0,.6);overflow:hidden}
.bf-page img{position:absolute;left:12%;top:16%;width:76%;height:68%;object-fit:cover;filter:sepia(.25) contrast(1.05)}
.bf-page::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.28),rgba(0,0,0,0) 12%)}
.bf-cover{position:absolute;inset:0;transform-origin:0 50%;transform-style:preserve-3d;will-change:transform}
.bf-cover img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;backface-visibility:hidden;border-radius:1px 4px 4px 1px;box-shadow:0 30px 60px -20px rgba(0,0,0,.6)}
.bf-cover .bf-cover__in{position:absolute;inset:0;background:#EFE4D7;transform:rotateY(180deg);backface-visibility:hidden;border-radius:4px 1px 1px 4px}
.bf-spread{position:absolute;inset:0;opacity:0;will-change:transform,opacity;transform-origin:50% 50%}
.bf-spread img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;will-change:transform}
.bf-spread::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(14,13,12,.15),rgba(14,13,12,0) 30%,rgba(14,13,12,0) 55%,rgba(14,13,12,.7) 100%)}
.bf-copy{position:absolute;left:clamp(24px,6vw,96px);right:clamp(24px,6vw,96px);bottom:clamp(64px,12vh,120px);opacity:0;display:grid;gap:22px;justify-items:start;will-change:opacity,transform}
.bf-copy .bf-eyebrow{margin:0 0 10px;font-family:"Instrument Sans",sans-serif;font-size:13px;letter-spacing:.2em;text-transform:uppercase;font-weight:600;color:#B08D5B}
.bf-copy h2{font-family:"Cooper RS",serif;font-weight:900;font-size:clamp(30px,4.6vw,72px);line-height:.98;margin:0;max-width:14ch;color:#EFE4D7;text-shadow:0 6px 30px rgba(0,0,0,.6)}
.bf-ctas{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.bf-ctas a{font-family:"Instrument Sans",sans-serif;font-weight:600;font-size:16px;min-height:52px;display:inline-flex;align-items:center;padding:0 24px;border-radius:2px;text-decoration:none}
.bf-ctas .bf-primary{background:#B08D5B;color:#2D2C2A}.bf-ctas .bf-primary:hover{background:#A1896E;color:#2D2C2A}
.bf-ctas .bf-secondary{border:1.5px solid #EFE4D7;color:#EFE4D7}.bf-ctas .bf-secondary:hover{background:rgba(239,228,215,.12);color:#EFE4D7}
.bf-ctas .bf-link{color:#C9BFB0;text-decoration:underline;text-underline-offset:4px;padding:0 4px}.bf-ctas .bf-link:hover{color:#EFE4D7}
@media (max-width:860px){
  .rs-world .sw-copylayer::before{width:100%;height:62%;top:auto;bottom:0;background:linear-gradient(0deg,rgba(14,13,12,.85) 10%,rgba(14,13,12,.4) 55%,rgba(14,13,12,0) 100%)}
  .rs-world .sw-copy{width:auto}
  .rs-world .sw-copy__title{font-size:clamp(30px,8.5vw,44px)}
  .bf-copy h2{font-size:clamp(30px,8.5vw,44px)}
  .bf-ctas a{font-size:15px;min-height:48px;padding:0 18px}
}
@media (prefers-reduced-motion:reduce){ .bf-book,.bf-spread{transition:none} }