/* A still-image cinematic journey, progressively enhanced by scroll position. */
.journey{width:100%;position:relative}
.journey-stage{position:relative;max-width:1440px;margin-inline:auto;padding-inline:var(--gutter)}
.journey-cue{display:none}
@media(prefers-reduced-motion:no-preference){
  .journey.is-immersive{height:190svh}
  .is-immersive .journey-stage{position:sticky;top:0;height:100svh;max-width:none;padding:0;overflow:hidden}
  .is-immersive .hero-image{width:100%;height:100%;clip-path:inset(0 5.3vw 16% 5.3vw);will-change:clip-path}
  .is-immersive .hero-image>img{height:100%;width:100%;object-fit:cover;object-position:50% 55%;transform-origin:50% 55%;will-change:transform}
  .is-immersive .hero-image figcaption{inset-inline:var(--gutter);bottom:32px}
  .is-immersive .journey-cue{position:absolute;display:flex;align-items:center;gap:24px;bottom:calc(16% + 28px);left:calc(var(--gutter) + 28px);font-size:11px;letter-spacing:.13em;text-transform:uppercase;color:#fff;pointer-events:none;text-shadow:0 1px 12px #000}
  .journey-cue>span{font-size:20px}
}
@media(max-width:760px) and (prefers-reduced-motion:no-preference){
  .journey.is-immersive{height:160svh}
  .is-immersive .hero-image>img{object-position:54% 55%}
  .is-immersive .hero-image figcaption{font-size:11px;bottom:24px}
  .is-immersive .hero-image figcaption span:nth-child(2){font-size:9px}
  .is-immersive .journey-cue{font-size:9px;left:calc(var(--gutter) + 18px)}
}
@media(prefers-reduced-motion:reduce){
  .journey.is-immersive{height:auto}
  .journey-stage{position:relative;height:auto}
  .journey .hero-image{clip-path:none!important}
  .journey .hero-image>img{transform:none!important}
  .journey .hero-image figcaption{opacity:1!important}
  .journey-cue{display:none!important}
}

/* A clear message held through the second half of the journey. */
.journey-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.78),rgba(0,0,0,.43) 63%,rgba(0,0,0,.15));pointer-events:none}
.journey-message{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;justify-content:center;padding:40px clamp(28px,7vw,112px);color:#fff}
.journey-kicker{font-size:11px;letter-spacing:.17em;text-transform:uppercase;margin-bottom:27px}
.journey-message h2{font-size:clamp(44px,6.4vw,94px);line-height:1.01;letter-spacing:-.035em;text-shadow:0 2px 24px #0002}
.journey-message h2 em{color:#fff}
.journey-support{font-size:15px;line-height:1.85;margin-top:26px;max-width:450px;color:#f1f1ed}
@media(max-width:760px){
 .journey-message{padding:30px 28px}
 .journey-kicker{font-size:9px;letter-spacing:.12em;margin-bottom:21px}
 .journey-message h2{font-size:clamp(40px,10.5vw,65px)}
 .journey-support{font-size:13px;line-height:1.8;margin-top:22px;max-width:290px}
 .journey-support br{display:none}
 .journey-shade{background:linear-gradient(90deg,rgba(0,0,0,.76),rgba(0,0,0,.42))}
}
@media(prefers-reduced-motion:reduce){
 .journey-message,.journey-shade{opacity:1!important}
}