/* Full-viewport section dividers, retaining the existing content-slide layout. */
.cinematic{--scene:url('assets/coast.jpg');background-image:linear-gradient(90deg,rgba(9,35,32,.76),rgba(9,35,32,.3)),var(--scene);background-size:cover;background-position:center;color:#fff;min-height:100vh;min-height:100dvh;border:0}
.scene-blueys{--scene:url('assets/blueys.jpg')}.scene-seal-rocks{--scene:url('assets/seal-rocks.jpg')}.scene-lake{--scene:url('assets/lake.jpg')}.scene-elizabeth{--scene:url('assets/elizabeth.jpg')}
.js .slide.cinematic{height:100vh;height:100dvh;padding:125px 7vw 115px}
.cinematic .eyebrow{color:#ddfff8;font-size:14px;letter-spacing:.19em;margin-bottom:32px}
.cinematic h1{font-size:clamp(60px,7.3vw,116px);max-width:1100px;line-height:1.02;margin-bottom:32px;text-wrap:balance;letter-spacing:-.025em}
.cinematic .lead{font-size:clamp(23px,2.2vw,34px);max-width:760px;color:white;line-height:1.4;margin:0}
.cinematic .slide-inner:before{content:'';display:block;width:70px;height:3px;background:#7fbfb6;margin-bottom:30px}
.js body:has(.cinematic.active) .topbar{position:fixed;top:0;left:0;right:0;z-index:5;background:transparent;border-color:#ffffff30;color:white}
.js body:has(.cinematic.active) .topbar img{content:url('assets/logo-white.png')}
.js body:has(.cinematic.active) .topbar a{color:white;border-color:#ffffff30}
.js body:has(.cinematic.active) .controls{position:fixed;bottom:0;left:0;right:0;z-index:5;background:rgba(9,35,32,.68);border-color:#ffffff30;color:white}
.js body:has(.cinematic.active) .controls button,.js body:has(.cinematic.active) .controls select{background:#173b36;color:#fff;border-color:#ffffff50}
.js body:has(.cinematic.active) .controls button:hover{background:#285b52}
.js body:has(.cinematic.active) .progress{z-index:6;background:#ffffff30}
.js body:has(.cinematic.active) .progress i{background:#7fbfb6}
.thanks{background-position:center 45%;text-align:center}
.thanks .slide-inner:before{margin-left:auto;margin-right:auto}
.thanks h1,.thanks .lead{margin-left:auto;margin-right:auto}
@media(max-height:700px) and (min-width:800px){.cinematic h1{font-size:72px;margin-bottom:22px}.cinematic .eyebrow{margin-bottom:20px}.cinematic .slide-inner:before{margin-bottom:22px}.js .slide.cinematic{padding-top:105px;padding-bottom:95px}}
@media(max-width:799px){.js .slide.cinematic.active{display:flex;align-items:center}.js .slide.cinematic{padding:110px 7vw 110px}.cinematic h1{font-size:clamp(43px,11vw,65px);line-height:1.08;margin-bottom:26px}.cinematic .eyebrow{font-size:11px;line-height:1.6;margin-bottom:22px}.cinematic .lead{font-size:23px}.cinematic{background-image:linear-gradient(90deg,rgba(9,35,32,.8),rgba(9,35,32,.45)),var(--scene)}.cinematic .slide-inner:before{margin-bottom:24px}}
@media print{.js .slide.cinematic,.slide.cinematic{height:210mm!important;min-height:0;padding:22mm!important}.cinematic h1{font-size:70px}.cinematic .lead{font-size:27px}.cinematic .eyebrow{font-size:12px}}