/* Sun Devil Wind — corrections applied to the exported site.
   Framer breakpoints: phone <=809.98px, tablet 810-1199.98px, desktop >=1200px. */

/* Phone: the middle impact card is set to width:auto in the design and
   collapses to ~33px, stacking its text one letter per line. Match its
   two siblings. */
@media (max-width: 809.98px) {
  .framer-1j5yvaa-container {
    width: 211px !important;
    max-width: 100% !important;
  }
}

/* Tablet: the same card row is given a fixed 100px height, which cuts the
   copy off mid-sentence once it wraps. */
@media (min-width: 810px) and (max-width: 1199.98px) {
  .framer-ugjlv0-container {
    height: auto !important;
  }
}

/* The impact cards clip their own text when the copy wraps further than the
   design allowed for. */
.framer-5wki1p-container,
.framer-1j5yvaa-container,
.framer-ugjlv0-container {
  height: auto !important;
}

@media (max-width: 809.98px) {
  .framer-5wki1p-container [data-framer-name="Impact Metrics Card"],
  .framer-1j5yvaa-container [data-framer-name="Impact Metrics Card"],
  .framer-ugjlv0-container [data-framer-name="Impact Metrics Card"] {
    height: auto !important;
    min-height: 0 !important;
  }
}

/* The heading preset title-cases its text, which turns an address into
   "Join@Sundevilwind.Com". Addresses stay lowercase. */
a[href^="mailto:"],
a[href^="mailto:"] * { text-transform: lowercase !important; }

/* Confirmation line shown after a form hands off to the mail client. */
.sdw-form-note {
  margin: 12px 0 0;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-size: 14px;
  font-weight: 300;
  line-height: 1.4;
  color: #053a64;
}