/* =========================================================
   About page
   ========================================================= */

.about-hero-grid{ display:grid; grid-template-columns:1fr 1fr; gap:56px; align-items:center; }
@media (max-width:900px){ .about-hero-grid{ grid-template-columns:1fr; gap:32px; } }
.about-hero-media{ position:relative; }
.about-hero-media img{ border-radius:var(--radius-lg); box-shadow:var(--shadow-lg); }
.about-hero-media .tab-label{ position:absolute; top:20px; left:20px; }

.values-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:24px; }
@media (max-width:900px){ .values-grid{ grid-template-columns:repeat(2,1fr); } }
@media (max-width:560px){ .values-grid{ grid-template-columns:1fr; } }
.value-card{ padding:28px 26px; }
.value-card .service-icon{ margin-bottom:16px; }
.value-card h3{ font-size:1.05rem; margin-bottom:8px; }
.value-card p{ font-size:.9rem; color:var(--text-secondary); line-height:1.65; }

.mission-strip{
  display:grid; grid-template-columns:1fr 1fr; gap:32px;
}
@media (max-width:820px){ .mission-strip{ grid-template-columns:1fr; } }
.mission-card{ padding:34px 30px; }
.mission-card .eyebrow{ margin-bottom:14px; }