@media (prefers-reduced-motion: no-preference) {
  .enter-view {
    animation: enter-view .65s cubic-bezier(.2,.7,.2,1) var(--entry-delay, 0ms) backwards;
  }

  .has-menu #site-nav:not([hidden]) {
    animation: menu-in .2s ease-out backwards;
  }

  .cover img { transition: transform .6s cubic-bezier(.2,.7,.2,1); }
  .card:focus-within .cover img { transform: scale(1.04); }

  @media (hover: hover) {
    .card:hover .cover img { transform: scale(1.04); }
  }
}

@keyframes enter-view {
  from { opacity: .65; translate: 0 18px; }
  to { opacity: 1; translate: 0 0; }
}

@keyframes menu-in {
  from { opacity: 0; translate: 0 -6px; }
  to { opacity: 1; translate: 0 0; }
}
.perk:nth-child(even), .row:nth-child(even), .card:nth-child(even), .step:nth-child(even) {
  --entry-delay: 75ms;
}