/* The agency page (theme/pages/agencies/, served at /agencies/): what its parts share. The sections live in parts/,
   three of them, each with its own HTML, CSS and script where it needs one: top (the hero), blocks (seven static
   blocks, one reason each) and finale (the departures board and the planes). The page's brief is the umbrella's
   marketing/landing/prototypes/flightdeck/briefs/agencies-landing-static.md. The page is assembled from the landing
   kit (theme/assets/css/kit.css; the umbrella's marketing/landing/BRANDBOOK.md): the hero, the blocks, the finale,
   the buttons, the chips and the window frame are its k-* parts, and the parts' own files hold only what is this
   page's (the pictures, the board, the airfield). This file holds the anchor offset, the list reset, the focus ring
   for what the kit does not cover and the still frame under reduced motion. The hero demo's YourBrand tile in dark is
   the demo's own rule for its agencies set (src/demo.css), and the pictures /white-label/ shares are the
   kit's (.k-wl). Every rule is scoped to .pg-agencies, the class templates/page-parts.php puts on <main>. */

main.pg-agencies{padding-top:0}
.pg-agencies [id]{scroll-margin-top:calc(var(--nav-h) + 16px)}
:where(.pg-agencies) :where(ul,ol){list-style:none;margin:0;padding:0}
.pg-agencies :where(a,button,summary,[tabindex]):focus-visible{outline:2px solid var(--blue);outline-offset:3px;border-radius:8px}
@media (prefers-reduced-motion:reduce){
  .pg-agencies *{transition:none !important;animation:none !important}
}