/* ── About Page ── */
    .about-hero {
      background: linear-gradient(135deg, #080f14 0%, #1c5266 60%, #226673 100%);
      padding: 220px 0 80px;
      text-align: center;
      color: #fff;
    }
    .about-hero h1 {
      font-family: 'Oswald', sans-serif;
      font-size: clamp(2.2rem, 5vw, 3.6rem);
      font-weight: 700;
      letter-spacing: 2px;
      text-transform: uppercase;
      margin-bottom: 14px;
    }
    .about-hero h1 span { color: #7ea6ac; }
    .about-hero p {
      font-family: 'Open Sans', sans-serif;
      font-size: 1.05rem;
      color: rgba(255,255,255,0.72);
      max-width: 580px;
      margin: 0 auto;
      line-height: 1.7;
    }

    /* ── Main Content ── */
    .about-content {
      background: #f4f7f8;
      padding: 80px 0 100px;
    }
    .about-layout {
      max-width: 1100px;
      margin: 0 auto;
      padding: 0 24px;
      display: grid;
      grid-template-columns: 1fr minmax(0, 380px);
      gap: 64px;
      align-items: start;
    }

    /* Left: text */
    .about-text .section-eyebrow {
      font-family: 'Oswald', sans-serif;
      font-size: 0.75rem;
      font-weight: 600;
      letter-spacing: 3px;
      text-transform: uppercase;
      color: #226673;
      border-left: 3px solid #7ea6ac;
      padding-left: 12px;
      margin-bottom: 20px;
      display: block;
    }
    .about-text h2 {
      font-family: 'Oswald', sans-serif;
      font-size: clamp(1.9rem, 3.5vw, 2.6rem);
      font-weight: 700;
      color: #1a1a2e;
      line-height: 1.2;
      margin-bottom: 32px;
    }
    .about-text h2 span { color: #226673; }
    .about-text p {
      font-family: 'Open Sans', sans-serif;
      font-size: 1rem;
      color: #444;
      line-height: 1.8;
      margin-bottom: 22px;
    }
    .about-text p strong { color: #1a1a2e; }
    .about-text .about-closing {
      font-family: 'Oswald', sans-serif;
      font-size: 1.2rem;
      font-weight: 600;
      color: #226673;
      line-height: 1.5;
      border-left: 4px solid #7ea6ac;
      padding-left: 20px;
      margin-top: 36px;
    }

    /* Right: stat/value cards */
    .about-sidebar { display: flex; flex-direction: column; gap: 20px; }
    .about-stat-card {
      background: #fff;
      border-radius: 16px;
      padding: 28px 28px 24px;
      box-shadow: 0 4px 20px rgba(34,102,115,0.09);
      border-top: 3px solid #226673;
    }
    .about-stat-card .stat-number {
      font-family: 'Oswald', sans-serif;
      font-size: 2.8rem;
      font-weight: 700;
      color: #226673;
      line-height: 1;
      margin-bottom: 4px;
    }
    .about-stat-card .stat-label {
      font-family: 'Oswald', sans-serif;
      font-size: 0.85rem;
      font-weight: 600;
      letter-spacing: 1.5px;
      text-transform: uppercase;
      color: #1a1a2e;
      margin-bottom: 8px;
    }
    .about-stat-card .stat-desc {
      font-family: 'Open Sans', sans-serif;
      font-size: 0.88rem;
      color: #666;
      line-height: 1.6;
    }

    /* Values strip */
    .about-values {
      background: #226673;
      padding: 64px 0;
    }
    .about-values-inner {
      max-width: 1100px;
      margin: 0 auto;
      padding: 0 24px;
    }
    .about-values-inner .section-eyebrow {
      font-family: 'Oswald', sans-serif;
      font-size: 0.75rem;
      font-weight: 600;
      letter-spacing: 3px;
      text-transform: uppercase;
      color: #7ea6ac;
      margin-bottom: 12px;
      display: block;
    }
    .about-values-inner h2 {
      font-family: 'Oswald', sans-serif;
      font-size: clamp(1.6rem, 3vw, 2.2rem);
      font-weight: 700;
      color: #fff;
      margin-bottom: 40px;
    }
    .values-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
      gap: 24px;
    }
    .value-card {
      background: rgba(255,255,255,0.07);
      border: 1px solid rgba(255,255,255,0.12);
      border-radius: 14px;
      padding: 28px 24px;
      transition: background 0.25s, border-color 0.25s;
    }
    .value-card:hover { background: #630404; border-color: rgba(255,255,255,0.2); }
    .value-icon {
      width: 44px; height: 44px;
      background: rgba(126,166,172,0.2);
      border-radius: 10px;
      display: flex; align-items: center; justify-content: center;
      margin-bottom: 16px;
    }
    .value-icon svg { color: #7ea6ac; }
    .value-card h3 {
      font-family: 'Oswald', sans-serif;
      font-size: 1.05rem;
      font-weight: 600;
      color: #fff;
      margin-bottom: 8px;
      letter-spacing: 0.5px;
    }
    .value-card p {
      font-family: 'Open Sans', sans-serif;
      font-size: 0.88rem;
      color: rgba(255,255,255,0.7);
      line-height: 1.6;
    }

    /* CTA */
    .about-cta {
      background: #f4f7f8;
      padding: 72px 0;
      text-align: center;
    }
    .about-cta h2 {
      font-family: 'Oswald', sans-serif;
      font-size: clamp(1.8rem, 3.5vw, 2.4rem);
      font-weight: 700;
      color: #1a1a2e;
      margin-bottom: 14px;
    }
    .about-cta p {
      font-family: 'Open Sans', sans-serif;
      font-size: 1rem;
      color: #555;
      max-width: 480px;
      margin: 0 auto 32px;
      line-height: 1.7;
    }

    @media (max-width: 860px) {
      .about-layout { grid-template-columns: 1fr; gap: 40px; }
      .about-sidebar { flex-direction: row; flex-wrap: wrap; }
      .about-stat-card { flex: 1 1 200px; }
    }