/* ==========================================
   PERFORMANCE OPTIMIZATIONS
   ========================================== */

/* Prevent layout shifts */
img,
video,
iframe {
  aspect-ratio: attr(width) / attr(height);
  background: var(--off-white);
}

/* Content visibility for off-screen elements
   (testimonial removed to prevent mobile delay) */
.featured-card,
.project-card,
.service-card,
.pricing-card {
  content-visibility: auto;
  contain-intrinsic-size: 400px;
}

/* CTA section – always fully visible, no lazy delay */
.cta-section {
  content-visibility: visible;
}

/* Font loading optimization */
@font-face {
  font-family: "Manrope";
  font-display: swap;
}

@font-face {
  font-family: "Cormorant Garamond";
  font-display: swap;
}

/* Lazy loading fade effect */
img[loading="lazy"] {
  opacity: 0;
  transition: opacity 0.2s;
}

img[loading="lazy"].loaded {
  opacity: 1;
}

/* Reduce repaints */
.whatsapp-float {
  will-change: transform;
}

.hero-stats .stat {
  will-change: transform;
}