*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

html { scroll-behavior: smooth; -webkit-text-size-adjust: 100%; }

body { min-height: 100vh; }

img, picture, video, svg { display: block; max-width: 100%; }

input, textarea, button, select { font: inherit; }

button { cursor: pointer; border: none; background: none; }

a { text-decoration: none; color: inherit; }

ul, ol { list-style: none; }

h1, h2, h3, h4 { font-weight: inherit; }

p { max-width: 75ch; }

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}