* { box-sizing: border-box; }
html { scroll-padding-top: 24px; }
body { min-width: 280px; }
main { display: block; }
a, button, input, select, textarea { -webkit-tap-highlight-color: transparent; }
a, button { transition: filter 180ms ease, transform 180ms ease; }
a:hover, button:hover { filter: brightness(1.12); }
button:active { transform: translateY(2px); }
:focus-visible { outline: 3px solid #D6AE52; outline-offset: 5px; }
#contact a:focus-visible { outline-color: #0B1626; }
input, textarea, select { width: 100%; min-width: 0; }
textarea { min-height: 140px; }
button:disabled { opacity: .65; cursor: wait !important; }
.skip-link { position: absolute; top: 12px; left: 12px; z-index: 5; padding: 12px 20px; color: #0B1626; background: #D6AE52; border-radius: 8px; transform: translateY(-160%); font-family: 'Manrope', sans-serif; }
.skip-link:focus { transform: translateY(0); }
.txc-track > span { display: flex; align-items: center; gap: 44px; padding-right: 44px; font-size: 13px; font-weight: 800; letter-spacing: .18em; text-transform: uppercase; }
.txc-track b { font-size: 20px; font-weight: 400; }
#form-status[data-state="error"] { color: #F6B2A3 !important; }
@media (max-width: 700px) {
  #top { min-height: 780px !important; }
  #top > svg { height: 390px !important; }
  header { padding: 22px 20px !important; gap: 24px !important; }
  header nav { width: 100%; justify-content: space-between; gap: 6px !important; font-size: 12px !important; }
  header nav a:last-child { padding: 10px 14px !important; }
  #top > div { padding: 44px 20px 280px !important; }
  #top h1 { font-size: clamp(44px, 9vw, 64px) !important; }
  #top p:first-child { font-size: 10px !important; letter-spacing: .18em !important; }
  #why > div, #story > div, #routes > div, #process > div, #team > div, #contact > div { padding: 72px 20px !important; gap: 32px !important; }
  #why > div + div { padding-top: 0 !important; }
  #community > div:first-of-type { padding: 64px 20px 130px !important; gap: 24px !important; }
  #community > div:first-of-type svg { width: 220px; height: 220px; }
  #community > div + div { padding-left: 20px !important; padding-right: 20px !important; }
  #contact-form { padding: 26px !important; flex-basis: 100% !important; }
  #contact-form button { width: 100%; }
  #community [style*="minmax(240px"], #process [style*="minmax(240px"], #team [style*="minmax(320px"] { grid-template-columns: 1fr !important; }
  #team > div > div:last-child > div { flex-direction: column; padding: 28px !important; }
  .initiative-label { flex-wrap: wrap; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto !important; }
  .txc-track, .txc-float, .txc-route { animation: none !important; }
  a, button { transition: none; }
}