/* A photographic, full-screen journey through the systems we build. */
.journey-stage .screen-photo{filter:saturate(.6);object-position:62% center;transform:scale(1.025);transition:transform 1.4s cubic-bezier(.2,.7,.2,1)}
.journey-stage.is-in-view .screen-photo{transform:scale(1)}
.journey-stage .journey-content{max-width:850px}
.journey-stage h2{max-width:16ch;font-size:clamp(46px,5.5vw,78px)}
.journey-stage p.screen-lede{max-width:43ch}
.journey-stage .journey-examples{display:flex;flex-wrap:wrap;gap:0;margin-top:24px;color:var(--fg-2);font-size:16px;line-height:1.4}
.journey-stage .journey-examples span+span{border-left:1px solid var(--line-2);padding-left:15px;margin-left:15px}
.journey-stage .screen-actions{margin-top:24px}
.journey-stage .hero-logos{margin-top:22px}
.journey-stage .journey-content>*{transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}
.motion-ready .journey-stage:not(.is-in-view) .journey-content>*{opacity:0;transform:translateY(16px)}
.journey-stage .journey-content>*:nth-child(2){transition-delay:.06s}.journey-stage .journey-content>*:nth-child(3){transition-delay:.12s}.journey-stage .journey-content>*:nth-child(4){transition-delay:.17s}.journey-stage .journey-content>*:nth-child(5){transition-delay:.22s}
@media(max-width:700px){.journey-stage .screen-photo{object-position:64% center}.journey-stage h2{font-size:clamp(43px,9vw,57px)}.journey-stage .journey-examples{font-size:15px;gap:9px 16px;max-width:330px}.journey-stage .journey-examples span+span{border:0;padding:0;margin:0}.journey-stage .screen-actions{gap:20px}.journey-stage .screen-lede{max-width:30ch}}
@media(prefers-reduced-motion:reduce){.journey-stage .screen-photo,.journey-stage .journey-content>*{transition:none!important;transform:none!important;opacity:1!important}}