/* Tomorrow.bio - Webfonts
   PP Neue Montreal is the primary brand typeface (display + UI).
   Roboto is the secondary/legacy face (loaded from Google Fonts where needed). */

@font-face {
  font-family: "PP Neue Montreal";
  src: url("fonts/PPNeueMontreal-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "PP Neue Montreal";
  src: url("fonts/PPNeueMontreal-Italic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "PP Neue Montreal";
  src: url("fonts/PPNeueMontreal-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "PP Neue Montreal";
  src: url("fonts/PPNeueMontreal-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

html { scroll-behavior: smooth; }
    body { margin: 0; background: #ffffff; -webkit-font-smoothing: antialiased; }
    a { color: #4c00ab; text-decoration: none; }
    a:hover { color: #2f0069; }
    ::selection { background: #ece0ff; }
.h1:hover{color: #fff !important}
.h2:hover{background: rgba(255,255,255,0.12) !important}
.h3:hover{opacity: 0.86 !important;color: var(--ink) !important}
.h4:hover{color: #fff !important;text-decoration: underline !important}
button:focus-visible, a:focus-visible { outline: 2px solid #ffffff; outline-offset: 3px; }
#foundation a:focus-visible, #structure a:focus-visible, #purpose a:focus-visible,
#governance a:focus-visible, #board a:focus-visible { outline-color: #4c00ab; }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } * { transition: none !important; } }
@media (max-width: 720px) {
  header nav { display: none !important; }
  header > div { grid-template-columns: 1fr auto !important; min-height: 72px !important; }
  header img { width: 52px !important; height: 52px !important; }
  [style*="grid-column: span 2"] { grid-column: auto !important; }
  section, footer { scroll-margin-top: 72px !important; }
  #top [style*="auto-fit"] > div { padding: 18px 0 20px !important; }
}