.how-journey{--journey-active:var(--royal);color:#000;background:#fff;height:310vh;position:relative}.how-journey__viewport{align-items:center;width:100%;height:100svh;display:flex;position:sticky;top:0;overflow:hidden}.how-journey__track{flex:none;width:332vw;height:clamp(420px,34vw,600px);margin-top:2vh;position:relative}.how-journey__line{top:50%;left:var(--home-gutter,var(--page-padding));background:0 0;height:1px;position:absolute;right:3vw}.how-journey__line-fill{background:var(--journey-active);transform-origin:0;position:absolute;inset:0;transform:scaleX(0)}.how-journey__line-start,.how-journey__line-end{z-index:1;background:var(--journey-active);border-radius:50%;width:11px;height:11px;position:absolute;top:50%;transform:translate(-50%,-50%)}.how-journey__line-start{left:0}.how-journey__line-end{left:100%}.how-journey__intro,.how-journey__item{z-index:1;position:absolute}.how-journey__intro{inset:0 auto 0 var(--home-gutter,var(--page-padding));flex-direction:column;justify-content:space-between;width:28vw;padding-block:clamp(18px,2vw,40px);display:flex}.how-journey__intro h2{width:max-content;color:var(--royal);background:color-mix(in srgb, var(--royal) 8%, transparent);letter-spacing:.025em;text-transform:uppercase;align-self:flex-start;margin:0;padding:6px 10px;font-family:inherit;font-size:.875rem;font-weight:500;line-height:1.3;display:inline-block}.how-journey__item{left:var(--journey-left);width:34vw;height:50%;padding-left:3vw}.how-journey__item--top{top:0}.how-journey__item--bottom{top:50%}.how-journey__marker{width:1px;height:94%;position:absolute;left:0}.how-journey__item--top .how-journey__marker{bottom:0}.how-journey__item--bottom .how-journey__marker{top:0}.how-journey__stem{background:var(--journey-active);width:1px;height:100%;display:block}.how-journey__dot{background:var(--journey-active);border-radius:50%;width:12px;height:12px;position:absolute;left:50%;transform:translate(-50%)}.how-journey__item--top .how-journey__dot{top:0}.how-journey__item--bottom .how-journey__dot{bottom:0}.how-journey__item--top .how-journey__copy{padding-top:4%}.how-journey__item--bottom .how-journey__copy{width:calc(100% - 3vw);position:absolute;bottom:4%;left:3vw}.how-journey__item-title{letter-spacing:-.045em;margin:0 0 .75em;font-size:clamp(1.8rem,2.5vw,3.1rem);font-weight:500;line-height:1.05}.how-journey__item-title>span{color:var(--journey-active)}.how-journey__description{color:#3f3f46;max-width:28ch;margin:0;font-size:clamp(1rem,1.5vw,1.5rem);line-height:1.2}@media (max-width:600px){.how-journey{height:420vh}.how-journey__track{width:695vw;height:min(80vh,680px)}.how-journey__line{right:3vw}.how-journey__line-start,.how-journey__line-end{width:9px;height:9px}.how-journey__intro{left:var(--home-gutter,var(--page-padding));width:75vw;padding-block:5vw}.how-journey__item{left:var(--journey-left-mobile);width:75vw;padding-left:7vw}.how-journey__item--bottom .how-journey__copy{width:calc(100% - 7vw);left:7vw}.how-journey__item-title{font-size:clamp(1.75rem,6.4vw,2.5rem)}.how-journey__description{font-size:clamp(1rem,4.4vw,1.25rem)}}@media (prefers-reduced-motion:reduce){.how-journey{height:auto;padding:clamp(64px, 10vw, 120px) var(--page-padding)}.how-journey__viewport{height:auto;display:block;position:relative;overflow:visible}.how-journey__track{grid-template-columns:repeat(2,minmax(0,1fr));gap:3rem;width:100%;height:auto;margin:0;display:grid}.how-journey__line,.how-journey__marker{display:none}.how-journey__intro,.how-journey__item{width:auto;height:auto;padding:0;position:static}.how-journey__intro{gap:2rem}.how-journey__item--bottom .how-journey__copy{width:auto;position:static}}@media (max-width:600px) and (prefers-reduced-motion:reduce){.how-journey__track{grid-template-columns:1fr}.how-journey__item--top .how-journey__copy{padding:0}}