/* Keep the masthead and full-screen image anchored while foreground content changes. */
html.route-arrival main>*:not(.editorial-hero):not(.resting-scene),html.route-arrival .home-identity,html.route-arrival .hero-caption,html.route-arrival .resting-details,html.route-arrival .enter-archive,html.route-arrival .hero-edition,html.route-arrival body>footer{opacity:0}
html.site-changing{scroll-snap-type:none!important}
.site-header nav a{transition:background .2s,color .2s,opacity .2s}
.site-header nav a[aria-current]{text-decoration-thickness:1px}
@media(prefers-reduced-motion:reduce){html.route-arrival main>*,html.route-arrival .home-identity,html.route-arrival .hero-caption,html.route-arrival .resting-details,html.route-arrival .enter-archive,html.route-arrival .hero-edition,html.route-arrival body>footer{opacity:1}}
/* Media participates in the same transition, with a longer optical dissolve. */
html.route-arrival .hero-media,html.route-arrival .photo-media{opacity:0}
.resting-scene{background:var(--paper)}
.site-header{transition:color .3s,border-color .3s}
html.site-changing body>.site-header,html.route-arrival body>.site-header{color:var(--ink);border-color:var(--line)}
@media(prefers-reduced-motion:reduce){html.route-arrival .hero-media,html.route-arrival .photo-media{opacity:1}.site-header{transition:none}}

.hero-media{position:absolute;inset:0;z-index:-1;pointer-events:none}.photo-media{position:absolute;inset:0;z-index:0;pointer-events:none}