:root{--journey-night:#060b17;--journey-blue:#9ec5ff}
.road-sequence{position:relative;background:var(--journey-night);color:#f4f7ff}
.road-stage{position:relative;isolation:isolate;overflow:clip;padding:100px var(--gutter) 40px}
#road-field,.road-fallback{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none}#road-field{display:none}
.road-heading{max-width:780px}.road-heading h2{font-size:clamp(2.5rem,4.7vw,4.6rem);line-height:1.08;letter-spacing:-.035em;font-weight:430}
.road-heading>p{font-size:17px;line-height:1.6;color:#becee8;margin-top:26px;max-width:42ch}
.road-copy{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:48px 65px;max-width:1100px;margin:64px 0}
.road-copy article,.road-copy article:nth-child(even){padding:0;border:0}
.road-copy h3{font-size:clamp(2rem,3.5vw,3.1rem);line-height:1.12;letter-spacing:-.03em;color:#f0f6ff;font-weight:450;max-width:18ch}
.road-copy p{font-size:17px;line-height:1.65;color:#c8d8f1;max-width:34ch;margin-top:23px}
.road-utility{display:flex;align-items:center;justify-content:space-between;gap:32px;z-index:3}
.road-picks{display:flex;gap:28px;max-width:850px;flex:1}.road-pick{display:flex;align-items:flex-start;min-height:52px;padding:14px 0 0;border-top:1px solid #49618a;color:#9eb4d7;flex:1;font-size:12px;line-height:1.4;transition:color 160ms,border-color 160ms}
.road-pick[aria-current=step],.road-pick:hover{color:#fff;border-color:#b5cdff}
.road-stop{position:absolute;left:0;width:1px;height:1px;scroll-margin-top:0}
/* Keep the original travel distance, then hold the final road view for reading. */
html[data-experience=animated] .road-sequence{--road-travel-screens:5.2;--road-hold-screens:1.2;height:calc((1 + var(--road-travel-screens) + var(--road-hold-screens))*100svh)}
html[data-experience=animated] .road-stage{position:sticky;top:0;height:100svh;min-height:0;padding:0}
html[data-experience=animated][data-road=canvas] #road-field{display:block}
html[data-experience=animated][data-road=canvas] .road-fallback{display:none}
html[data-experience=animated] .road-heading{position:absolute;top:18%;left:var(--gutter);max-width:740px;opacity:var(--road-heading-opacity,1);transform:translateY(var(--road-heading-y,0px))}
html[data-experience=animated] .road-copy{position:absolute;inset:0;margin:0;width:auto;max-width:none;height:auto;display:block;pointer-events:none}
html[data-experience=animated] .road-copy article{position:absolute;width:34%;max-width:460px;opacity:var(--step-opacity,0);transform:translateY(var(--step-y,0px));padding:0}
html[data-experience=animated] .road-copy article:nth-child(1){left:var(--gutter);top:19%}
html[data-experience=animated] .road-copy article:nth-child(2){right:var(--gutter);top:23%}
html[data-experience=animated] .road-copy article:nth-child(3){left:8%;top:37%}
html[data-experience=animated] .road-copy article:nth-child(4){right:6%;top:17%}
html[data-experience=animated] .road-utility{position:absolute;bottom:30px;left:var(--gutter);right:var(--gutter)}
html[data-experience=animated] .road-stage::after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(0deg,#060b17 0%,transparent 23%,transparent 78%,#060b1720 100%);pointer-events:none}
html:not([data-experience=animated]) .road-picks{display:none}
html:not([data-experience=animated]) .road-copy article{opacity:1!important;transform:none!important}
html:not([data-experience=animated]) .road-fallback{opacity:.18}

.road-utility .motion-toggle{min-height:44px;border:0;background:none;padding:0;color:#c5d7f4;font-size:13px;gap:9px;white-space:nowrap}
@media(max-width:1060px){.road-picks{gap:18px}.road-utility{gap:22px}.road-copy p{font-size:16px}.road-copy h3{font-size:2.5rem}}
@media(max-width:760px){.road-stage{padding:70px var(--gutter) 30px}.road-heading h2{font-size:clamp(2rem,8.6vw,3rem)}.road-heading>p{font-size:15px;max-width:29ch;margin-top:22px}.road-copy{grid-template-columns:1fr;gap:38px;margin:44px 0}.road-copy h3{font-size:clamp(2rem,8.5vw,2.8rem)}.road-copy p{font-size:15px;max-width:30ch;margin-top:18px}html[data-experience=animated] .road-sequence{--road-travel-screens:4.6;--road-hold-screens:1}html[data-experience=animated] .road-heading{top:15%;left:var(--gutter);right:var(--gutter)}html[data-experience=animated] .road-copy article:nth-child(n){left:var(--gutter);right:var(--gutter);top:17%;width:auto;max-width:350px}html[data-experience=animated] .road-copy article:nth-child(even){top:23%}html[data-experience=animated] .road-utility{bottom:22px;flex-direction:column;gap:16px;align-items:stretch}.road-picks{gap:12px;width:100%;max-width:none}.road-pick{font-size:10px;min-width:0;min-height:48px;padding-top:10px}.road-utility .motion-toggle{align-self:flex-end;font-size:12px}.road-utility .motion-label{font-size:12px}html:not([data-experience=animated]) .road-utility .motion-toggle{margin-left:auto}}
@media(max-height:640px){html[data-experience=animated] .road-copy article:nth-child(n){top:15%}.road-copy h3{font-size:2rem}.road-copy p{font-size:14px}.road-heading h2{font-size:2.2rem}}
@media(prefers-reduced-motion:reduce){.road-pick{transition:none}}