/* WalesMap page transitions — native cross-document view transitions.
   Pilot scope: landing.html <-> your-atlas.html only.

   Both documents must opt in for a transition to run, so a page without this
   stylesheet simply navigates as before. Browsers without View Transitions
   support ignore all of it and navigate normally — there is no JS, no click
   interception, and no delay added before the browser starts loading. */

@view-transition {
    navigation: auto;
}

/* No shared-element (view-transition-name) morphs here, deliberately. Tried
   pairing the header "My Places" pill with the page <h1>: the two endpoints
   differ in typeface (sans -> Georgia), size (0.86rem -> 2.8rem), weight and
   corner, and the group animation interpolates boxes and crossfades bitmaps
   rather than re-typesetting — so the midpoint was blurry doubled text flying
   across the viewport. A morph only works where the endpoints really are the
   same object (a card thumbnail growing into its hero image, say). */

/* Default is 250ms, which reads as a flicker rather than a transition. */
::view-transition-group(*) {
    animation-duration: 380ms;
}

@media (prefers-reduced-motion: reduce) {
    @view-transition {
        navigation: none;
    }
}