/* Loaded last: accessibility and responsive invariants for Fly Challenges. */
.hero-copy h2 {
  font-size: clamp(37px, 4.7vw, 72px);
  line-height: 1.02;
  margin: 14px 0;
}
:where(button, a[href], input, select, textarea) { min-height: 44px; }
:where(button, a[href], input, select, textarea):focus-visible {
  outline: 3px solid #ff6254 !important;
  outline-offset: 3px;
}
@media (max-width: 680px) {
  html, body { max-width: 100%; overflow-x: clip; }
  main, main > *, .section, .card-grid, .challenge-card { min-width: 0; }
  :where(button, a[href], input, select, textarea) { min-width: 44px !important; min-height: 44px !important; }
  :where(p, li, dd, dt, small) { font-size: max(12px, .75rem) !important; }
  .hero-dot { width: 44px !important; min-width: 44px !important; height: 44px !important; min-height: 44px !important; }
}