/* Homepage visual polish — additive layer on top of the compiled build.
   Does not modify assets/styles-*.css; safe to remove by deleting the <link>. */

/* Primary CTA — richer glow + lift on hover, tactile press */
a.bg-gold-gradient {
  transition: transform .45s cubic-bezier(.16,1,.3,1), box-shadow .45s cubic-bezier(.16,1,.3,1);
}
a.bg-gold-gradient:hover {
  transform: translateY(-2px) scale(1.03);
  box-shadow: 0 0 90px -10px oklch(78% .13 65 / .65), 0 0 150px -30px oklch(78% .13 65 / .45);
}
a.bg-gold-gradient:active {
  transform: translateY(0) scale(.97);
}

/* Secondary (glass) buttons — subtle lift + deeper shadow */
a.glass {
  transition: transform .4s cubic-bezier(.16,1,.3,1), box-shadow .4s cubic-bezier(.16,1,.3,1), background-color .3s ease;
}
a.glass:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 30px -12px oklch(0% 0 0 / .5);
}

/* Hero portrait — deeper elevated shadow + slow hover zoom on the photo */
.shadow-elevated {
  transition: box-shadow .6s ease;
}
.shadow-elevated:hover {
  box-shadow: 0 0 110px -20px oklch(78% .13 65 / .5), 0 30px 70px -25px oklch(0% 0 0 / .65);
}
.shadow-elevated img {
  transition: transform 1.4s cubic-bezier(.16,1,.3,1) !important;
}
.shadow-elevated:hover img {
  transform: scale(1.045) !important;
}

/* Role/position cards — glowing top edge + firmer lift on hover */
.card-gradient {
  position: relative;
  transition: transform .5s cubic-bezier(.16,1,.3,1), box-shadow .5s cubic-bezier(.16,1,.3,1), border-color .5s ease;
}
.card-gradient::before {
  content: "";
  position: absolute;
  inset: 0 0 auto 0;
  height: 2px;
  background: var(--gradient-gold);
  opacity: 0;
  transition: opacity .4s ease;
}
.card-gradient:hover::before {
  opacity: 1;
}
.card-gradient:hover {
  border-color: oklch(78% .13 65 / .35);
}

/* Logo/partner marquee — pause on hover so names can be read */
section:has(.animate-marquee):hover .animate-marquee {
  animation-play-state: paused;
}

/* Gradient stat numbers — soft glow to lift them off the dark background */
.text-gold-gradient {
  filter: drop-shadow(0 0 16px oklch(78% .13 65 / .22));
}

/* Scroll-reveal fade-up for content sections below the fold.
   Progressive enhancement only: elements stay visible if JS never runs. */
.reveal {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity .8s cubic-bezier(.16,1,.3,1), transform .8s cubic-bezier(.16,1,.3,1);
}
.reveal-visible {
  opacity: 1;
  transform: translateY(0);
}
@media (prefers-reduced-motion: reduce) {
  .reveal { opacity: 1; transform: none; transition: none; }
}