/*
 * DISERC Phase 5 — Performance foundation.
 * No existing animation definitions are modified.
 */

/* Reserve common media space to reduce layout shifts. */
img, video {
  height: auto;
}

/* Avoid rendering expensive below-the-fold sections until needed where supported. */
[data-defer-render] {
  content-visibility: auto;
  contain-intrinsic-size: auto 700px;
}

/* Native image placeholders should not create a visual flash. */
img[loading="lazy"] {
  background: color-mix(in srgb, var(--surface, #0c1118) 94%, white 6%);
}