/* ============================================================================
   about.css  —  All Island Restoration redesign
   About Us page: 4-card trust / stats band
   Load order: depends on foundation.css + dark-theme.css
   Scoped to body.redesign to match the rest of the build.

   Token note: if foundation.css defines these as variables, swap them in:
     #3d9be0                       -> accent / --air-blue
     navy card gradient            -> surface / --air-card-bg
     #cfd6e0                       -> muted label / --air-text-muted
   ============================================================================ */

body.redesign .air-about-stats {
  padding: clamp(2rem, 5vw, 3.5rem) clamp(1rem, 4vw, 2rem);
}

body.redesign .air-about-stats__grid {
  max-width: 880px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 22px;
}

body.redesign .air-stat-card {
  position: relative;
  background: linear-gradient(135deg, #161d29 0%, #11161f 100%);
  border: 1px solid rgba(255, 255, 255, 0.04);
  border-radius: 6px;
  padding: 34px 38px;
  overflow: hidden;
}

body.redesign .air-stat-card::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;        /* pins the accent bar to the left edge */
  width: 4px;
  background: #3d9be0;
}

body.redesign .air-stat-card__num {
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 700;
  font-size: clamp(2.9rem, 6vw, 3.6rem);
  line-height: 1;
  color: #3d9be0;
  letter-spacing: -0.005em;
}

body.redesign .air-stat-card__suffix {
  font-size: 0.5em;
  font-weight: 700;
  vertical-align: 0.55em;   /* raises +, rd, % toward the top of the numeral */
}

body.redesign .air-stat-card__suffix--base {
  vertical-align: baseline; /* keeps the /7 on the baseline */
}

body.redesign .air-stat-card__label {
  margin-top: 12px;
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 600;
  font-size: 1rem;
  letter-spacing: 0.13em;
  text-transform: uppercase;
  color: #cfd6e0;
}

@media (max-width: 600px) {
  body.redesign .air-about-stats__grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }
  body.redesign .air-stat-card {
    padding: 28px 30px;
  }
}