/* MyRound squeegee loading intro — see myround-wordmark-animated.svg (this
   directory) for the animation itself; this file only frames and then
   removes it. Shared across every page — one file, not duplicated per page.

   Timing: the SVG's own sweep runs 250ms -> 1750ms and its droplets land at
   1550ms -> 2000ms (see assets/brand/myRoundGeometry.ts's TOTAL_DURATION_MS
   for the canonical numbers). This fades the frame around it starting at
   2000ms, once the mark has fully settled. */

#mr-loading-intro {
  position: fixed;
  inset: 0;
  /* Above every page's own .cookie-consent banner (also position:fixed,
     also z-index:9999 — equal z-index falls back to DOM order, and the
     banner comes later in the document, so without this it painted through
     the overlay instead of staying hidden behind it until the intro clears). */
  z-index: 100000;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #060917; /* matches this site's own --void token exactly */
  animation: mrLoadingFade 400ms ease-out 2000ms forwards;
}

#mr-loading-intro img {
  display: block;
  width: min(72vw, 320px);
  height: auto;
}

@keyframes mrLoadingFade {
  0% { opacity: 1; }
  100% { opacity: 0; visibility: hidden; pointer-events: none; }
}

/* Under this preference the intro is not shown at all, rather than shown and
   then animated away.

   Two reasons, and the second one is load-bearing:

   1. A purely decorative full-screen intro is exactly the kind of motion this
      preference asks us to skip.

   2. It must not depend on an animation running in order to disappear.
      index.html carries a blanket `*,*::before,*::after{animation:none
      !important}` inside this same media query (for its hero animations).
      That silently cancelled the fade below, and because this overlay is
      position:fixed at z-index:100000 with no other exit, it sat at
      opacity:1 over the entire site permanently — the site was unusable for
      anyone with "reduce motion" enabled. `display:none` has no such
      dependency and cannot be cancelled the same way. */
@media (prefers-reduced-motion: reduce) {
  #mr-loading-intro { display: none; }
}