/* MDC v2.1.8.3 — Performance Optimization */

/* Reduce layout work for off-screen sections where supported */
main > section {
  content-visibility: auto;
  contain-intrinsic-size: 1px 900px;
}

/* Keep the first visible section immediately rendered */
main > section:first-child,
.executive-home-hero,
.page-hero,
.project-hero {
  content-visibility: visible;
  contain-intrinsic-size: auto;
}

/* Prevent layout shift */
img,
video,
iframe {
  height: auto;
}
img[width][height] {
  aspect-ratio: attr(width) / attr(height);
}

/* Faster rendering for large card grids */
.project-grid,
.research-grid,
.service-grid,
.course-grid,
.publication-grid,
.expert-grid,
.authentic-gallery,
.executive-pillar-grid,
.executive-insight-grid {
  contain: layout style paint;
}

/* Avoid expensive effects on low-power/mobile devices */
@media (max-width: 768px), (prefers-reduced-motion: reduce) {
  .site-header,
  .primary-nav,
  .visual-banner,
  .executive-image-panel .image-note {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }

  .card,
  .project-card,
  .research-card,
  .service-card,
  .course-card,
  .publication-card,
  .expert-card,
  .authentic-card,
  .visual-story-card,
  .research-practice-card,
  .project-evidence-card {
    box-shadow: 0 8px 20px rgba(8,44,74,.08);
  }
}

/* Font rendering and fallback resilience */
body {
  font-display: swap;
}

/* Prioritize interaction readiness */
button,
a,
input,
select,
textarea {
  touch-action: manipulation;
}