/* Pre-animation states (only while the intro runs) and the reduced-motion version. */
.intro [data-intro] { opacity: 0; animation: introfail 0s 1.2s forwards; }
@keyframes introfail { to { opacity: 1; } }

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; }
  .btn, .tab, .vtab, .vpage, .box::after { transition-property: opacity, background-color, color !important; transition-duration: 150ms !important; }
  .btn:active { transform: none; }
  .sheet, .sheet[data-state="open"] { transform: none !important; transition: opacity 150ms ease !important; }
  .js .vpage { transform: none; transition: opacity 150ms ease; }
}