/* Scroll chapters retain a complete, readable static layout without motion. */
.ocean-cinema{height:auto;display:block;background:var(--navy);isolation:isolate}
.voyage-scene{position:relative;width:100%;max-width:none;height:680px;display:grid;place-items:center;overflow:hidden;color:white}
.scene-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.scene-shade{position:absolute;inset:0;background:linear-gradient(0deg,rgba(1,20,37,.6),rgba(1,20,37,.1) 75%),rgba(1,20,37,.18)}
.scene-copy{position:relative;text-align:center;padding:30px;max-width:1000px}
.scene-copy h2{font-size:clamp(46px,6vw,86px);line-height:1.1;letter-spacing:-2px}
.scene-copy>p:last-of-type{color:#f3eee8;font-size:14px;letter-spacing:.2px;margin-top:25px}
.scene-copy>.eyebrow{font-size:9px;letter-spacing:2px;margin-bottom:24px}
.scene-copy .button{margin-top:30px}
.scene-chapters{display:none}
.motion-toggle{position:fixed;bottom:16px;right:18px;z-index:40;display:flex;align-items:center;gap:8px;padding:10px 15px;min-height:40px;border:1px solid #ffffff40;border-radius:24px;background:#011425e6;color:#fff;box-shadow:0 4px 20px #01142520;font:500 9px/1.5 var(--sans);letter-spacing:.4px}
.motion-toggle[hidden]{display:none}
.motion-dot{width:5px;height:5px;border-radius:50%;background:#aebcc6}
.motion-toggle[aria-pressed="true"] .motion-dot{background:var(--sand)}
.footer-bottom{padding-bottom:90px}
body.cinematic-motion .ocean-cinema{height:calc(100svh - 76px);min-height:540px}
body.cinematic-motion .voyage-scene{position:absolute;inset:0;height:100%;width:100%;will-change:opacity}
body.cinematic-motion .voyage-scene:not(:first-child){opacity:0;pointer-events:none}
body.cinematic-motion .voyage-scene.is-active{pointer-events:auto}
body.cinematic-motion .scene-image{will-change:transform}
body.cinematic-motion .scene-chapters{position:absolute;left:50%;bottom:clamp(34px,calc(130px - 8vw),90px);transform:translateX(-50%);width:min(400px,calc(100% - 60px));display:flex;justify-content:space-between;z-index:5}
.scene-chapter{font:500 10px/1.8 var(--sans);color:#ffffff66;transition:color .25s}
.scene-chapter>span{margin-left:10px;font-size:8px;letter-spacing:1.6px}
.scene-chapter.active{color:#fff}
.scene-rail{position:absolute;top:34px;left:0;width:100%;height:1px;background:#ffffff30}
.scene-rail>span{display:block;width:100%;height:1px;background:var(--sand);transform:scaleX(0);transform-origin:left}
body.cinematic-motion .intro{position:relative;z-index:3;background:#fff;width:min(1320px,calc(100% - 48px));padding-inline:55px;border-radius:28px;margin-top:-45px;box-shadow:0 -10px 70px #0114250b}
body.cinematic-motion .header{height:76px}
body.cinematic-motion .hero{height:calc(100svh - 119px);min-height:620px}
body.cinematic-motion .story-panel,body.cinematic-motion .care-inset{will-change:transform}
@media(max-width:900px){body.cinematic-motion .intro{width:calc(100% - 40px);padding-inline:32px;border-radius:24px;margin-top:-28px}.scene-copy h2{font-size:clamp(44px,6.5vw,64px)}.voyage-scene{height:590px}}
@media(max-width:600px){body.cinematic-motion .header{height:65px}body.cinematic-motion .hero{height:calc(100svh - 97px)}body.cinematic-motion .ocean-cinema{height:calc(100svh - 65px);min-height:530px}.voyage-scene{height:570px}.scene-copy{padding:20px 24px 60px}.scene-copy h2{font-size:44px;letter-spacing:-1.2px}.scene-copy>.eyebrow{font-size:7px;letter-spacing:1.4px}.scene-copy>p:last-of-type{font-size:12px;margin-top:22px}.scene-image{object-position:60% center}.scene-chapter>span{margin-left:7px;font-size:7px;letter-spacing:1px}.scene-chapter{font-size:9px}body.cinematic-motion .intro{width:calc(100% - 24px);padding-inline:22px;border-radius:20px;margin-top:-20px}.intro-copy h2{font-size:33px}.service{gap:12px}.service img{width:40px;height:40px}.service h3{font-size:17px}.service-number{font-size:29px}}