/* Converge-settle hero: load choreography where the media unwinds from a tilt + over-zoom while every block slides in
 * from its own side and shrinks into place (see part.json). The motion lives in part.js; this file only holds the
 * pre-paint hide (part.js marks <html> with .cv-armed from <head>) and the media layer's overflow guard. */
html.cv-armed [data-converge] { opacity: 0; }

/* the media is scaled to 1.4 and turned 8deg at the start: clip it to its frame so it never widens the page */
[data-converge-frame] { overflow: hidden; overflow: clip; }

@media (prefers-reduced-motion: reduce) {
  html.cv-armed [data-converge] { opacity: 1; }
}