/* Direction B: full world, white reading space, then a photographic chapter. */
body.ci-immersive .ci-scene-hero{isolation:isolate;overflow:hidden;padding:32px 0 78px;min-height:650px;background:#233342;display:flex;align-items:stretch}
.ci-immersive .ci-scene{position:absolute;inset:0;z-index:-2;display:block}
.ci-immersive .ci-scene img{width:100%;height:100%;object-fit:cover;object-position:center 54%;display:block}
.ci-immersive .ci-scene-hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(8,24,41,.86) 0%,rgba(8,24,41,.72) 28%,rgba(8,24,41,.12) 66%,rgba(8,24,41,.02) 100%)}
.ci-immersive .ci-scene-content{width:100%;margin:0 auto;display:flex;flex-direction:column}
body.ci-immersive .ci-scene-hero .breadcrumb{color:#edf2f4;margin-bottom:58px;font-size:12px}
.ci-immersive .ci-scene-copy{max-width:545px;margin:auto 0}
body.ci-immersive .ci-scene-hero .eyebrow{color:#fff;font-size:12px;letter-spacing:.14em;margin-bottom:20px}
body.ci-immersive .ci-scene-hero h1{max-width:530px;font-size:clamp(40px,4.6vw,60px);line-height:1.1;letter-spacing:.006em;font-weight:500;text-wrap:balance;margin:0;text-shadow:0 2px 20px #07132130}
.ci-immersive .ci-scene-copy .actions{margin-top:32px}
.ci-immersive .ci-scene-copy .button{min-height:50px;min-width:210px}
body.ci-immersive .ci-opening{padding:86px 0 82px;background:#fff}
.ci-immersive .ci-quiet-intro{display:grid;grid-template-columns:1fr 1fr;gap:86px;align-items:start}
.ci-immersive .ci-quiet-intro>.ci-copy>p:first-child:not(.eyebrow){margin-top:0}
.ci-immersive .ci-copy .ci-intro-line{font-size:19px;color:#314b63;line-height:1.6;max-width:34ch}
.ci-immersive .ci-photographic-chapter{position:relative;margin:0;width:100%;height:clamp(370px,40vw,590px);overflow:hidden;background:#ded6c8}
.ci-immersive .ci-photographic-chapter img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 51%}
body.ci-immersive .ci-decision-section{background:#fff;padding:82px 0;border-bottom:1px solid #e6ebee}
@media(max-width:950px){.ci-immersive .ci-quiet-intro{gap:38px}.ci-immersive .ci-scene-copy{max-width:440px}body.ci-immersive .ci-scene-hero{min-height:600px}}
@media(max-width:700px){
 body.ci-immersive .ci-scene-hero{display:block;min-height:630px;padding:20px 0 0}
 .ci-immersive .ci-scene img{object-position:center 62%}
 .ci-immersive .ci-scene-hero:after{background:linear-gradient(180deg,rgba(9,25,42,.76) 0%,rgba(9,25,42,.65) 24%,rgba(9,25,42,.42) 43%,rgba(9,25,42,.08) 64%,rgba(9,25,42,0) 100%)}
 body.ci-immersive .ci-scene-hero .breadcrumb{font-size:11px;margin:0 0 29px}
 .ci-immersive .ci-scene-copy{max-width:none;margin:0}
 body.ci-immersive .ci-scene-hero .eyebrow{font-size:10px;margin:0 0 12px;letter-spacing:.13em}
 body.ci-immersive .ci-scene-hero h1{font-size:clamp(32px,9vw,40px);line-height:1.11;letter-spacing:.006em;max-width:17ch;margin:0;text-wrap:balance}
 .ci-immersive .ci-scene-copy .actions{margin:23px 0 0;display:block}
 .ci-immersive .ci-scene-copy .button{min-width:205px;min-height:48px;font-size:13px}
 body.ci-immersive .ci-opening{padding:45px 0 44px}
 .ci-immersive .ci-quiet-intro{grid-template-columns:1fr;gap:25px}
 .ci-immersive .ci-copy .ci-intro-line{font-size:18px;max-width:none;margin:17px 0 0}
 .ci-immersive .ci-photographic-chapter{height:390px}
 .ci-immersive .ci-photographic-chapter img{object-position:51% center}
 body.ci-immersive .ci-decision-section{padding:42px 0}
}
@media(max-width:359px){body.ci-immersive .ci-scene-hero{min-height:585px}.ci-immersive .ci-scene-copy .actions{margin-top:20px}}