section.journey{background:var(--clr-black-900);color:var(--clr-mint-50);padding:var(--sp-section) 0 clamp(6rem, 3.0047vw + 5.29577rem, 8rem);z-index:1;position:relative;overflow:clip}section.journey:before{content:"";pointer-events:none;inset:0 var(--m);border-left:1px solid var(--line-dark);border-right:1px solid var(--line-dark);position:absolute}section.journey div.header{width:calc(var(--col) * 8 + var(--g) * 7);margin:0 auto clamp(4rem,3vw + 2.5rem,6rem);position:relative}section.journey div.header p:not(.text-label){max-width:calc(var(--col) * 6 + var(--g) * 5);margin-inline:auto}section.journey div.track{height:1px;margin-inline:var(--m);background:var(--line-dark);position:relative}section.journey div.track-fill{background:var(--clr-celadon-400);transform-origin:0;position:absolute;inset:0;transform:scaleX(0)}section.journey ol.stages{margin:0 var(--m);border-bottom:1px solid var(--line-dark);grid-template-columns:repeat(5,1fr);padding:0;list-style:none;display:grid}section.journey ol.stages li{border-right:1px solid var(--line-dark);flex-direction:column;row-gap:clamp(1rem,1vw + .5rem,1.5rem);padding:clamp(2rem,2vw + 1rem,3rem) clamp(1.25rem,1.5vw + .5rem,2rem) clamp(2.5rem,2vw + 1.5rem,3.5rem);display:flex;position:relative}section.journey ol.stages li:last-child{border-right:none}section.journey ol.stages li span.dot{background:var(--clr-celadon-400);width:.5rem;height:.5rem;position:absolute;top:-.5px;left:-1px;translate:0 -50%}section.journey ol.stages li span.n{font-family:var(--font-display), Arial, sans-serif;font-weight:var(--display-weight);letter-spacing:-.04em;color:var(--clr-mint-300);font-size:clamp(1.75rem,1.5vw + 1rem,2.5rem);line-height:1}section.journey ol.stages li figure.tile{width:clamp(3rem,2.25352vw + 2.47183rem,4.5rem);margin:.5rem 0 .75rem}section.journey ol.stages li h4{color:var(--clr-mint-50)}section.journey ol.stages li p{color:var(--clr-mint-200)}section.journey.pinned{height:calc(100svh + var(--stations) * 50svh);padding:0}section.journey.pinned div.pin{flex-direction:column;justify-content:center;height:100svh;padding-block:2rem;display:flex;position:sticky;top:0}section.journey.pinned div.header{width:calc(var(--col) * 10 + var(--g) * 9);margin-bottom:clamp(1.5rem,1.5vw + .5rem,2.5rem)}section.journey.pinned div.header h2{font-size:clamp(2rem,1.5vw + 1.25rem,3rem)}section.journey.pinned ol.stages li{grid-template-columns:1fr auto;align-content:start;align-items:center;row-gap:clamp(.625rem,.5vw + .375rem,1rem);padding-block:clamp(1.25rem,1vw + .75rem,2rem);display:grid}section.journey.pinned ol.stages li>h4,section.journey.pinned ol.stages li>p{grid-column:1/-1}section.journey.pinned ol.stages li figure.tile{width:clamp(2.5rem,1vw + 2rem,3.25rem);margin:0}@media not (min-width:68.75rem){section.journey ol.stages{grid-template-columns:repeat(3,1fr)}section.journey ol.stages li{border-bottom:1px solid var(--line-dark)}section.journey ol.stages li:nth-child(3n){border-right:none}section.journey ol.stages li:last-child{border-right:1px solid var(--line-dark)}}@media not (min-width:58.75rem){section.journey:before{display:none}section.journey div.header{width:calc(var(--col) * 8 + var(--g) * 7)}section.journey div.header p:not(.text-label){max-width:unset}section.journey ol.stages{grid-template-columns:1fr}section.journey ol.stages li,section.journey ol.stages li:nth-child(3n),section.journey ol.stages li:last-child{border-right:none}}