/* Colour belongs to the scenery; the interface stays calm.
   Static colour adjustment, never animated or driven by another render loop. */
:root{--scene-colour:saturate(1.2) contrast(1.04) brightness(1.06)}
.film-layer img,.route-media img{filter:var(--scene-colour)}
.film-shade{background:linear-gradient(90deg,#050507c2 0%,#0505077a 37%,#05050705 72%),linear-gradient(0deg,#050507a8 0%,transparent 28%,transparent 76%,#05050755 100%)}
.scene::before{background:var(--poster) center/cover;filter:var(--scene-colour)}
.scene::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#050507b3,#0505074a);pointer-events:none}
.is-ready:not(.linear) .scene::after{display:none}
.scene-copy :is(h1,h2){text-shadow:0 2px 26px #0006}
.scene-copy :is(.kicker,.line-link),.scene-bottom{text-shadow:0 1px 10px #000a}
.scene-top .location{background:#0b0b0ca6;padding:4px 8px;color:#f1ede4}
.route-shade{background:linear-gradient(90deg,#07080bb3,#07080b61 46%,#07080b0d 80%),linear-gradient(0deg,#07080ba3,transparent 38%,#07080b3d)}
.route-hero-copy :is(h1,.eyebrow,.breadcrumbs,.route-reading-link),.route-source{text-shadow:0 2px 20px #0009}
@media(max-width:800px){
 .film-shade{background:linear-gradient(90deg,#050507bf 0%,#05050791 60%,#05050733),linear-gradient(0deg,#050507c7 0%,#05050736 18%,transparent 36%,#05050714 74%,#0505075c 100%)}
 .route-shade{background:linear-gradient(90deg,#07080bb8,#07080b42),linear-gradient(0deg,#07080bb8,transparent 48%,#07080b4a)}
}
/* Directional glyphs are removed in source. Links retain a visible underline. */
.line-link,.big-link,.route-reading-link{gap:0}
@media print{.film-layer img,.route-media img,.scene::before{filter:none}.scene::after{display:none}}