/* Shared motion layer: additive only, does not override existing per-page styles. */

nav {
  transition: box-shadow .3s ease;
}
nav.nav-scrolled {
  box-shadow: 0 4px 24px rgba(0,0,0,.14);
}

.reveal {
  opacity: 0;
  transform: translateY(28px);
  transition: opacity .7s cubic-bezier(0.16,1,0.3,1), transform .7s cubic-bezier(0.16,1,0.3,1);
}
.reveal.is-visible {
  opacity: 1;
  transform: translateY(0);
}
.reveal-delay-1 { transition-delay: .08s; }
.reveal-delay-2 { transition-delay: .16s; }
.reveal-delay-3 { transition-delay: .24s; }
.reveal-delay-4 { transition-delay: .32s; }

.hero-enter > * {
  opacity: 0;
  transform: translateY(20px);
  animation: heroEnterIn .7s cubic-bezier(0.16,1,0.3,1) forwards;
}
.hero-enter > *:nth-child(1) { animation-delay: .05s; }
.hero-enter > *:nth-child(2) { animation-delay: .15s; }
.hero-enter > *:nth-child(3) { animation-delay: .25s; }
.hero-enter > *:nth-child(4) { animation-delay: .35s; }

@keyframes heroEnterIn {
  to { opacity: 1; transform: translateY(0); }
}

.whom-card,
.cred-card,
.approach-card {
  transition: transform .3s cubic-bezier(0.16,1,0.3,1), box-shadow .3s ease;
}
.whom-card:hover,
.cred-card:hover,
.approach-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 14px 32px rgba(1,73,113,.12);
}

@media (prefers-reduced-motion: reduce) {
  .reveal,
  .hero-enter > * {
    opacity: 1 !important;
    transform: none !important;
    animation: none !important;
    transition: none !important;
  }
}