/* Self-hosted type: no third-party font requests (OFL licences beside the files). */
@font-face {
  font-family: "Bricolage Grotesque";
  src: url("/assets/fonts/BricolageGrotesque.woff2") format("woff2");
  font-weight: 200 800;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("/assets/fonts/Inter.woff2") format("woff2");
  font-weight: 100 900;
  font-display: swap;
}

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

/* The design's fields and buttons are styled inline; these add states. */
form input:focus-visible,
.g-btn:focus-visible {
  outline: 3px solid #f0b91e;
  outline-offset: 2px;
}
form input[aria-invalid="true"] {
  border-color: #b33629 !important;
}
form input:disabled,
.g-btn:disabled {
  opacity: 0.6;
  cursor: not-allowed !important;
}
.g-status {
  margin: 8px 0 0;
  font-size: 15px;
  color: #1e4a3c;
}
.g-status:empty {
  display: none;
}
/* Honeypot for simple bots: visually and audibly hidden. */
.g-trap {
  position: absolute;
  left: -10000px;
  width: 1px;
  height: 1px;
  overflow: hidden;
}