/*
  hellers-town.com: the page-to-page View Transition (Jack's ruling of 2026-10-10 turns it on).
  Linked first in <head>, ahead of the inline motion script, on purpose: with the opt-in in the last
  stylesheet of <head>, 4 to 5 transitions in 12 were aborted when the new page revealed; from here,
  0 in 12 (measured 2026-10-11; README "Motion", tools/test-view-transition.mjs).
  - Only under prefers-reduced-motion: no-preference. Under reduce, nothing transitions at all.
  - The root crossfades on the small time and the shared entrance curve; nothing slides.
  - The header is the one element every hub page shares, so it is named and held still while the
    page under it changes. The hero picture exists only on the home page, so it is not named.
  - CSS only: it never blocks the first paint; a click is held at most for the crossfade.
  Brand variables only (resolved when the transition runs, so this file may load before tokens.css).
*/
@media (prefers-reduced-motion: no-preference) {
  @view-transition { navigation: auto; }
  .ht-bar { view-transition-name: ht-header; }
  ::view-transition-old(root),
  ::view-transition-new(root),
  ::view-transition-group(ht-header) {
    animation-duration: var(--ht-dur-s);
    animation-timing-function: var(--ht-ease-in);
  }
}