html { scroll-behavior: smooth; scroll-padding-top: 5rem; }
body { background-color: #000; }

/* Black base with a soft glow of the single brand blue (#014991). */
.hero-gradient {
  background:
    radial-gradient(circle at 25% 15%, rgba(1, 73, 145, 0.45) 0%, transparent 55%),
    radial-gradient(circle at 85% 85%, rgba(1, 73, 145, 0.30) 0%, transparent 50%),
    linear-gradient(160deg, #011F3D 0%, #000000 55%, #000000 100%);
}

.js .reveal {
  opacity: 0;
  transform: translateY(24px);
  transition: opacity .7s ease-out, transform .7s ease-out;
  will-change: opacity, transform;
}
.js .reveal.is-visible {
  opacity: 1;
  transform: none;
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .reveal { opacity: 1; transform: none; transition: none; }
}

#site-header.is-scrolled {
  box-shadow: 0 10px 30px -12px rgba(0, 0, 0, 0.9);
}