/* Only what Tailwind utilities cannot express. */

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

/* Anybody is variable on the width axis; hold it slightly expanded for a
   varsity-wordmark proportion. Falls back cleanly if the axis is unavailable. */
.font-display {
  font-stretch: 112%;
  font-synthesis-weight: none;
}

::selection {
  background: #1c5c3f;
  color: #fbfaf7;
}

/* Native details accordion: strip the default marker in every engine. */
summary {
  list-style: none;
}

summary::-webkit-details-marker {
  display: none;
}

summary::marker {
  content: "";
}

/* One-shot reveal, ease-out quint. No layout properties animated. */
.reveal {
  opacity: 0;
  transform: translate3d(0, 18px, 0);
  transition: opacity 0.7s cubic-bezier(0.22, 1, 0.36, 1),
    transform 0.7s cubic-bezier(0.22, 1, 0.36, 1);
}

.reveal.is-in {
  opacity: 1;
  transform: none;
}

@media (prefers-reduced-motion: reduce) {
  html.scroll-smooth {
    scroll-behavior: auto;
  }

  .reveal {
    opacity: 1;
    transform: none;
    transition: none;
  }

  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    transition-duration: 0.01ms !important;
  }
}
