.home-motion {
  position: relative;
  isolation: isolate;
  overflow-x: hidden;
  background:
    radial-gradient(circle at 18% 12%, #8d101f36, transparent 34%),
    radial-gradient(circle at 86% 82%, #5209142e, transparent 38%),
    linear-gradient(145deg, #08090b, #0c090b 52%, #07080a);
  background-size: 130% 130%, 140% 140%, 100% 100%;
  animation: home-ambient-shift 18s ease-in-out infinite alternate;
}

.home-motion::before,
.home-motion::after {
  position: fixed;
  z-index: -1;
  border-radius: 50%;
  pointer-events: none;
  content: "";
  filter: blur(70px);
}

.home-motion::before {
  top: 6%;
  left: 8%;
  width: min(34vw, 480px);
  aspect-ratio: 1;
  background: #ba17252b;
  animation: home-glow-drift 16s ease-in-out infinite alternate;
}

.home-motion::after {
  right: 4%;
  bottom: 4%;
  width: min(28vw, 390px);
  aspect-ratio: 1;
  background: #740d1830;
  animation: home-glow-drift 20s ease-in-out -7s infinite alternate-reverse;
}

.institutional-card--home {
  opacity: 0;
  transform: translateY(16px);
  animation: home-card-enter .65s cubic-bezier(.2, .75, .2, 1) .08s forwards;
}

.institutional-card--home .institutional-visual {
  opacity: 0;
  transform: scale(.985);
  animation: home-visual-enter .7s ease-out .18s forwards;
}

.institutional-card--home .institutional-copy > * {
  opacity: 0;
  transform: translateY(9px);
  animation: home-copy-enter .45s ease-out forwards;
}

.institutional-card--home .institutional-copy > :nth-child(1) { animation-delay: .28s; }
.institutional-card--home .institutional-copy > :nth-child(2) { animation-delay: .34s; }
.institutional-card--home .institutional-copy > :nth-child(3) { animation-delay: .40s; }
.institutional-card--home .institutional-copy > :nth-child(4) { animation-delay: .46s; }
.institutional-card--home .institutional-copy > :nth-child(n+5) { animation-delay: .52s; }

.institutional-card--home .institutional-primary,
.institutional-card--home .institutional-secondary {
  transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease, background-color .2s ease;
}

.institutional-card--home .institutional-primary:hover,
.institutional-card--home .institutional-secondary:hover {
  transform: translateY(-2px);
}

@keyframes home-ambient-shift {
  to { background-position: 7% 4%, 93% 88%, 0 0; }
}

@keyframes home-glow-drift {
  to { transform: translate3d(24px, 18px, 0) scale(1.08); opacity: .72; }
}

@keyframes home-card-enter {
  to { opacity: 1; transform: none; }
}

@keyframes home-visual-enter {
  to { opacity: 1; transform: none; }
}

@keyframes home-copy-enter {
  to { opacity: 1; transform: none; }
}

@media (max-width: 560px) {
  .home-motion::before { width: 72vw; }
  .home-motion::after { width: 62vw; }
}

@media (prefers-reduced-motion: reduce) {
  .home-motion,
  .home-motion::before,
  .home-motion::after,
  .institutional-card--home,
  .institutional-card--home .institutional-visual,
  .institutional-card--home .institutional-copy > * {
    animation: none !important;
  }

  .institutional-card--home,
  .institutional-card--home .institutional-visual,
  .institutional-card--home .institutional-copy > * {
    opacity: 1;
    transform: none;
  }
}