/* One visual journey, with compositions chosen for the role of each chapter. */
.immersive-page .story-step:first-child{align-items:flex-start;padding-top:145px}
.immersive-page .story-step:first-child .story-copy{width:100%;max-width:none}
.immersive-page .story-copy h1{font-size:clamp(80px,8.5vw,136px);line-height:.96;max-width:1220px;letter-spacing:-.012em}
.immersive-page .story-step:first-child .story-lead{width:35%;max-width:500px;margin-top:80px;font-size:21px;font-weight:400}
.immersive-page .story-step:first-child .story-body{width:35%;max-width:480px;font-size:15px;line-height:1.7}
.immersive-page .story-step:first-child .start-link{margin-top:24px;background:transparent;color:var(--ink);border-bottom:1px solid var(--ink);padding:12px 0;gap:55px}
.immersive-page .hero-audience{font-size:11px;max-width:420px;width:35%;margin-top:20px}
.immersive-page .story-copy h2{line-height:1.02;font-weight:400}
.immersive-page .story-copy h2 em{color:var(--ink)}
.immersive-page .story-copy .eyebrow{font-size:12px;letter-spacing:0;color:#56564e;margin-bottom:26px}
.immersive-page .story-step:first-child .eyebrow{color:var(--ink);margin-bottom:30px}
.immersive-page .method-note{border:0;padding:0;margin-top:30px;padding-top:15px;border-top:1px solid var(--line)}
.immersive-page .method-note>span{font-size:10px;letter-spacing:0;text-transform:lowercase}
.immersive-page .method-note>span::first-letter{text-transform:uppercase}
.immersive-page .method-note p{color:#515149;font-size:12px}
.immersive-page .visual-caption{border:0;bottom:100px;padding:0;width:40%}
.immersive-page .visual-caption>span{font-size:11px;font-weight:400}
.immersive-page .visual-caption p{font-size:10px;color:#65655a;margin-top:4px;max-width:400px}
.immersive-page .story-step[data-step="2"],.immersive-page .story-step[data-step="6"]{justify-content:flex-end}
.immersive-page .levers-graphic,.immersive-page .sequences-graphic{left:6%;right:auto;width:39%}
.immersive-page .guided-story[data-scene="2"] .visual-caption,.immersive-page .guided-story[data-scene="6"] .visual-caption{left:6%;right:auto}
.immersive-page .story-step[data-step="3"]{min-height:145svh;align-items:flex-start;padding-top:78svh;padding-bottom:140px}
.immersive-page .story-step[data-step="3"] .story-copy{width:100%;max-width:none;display:grid;grid-template-columns:44% 43%;column-gap:11%}
.immersive-page .story-step[data-step="3"] .eyebrow{grid-column:1/-1}
.immersive-page .story-step[data-step="3"] h2{grid-row:2/5}
.immersive-page .story-step[data-step="3"] .story-lead{margin-top:0}
.immersive-page .guided-story[data-scene="3"] .visual-caption{display:none}
.immersive-page .reading-graphic{top:68%;width:39%}
.immersive-page .loop-start{border-top-width:2px}.immersive-page .loop-path:after{border-color:var(--ink)}
.immersive-page .loop-path strong{font-weight:400}.immersive-page .loop-path .loop-return strong{color:#080808}
.immersive-page .step-nav{padding-top:10px;padding-bottom:10px;background:var(--paper)}
.immersive-page .motion-button{font-size:10px;border:0;color:#626258;top:104px}
.modality-controls{position:absolute;right:6%;width:39%;bottom:22%;opacity:0;visibility:hidden;transition:opacity .25s}
.modality-controls>p{font:13px/1.5 Inter,Arial,sans-serif;margin:0 0 17px}
.modality-controls>div{display:flex;gap:30px;border-bottom:1px solid var(--line)}
.modality-controls button{border:0;background:none;padding:0 0 12px;color:#65655a;font:13px/1.5 Inter,Arial,sans-serif;position:relative}
.modality-controls button[aria-pressed=true]{color:var(--ink)}.modality-controls button[aria-pressed=true]:after{content:'';position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--orange)}
.modality-controls>span{display:block;font:11px/1.6 Inter,Arial,sans-serif;color:#65655a;margin-top:12px;max-width:370px}
.guided-story[data-scene="0"] .modality-controls,.guided-story[data-scene="3"] .modality-controls{opacity:1;visibility:visible}
.immersive-page .guided-story[data-scene="3"] .modality-controls{top:53%;bottom:auto;left:32%;width:36%;right:auto}
.immersive-page .guided-story[data-scene="0"] .guided-fallback{display:none}
.immersive-page .guided-story.webgl-failed[data-scene="0"] .modality-controls{top:50%;bottom:auto}
.immersive-page .donut-annotation{top:33%;height:33%}.immersive-page .donut-space{font-size:32px}
.immersive-page .product-recap h2{font-weight:400}.immersive-page .product-recap .eyebrow{font-family:Inter,Arial,sans-serif;letter-spacing:0}
@media(min-width:701px) and (max-height:850px){
 .immersive-page .story-step:first-child{padding-top:110px;min-height:110svh}
 .immersive-page .story-copy h1{font-size:clamp(72px,7.6vw,112px)}
 .immersive-page .story-step:first-child .eyebrow{margin-bottom:20px}
 .immersive-page .story-step:first-child .story-lead{margin-top:46px;font-size:18px}
 .immersive-page .story-step:first-child .story-body{font-size:13px}
 .immersive-page .story-step:first-child .start-link{margin-top:16px}
 .immersive-page .hero-audience{font-size:10px;margin-top:14px}
 .immersive-page .modality-controls{bottom:22%}
 .immersive-page .visual-caption{bottom:80px}
}
@media(min-width:701px) and (max-width:1000px){
 .immersive-page .story-copy h1{font-size:77px}
 .immersive-page .story-step:first-child .story-lead,.immersive-page .story-step:first-child .story-body,.immersive-page .hero-audience{width:38%}
 .immersive-page .story-step:first-child .story-lead{margin-top:100px;font-size:20px}
 .modality-controls>div{gap:20px}.modality-controls button{font-size:11px}
 .modality-controls>span{font-size:10px}
}
@media(max-width:700px){
 .immersive-page .story-step:first-child{padding-top:108px;min-height:125svh}
 .immersive-page .story-copy h1{font-size:61px;line-height:1;max-width:410px}
 .immersive-page .story-step:first-child .eyebrow{font-size:11px;margin-bottom:20px}
 .immersive-page .story-step:first-child .story-lead{margin-top:360px;width:100%;font-size:19px}
 .immersive-page .story-step:first-child .story-body{width:100%;font-size:14px}
 .immersive-page .hero-audience{width:100%;font-size:11px}
 .immersive-page .story-step:first-child .start-link{margin-top:20px}
 .immersive-page .story-copy h2{font-size:54px}
 .immersive-page .story-copy .eyebrow{font-size:11px;margin-bottom:20px}
 .immersive-page .method-note{margin-top:24px}
 .immersive-page .levers-graphic,.immersive-page .sequences-graphic{left:8%;right:8%;width:auto}
 .immersive-page .story-step[data-step="3"]{min-height:120svh;padding-top:55svh;padding-bottom:110px}
 .immersive-page .story-step[data-step="3"] .story-copy{display:block}
 .immersive-page .reading-graphic{top:38%;left:8%;right:8%;width:auto}
 .modality-controls{right:8%;left:8%;width:auto;top:69%;bottom:auto}
 .modality-controls>p{font-size:12px;margin-bottom:10px}
 .modality-controls>div{gap:25px}.modality-controls button{font-size:12px;padding-bottom:7px}
 .modality-controls>span{font-size:10px;margin-top:8px}
 .immersive-page .guided-story[data-scene="3"] .modality-controls{top:37%;left:8%;right:8%;width:auto}
 .immersive-page .guided-story[data-scene="3"] .modality-controls>p{display:none}
 .immersive-page .donut-annotation{top:9%;height:32%}
}
@media(prefers-reduced-motion:reduce){.modality-controls{transition:none}}

.immersive-page .story-step:first-child .story-copy{pointer-events:none}
.immersive-page .story-step:first-child .story-copy :is(a,p,h1){pointer-events:auto}
.film-fallback{position:absolute;right:5%;top:29%;width:41%;height:39%;object-fit:contain;mix-blend-mode:multiply;pointer-events:none}
.webgl-ready .film-fallback,.guided-story:not([data-scene="0"]):not([data-scene="3"]) .film-fallback{display:none}
@media(max-width:700px){.film-fallback{top:39%;left:8%;right:8%;width:84%;height:29%}}

.immersive-page .guided-story[data-scene="3"] .modality-controls{display:none}

@media(max-width:700px){
 .immersive-page :is(#guided-canvas,.scene-graphics,.modality-controls,.film-fallback,.guided-fallback){transform:translateY(var(--scene-shift,0px))}
}