@keyframes motion-card-in {
  from { opacity: 0; transform: translateY(14px); }
  to { opacity: 1; transform: none; }
}
@media (prefers-reduced-motion: no-preference) {
  .motion-stagger .block { animation: none; }
  /* Kartı olmayan bölüm yalnız belirir. */
  html.js .motion-stagger main .block:not(.block-hero):not(.block-slider):not(:has(.items, .intro-points)) {
    transition: opacity 0.6s ease;
  }
  html.js .motion-stagger main .block:not(.block-hero):not(.block-slider):not(.is-in):not(:has(.items, .intro-points)) {
    opacity: 0;
  }
  /* Kartlı bölümde başlık yerinde durur, kartlar sırayla yükselir. */
  html.js .motion-stagger main .block:not(.block-hero):not(.block-slider):not(.is-in) :is(.items, .intro-points) > * {
    opacity: 0;
  }
  html.js .motion-stagger main .block.is-in:not(.block-hero):not(.block-slider) :is(.items, .intro-points) > * {
    animation: motion-card-in 0.5s ease backwards;
    animation-delay: calc(var(--i, 0) * 80ms);
  }
}