#runrig{scroll-margin-top:-104px}
.road-journey{height:240svh;position:relative;background:var(--paper-light)}
.road-stage{height:100svh;min-height:480px;position:sticky;top:0;overflow:hidden;isolation:isolate;background:var(--paper-light)}
.road-paper,.road-film{position:absolute;top:0;left:0;transform-origin:0 0;will-change:transform,opacity}
.road-paper{z-index:1;filter:drop-shadow(0 12px 20px #302b241c)}.road-paper img{width:100%;height:100%;max-width:none}
.road-film{z-index:2;overflow:hidden;background:#282b23}
.road-film video,.road-original{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover}
.road-film video{opacity:0}.road-film.video-ready video{opacity:1}.road-original{z-index:2}
.road-canvas{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;z-index:1;opacity:0;pointer-events:none}.road-film.canvas-ready .road-canvas{opacity:1}
@media(max-width:760px){.road-canvas{display:none}}
.road-film:after{content:"";position:absolute;inset:0;z-index:3;background:linear-gradient(90deg,#080c1199,transparent 75%);opacity:var(--ending,0);pointer-events:none}
.road-opening{position:absolute;z-index:4;left:var(--gutter);top:calc(var(--header) + 40px)}
.road-opening .eyebrow{color:var(--red);margin-bottom:20px}.road-opening h2{font-size:clamp(68px,7.5vw,128px);letter-spacing:-.05em;line-height:.9}
.road-opening>p:not(.eyebrow){font:24px/1.3 var(--serif);margin-top:30px}.road-opening>p em{color:var(--red)}.road-opening .text-link{margin-top:20px;min-width:160px}
.road-ending{position:absolute;z-index:4;left:var(--gutter);top:calc(var(--header) + 50px);color:#faf7ef;opacity:0;text-shadow:0 2px 16px #0008}
.road-ending .eyebrow{margin-bottom:24px}.road-ending h3{font-size:clamp(50px,6vw,96px);line-height:.95;letter-spacing:-.045em}.road-ending .text-link{margin-top:26px;min-width:180px}
.road-folio{position:absolute;z-index:5;bottom:30px;left:var(--gutter);right:var(--gutter);display:flex;justify-content:space-between;gap:20px;font-size:11px;color:var(--muted);pointer-events:none}.road-folio.on-landscape{color:#faf7ef;text-shadow:0 2px 9px #000}
.motion-off .road-journey{height:max(480px,100svh)}.motion-off .road-stage{position:relative}
@media(max-width:760px){.road-journey{height:225svh}.road-opening{top:calc(var(--header) + 30px);right:var(--gutter)}.road-opening .eyebrow{font-size:10px;margin-bottom:15px}.road-opening h2{font-size:64px}.road-opening>p:not(.eyebrow){position:absolute;left:0;top:107px;font-size:17px;margin:0}.road-opening .text-link{position:absolute;right:0;top:110px;font-size:10px;min-width:118px;gap:15px;margin:0;padding:9px 0}.road-ending{top:calc(var(--header) + 42px)}.road-ending h3{font-size:52px}.road-ending .eyebrow{font-size:10px}.road-folio{bottom:26px;font-size:10px}}
@media(max-width:760px){#runrig{scroll-margin-top:-90px}}
@media(max-width:370px){.road-opening>p:not(.eyebrow){font-size:15px}.road-opening .text-link{min-width:105px;font-size:9px;gap:12px}}
@media(max-height:599px) and (min-width:761px){.road-opening{top:calc(var(--header) + 20px)}.road-opening .eyebrow{margin-bottom:12px}.road-opening h2{font-size:64px}.road-opening>p:not(.eyebrow){font-size:20px;margin-top:16px}.road-opening .text-link{margin-top:10px}.road-ending{top:calc(var(--header) + 25px)}.road-ending h3{font-size:58px}.road-ending .eyebrow{margin-bottom:16px}.road-ending .text-link{margin-top:18px}.road-folio{bottom:22px}}
