/* Shared, lightweight animated gold background; no video download required. */
:is(.intro, .conditions, .reviews, .pricing, .visit, .services, .techniques, .reassurance) {
  position: relative;
  isolation: isolate;
  overflow: clip;
}
:is(.intro, .conditions, .reviews, .pricing, .visit, .services, .techniques, .reassurance)::before {
  content: "";
  position: absolute;
  inset: -16%;
  z-index: -1;
  pointer-events: none;
  background:
    radial-gradient(ellipse at 15% 20%, rgba(231, 184, 86, .48), transparent 52%),
    radial-gradient(ellipse at 85% 75%, rgba(213, 166, 137, .32), transparent 50%),
    radial-gradient(ellipse at 65% 10%, rgba(255, 251, 224, .9), transparent 55%);
  animation: clinic-gold-drift 22s ease-in-out infinite alternate;
}
:is(.services, .techniques)::before {
  background:
    radial-gradient(ellipse at 12% 25%, rgba(206, 148, 43, .2), transparent 52%),
    radial-gradient(ellipse at 85% 70%, rgba(42, 24, 5, .48), transparent 55%),
    radial-gradient(ellipse at 60% 5%, rgba(210, 156, 57, .14), transparent 48%);
  animation-delay: -11s;
}
.reassurance::before {
  background:
    radial-gradient(ellipse at 20% 25%, rgba(235, 182, 73, .12), transparent 52%),
    radial-gradient(ellipse at 80% 80%, rgba(66, 36, 6, .25), transparent 58%);
}
:is(.conditions, .pricing, .visit)::before {
  animation-delay: -8s;
  animation-direction: alternate-reverse;
}
.hero-shade::after {
  content: "";
  position: absolute;
  inset: -16%;
  pointer-events: none;
  background:
    radial-gradient(ellipse at 20% 35%, rgba(228, 175, 65, .26), transparent 55%),
    radial-gradient(ellipse at 70% 65%, rgba(255, 238, 187, .22), transparent 50%);
  animation: clinic-gold-drift 22s ease-in-out infinite alternate;
}
@keyframes clinic-gold-drift {
  from { transform: translate3d(-4%, -3%, 0) scale(1); }
  to { transform: translate3d(5%, 4%, 0) scale(1.08) rotate(5deg); }
}
@media (prefers-reduced-motion: reduce) {
  :is(.intro, .conditions, .reviews, .pricing, .visit, .services, .techniques, .reassurance)::before,
  .hero-shade::after {
    animation: none;
    transform: none;
  }
}