/* Legacy front-page hero fallback: color-only, with no photo background. */
.hero {
  isolation: isolate;
  background:
    radial-gradient(circle at 12% 20%, rgba(229, 173, 56, .18) 0, rgba(229, 173, 56, 0) 27%),
    radial-gradient(circle at 88% 80%, rgba(255, 255, 255, .12) 0, rgba(255, 255, 255, 0) 31%),
    linear-gradient(135deg, #075d62 0%, #0e8a8f 48%, #183f49 100%);
}

.hero::after {
  inset: auto;
  width: clamp(230px, 30vw, 450px);
  height: clamp(230px, 30vw, 450px);
  inset-inline-end: -8%;
  bottom: -36%;
  border: 1px solid rgba(255, 255, 255, .12);
  border-radius: 50%;
  background: transparent;
  box-shadow:
    0 0 0 55px rgba(255, 255, 255, .025),
    0 0 0 110px rgba(255, 255, 255, .018);
}

@media (max-width: 640px) {
  .hero::after {
    inset-inline-end: -38%;
    bottom: -25%;
  }
}