/* ==========================================================================
   Rendering performance hints
   content-visibility: auto → the browser skips layout/paint for these
   sections until the visitor scrolls near them. On an image-heavy homepage
   this cuts initial rendering work dramatically. contain-intrinsic-size
   reserves approximate space so the scrollbar doesn't jump.
   ========================================================================== */

.bio,
.clients,
.quote,
.all-projects-cta,
.project--split,
.project--wide,
.project--trio,
.project--stacked {
  content-visibility: auto;
  contain-intrinsic-size: auto 720px;
}

.filmstrip {
  content-visibility: auto;
  contain-intrinsic-size: auto 480px;
}

/* Case study pages: editorial gallery below the hero */
.case-editorial figure,
.case-editorial .case-editorial__pair {
  content-visibility: auto;
  contain-intrinsic-size: auto 640px;
}

/* Work grid tiles below the fold */
.work-wall .work-tile {
  content-visibility: auto;
  contain-intrinsic-size: auto 320px;
}