/*
 * The theme's AOS hides every `data-aos` element until AOS, in the theme
 * bundle, starts and marks the ones in the window. The bundle runs only
 * after hydration (`ThemeScripts.tsx`), a second or more into a first
 * visit, while the header and everything without `data-aos` already show,
 * and a navigation already fades the whole new page in
 * (`page-transitions.css`): a second fade inside it read as the page
 * loading twice. So until AOS has an element (`aos-init`) it simply shows.
 * AOS then takes over in the same frame: the ones in the window it marks
 * animated (already shown, so nothing moves), the ones further down it
 * hides, out of sight, to fade in as they scroll in. Not `!important`: an
 * inline transform (the home teaser's growth, `video-start.js`) still wins;
 * this file loads after `app.css`, so it wins the AOS rules of equal weight.
 */
[data-aos]:not(.aos-init) {
  opacity: 1;
  transform: none;
}