@import url('../immersive/style.css');
.journey{height:430svh}.stage{min-height:0;height:100svh}.chapter{top:29%;width:39%;left:6%}.chapter h1,.chapter h2{font-size:clamp(62px,7.1vw,112px);line-height:.96}.chapter p:not(.eyebrow){max-width:390px}.scene-shade{background:linear-gradient(90deg,#0a302a9c,transparent 63%),linear-gradient(180deg,#082f3c58,transparent 23%,transparent 80%,#08362e66)}
.sun-label{top:124px}.view-switch{position:absolute;right:4.5%;top:177px;z-index:6;display:flex;padding:4px;border-radius:30px;background:#103c3cbd;border:1px solid #ffffff60;backdrop-filter:blur(12px);gap:3px}.view-switch button{border:0;background:transparent;color:white;border-radius:30px;min-height:40px;padding:9px 15px;font-size:11px}.view-switch button[aria-pressed=true]{color:#163e32;background:#fff7e8}
.route-nav{display:flex;position:absolute;bottom:142px;left:50%;transform:translateX(-50%);z-index:6;align-items:center;background:#103c38bd;border:1px solid #ffffff50;padding:6px;border-radius:40px;backdrop-filter:blur(14px);max-width:95%}.route-nav button{display:flex;align-items:center;gap:8px;background:transparent;border:0;color:#fff7e8;padding:10px 17px;border-radius:25px;font-size:11px;white-space:nowrap;min-height:44px}.route-nav button span{opacity:.5;font-size:9px}.route-nav button[aria-current=step]{background:#fff7e8;color:#143e36}.route-nav i{height:1px;width:22px;background:#ffffff60}.journey-anchor{top:152svh}.journey-anchor.second{top:320svh}.scene-unavailable .route-nav,.scene-unavailable .view-switch{display:none}.scene-unavailable .chapter{width:55%}body[data-view=above] .chapter{opacity:0;pointer-events:none}body[data-view=above] .scene-shade{background:linear-gradient(180deg,#113a3438,transparent 35%,transparent 80%,#08362e55)}
@media(min-width:1700px){.chapter{top:31%;left:8%}}
@media(max-width:1000px){.chapter{width:49%}.chapter h1,.chapter h2{font-size:75px}.route-nav{left:50%}}
@media(max-width:700px){.journey{height:370svh}.chapter{top:15%;left:6%;width:88%}.chapter h1,.chapter h2{font-size:clamp(48px,12vw,65px);margin:14px 0 15px;line-height:.96}.chapter p:not(.eyebrow){font-size:12px;line-height:1.5;max-width:310px}.chapter .pill{min-height:42px;font-size:11px}.view-switch{right:5%;top:auto;bottom:174px;padding:3px}.view-switch button{font-size:9px;min-height:34px;padding:7px 11px}.route-nav{bottom:103px;padding:4px;width:90%;justify-content:space-between}.route-nav button{font-size:9px;padding:8px 11px;gap:5px;min-height:38px}.route-nav i{width:8px}.route-nav button span{font-size:8px}.journey-foot{bottom:43px;justify-content:center}.world-controls{gap:6px}.art-note{font-size:7px;bottom:16px}.scene-shade{background:linear-gradient(180deg,#103c4899,transparent 62%,#123c3a55)}.journey-anchor{top:120svh}.journey-anchor.second{top:265svh}.scene-unavailable .chapter{width:88%}.hotspot b{display:none}}
@media(max-width:700px) and (max-height:700px){.chapter{top:17%}.chapter h1,.chapter h2{font-size:42px;margin:10px 0}.chapter p:not(.eyebrow){font-size:11px;margin-bottom:12px}.view-switch{bottom:153px}.route-nav{bottom:93px}.journey-foot{bottom:35px}.art-note{bottom:9px;font-size:6.5px}.mood-switch button{min-height:34px}.motion{width:38px;height:38px}}
@media(prefers-reduced-motion:reduce){.journey{height:100svh}.route-nav{display:none}.view-switch{bottom:125px;top:auto}.chapter{top:22%}}

@media(max-width:700px) and (max-height:700px){.chapter h1 br{display:none}.chapter h1{font-size:38px}.chapter h2{font-size:38px}.chapter h1 em:before{content:" "}.chapter{top:18%}}
.scene-unavailable .scroll-cue small{display:none}