[data-motion] {
  opacity: 0;
  transform: translateY(28px);
  transition: opacity 800ms cubic-bezier(.22,.61,.36,1), transform 1s cubic-bezier(.22,.61,.36,1);
}

[data-motion].is-visible {
  opacity: 1;
  transform: translateY(0);
}

.ex__tile.is-open .ex__more,
.sv__row.is-open .sv__more {
  grid-template-rows: 1fr;
  opacity: 1;
}

.ex__tile.is-open .cs-plus,
.sv__row.is-open .cs-plus {
  transform: rotate(45deg);
}

@media (prefers-reduced-motion: reduce) {
  [data-motion] {
    opacity: 1;
    transform: none;
    transition: none;
  }
}