/* Quiet, full-screen reading moments. Sticky stages retain native page scrolling. */
.immersive-scene {position:relative;isolation:isolate}
.intro.immersive-scene,.forward.immersive-scene {
  display:block;padding:0;min-height:100svh;
}
.immersive-scene.is-immersive {height:245svh}
.forward.is-immersive {height:225svh}
.immersive-scene > .immersive-stage {
  display:grid;place-items:center;width:100%;max-width:none;margin:0;
  min-height:100svh;padding:100px var(--gutter) 72px;
  perspective:1200px;
}
.is-immersive > .immersive-stage {
  position:sticky;top:0;height:100svh;overflow:clip;
}
.immersive-copy {position:relative;transform-origin:50% 50%;max-width:880px}
.is-immersive .immersive-copy {will-change:transform}
.intro.immersive-scene .intro__lede {font-size:clamp(23px,2.5vw,35px)}
.forward.immersive-scene .immersive-copy {max-width:940px}
.forward.immersive-scene .forward__title {margin-bottom:0}
.immersive-word {display:inline-block}
.intro.is-immersive .intro__lede {text-shadow:0 14px 34px rgba(0,32,91,.08)}
.forward.is-immersive .forward__title {text-shadow:0 14px 34px rgba(0,0,0,.18)}
@media(max-width:680px) {
  .immersive-scene.is-immersive {height:215svh}
  .forward.is-immersive {height:200svh}
  .immersive-scene > .immersive-stage {padding-top:86px;padding-bottom:62px}
}
@media(prefers-reduced-motion:reduce),(max-height:500px) {
  .immersive-scene.is-immersive {height:auto}
  .is-immersive > .immersive-stage {position:relative;height:auto}
  .immersive-copy {transform:none!important;will-change:auto!important}
  .immersive-word {opacity:1!important}
}