:root {
  --serif: Georgia, 'Times New Roman', serif;
  --sans: Arial, Helvetica, sans-serif;
}

img {
  content-visibility: auto;
}

.hero-image,
.brand img {
  content-visibility: visible;
}

.services,
.about,
.testimonial,
.contact,
footer {
  content-visibility: auto;
  contain-intrinsic-size: auto 700px;
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { transition: none !important; }
}