:root {
  --bayt-hero-image: url('/images/bayt-al-hikmah/hero-courtyard.webp');
  --tool-time-image: url('/images/bayt-al-hikmah/chronicle-workshop-v2.webp');
  --tool-ijazah-image: url('/images/bayt-al-hikmah/ijazah-circle-v2.webp');
  --tool-qibla-image: url('/images/bayt-al-hikmah/qibla-rooftop-v2.webp');
  --mustansiriya-image: url('/images/bayt-al-hikmah/al-mustansiriya-night-v2.webp');
}

/* Paint expensive off-screen sections only when they approach the viewport. */
@supports (content-visibility: auto) {
  .hikmah-section,
  .categories-section,
  .reflection-section,
  .works-section,
  #quote-of-day,
  .tools-container,
  .bc-section,
  .tm-layout {
    content-visibility: auto;
    contain-intrinsic-size: auto 760px;
  }
}

/* A neutral image placeholder prevents a black flash without an animated shimmer. */
.tool-card,
.wisdom-card,
.wisdom-page-hero .hero-img {
  background-color: #11100d;
}