/* Road scene: open landscape between an editorial heading and a route index. */
.visual-road,#road .visual{background:var(--paper)}
.visual-road::after,#road .visual::after{display:none}
.visual-road .scene-image,#road .scene-image{position:absolute;inset:22% 0 auto;width:100%;height:49%;object-fit:cover;object-position:50% 62%;mask-image:none}
.road-copy,body[data-enhanced] .road-copy{inset-inline-start:0;margin:0;width:100%;height:100svh;min-height:0;padding:108px var(--gutter) 78px;display:flex;flex-direction:column;justify-content:space-between;align-items:stretch}
.road-heading{display:flex;justify-content:space-between;align-items:end;gap:30px}
.road-copy .road-heading h2{font-size:clamp(35px,4vw,65px);line-height:1.06;margin:0;max-width:15ch}
.road-copy .road-heading p{font-size:16px;line-height:1.5;max-width:23ch;padding-bottom:4px;color:var(--muted)}
.road-route{background:var(--paper);padding-top:20px}
.road-route ol{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));list-style:none;padding:0;margin:0;gap:24px}
.road-route li{min-width:0;border-top:1px solid var(--line-strong)}
.road-route li a{display:block;padding:12px 0 8px;text-decoration:none;min-height:95px}
.road-route span{display:block;font-size:12px;color:var(--red);margin-bottom:9px;font-variant-numeric:tabular-nums}
.road-route strong{display:block;font-size:17px;font-weight:500;line-height:1.25}
.road-route small{display:block;font-size:13px;line-height:1.4;color:var(--muted);margin-top:6px}
.road-copy .road-detail-link{display:inline-flex;align-items:center;min-height:44px;font-size:13px;color:var(--red);text-underline-offset:5px;margin-top:6px}
@media(hover:hover) and (pointer:fine){.road-route li a:hover strong{text-decoration:underline;text-underline-offset:4px}}
@media(max-width:760px),(max-aspect-ratio:4/5){
 .visual-road .scene-image,#road .scene-image{inset:24% 0 auto;height:40%;object-position:50% 65%;mask-image:none}
 .road-copy,body[data-enhanced] .road-copy{padding:100px 25px 72px}
 .road-heading{display:block}.road-copy .road-heading h2{font-size:clamp(32px,5vw,46px);max-width:15ch;margin:0 0 8px}.road-copy .road-heading p{font-size:14px;max-width:none;padding:0}
 .road-route{padding-top:15px}.road-route ol{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 22px}
 .road-route li a{padding:9px 0 5px;min-height:80px}.road-route span{font-size:11px;margin-bottom:5px}.road-route strong{font-size:14px}.road-route small{font-size:12px;margin-top:4px}.road-copy .road-detail-link{margin-top:5px;font-size:12px}
}
@media(max-height:700px){.road-copy,body[data-enhanced] .road-copy{min-height:700px}.visual-road .scene-image,#road .scene-image{top:200px;height:230px}}
@media(min-height:701px){.visual-road .scene-image,#road .scene-image{top:210px;height:calc(100% - 450px)}}
@media(min-height:701px) and (max-width:760px),(min-height:701px) and (max-aspect-ratio:4/5){.visual-road .scene-image,#road .scene-image{top:210px;height:calc(100% - 505px)}}