/* About page specific styles – minimal and complementary to base.css */
.section { padding: var(--space-16) 0; }

/* Hero */
.about-hero { padding: var(--space-16) 0 var(--space-12); background: linear-gradient(180deg, rgba(197, 219, 207, 0.15), transparent); }
.about-hero__inner { display: grid; gap: var(--space-8); align-items: center; grid-template-columns: 1fr; }
.about-hero__content { max-width: 56ch; }
.about-hero__cta { display: flex; gap: var(--space-4); flex-wrap: wrap; }
.about-hero__media img { width: 100%; height: auto; object-fit: cover; }

@media (min-width: 960px) {
  .about-hero__inner { grid-template-columns: 1.1fr 0.9fr; }
}

/* KPI strip */
.about-kpis { padding: var(--space-12) 0; }
.about-kpis__grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: var(--space-6); }
.about-kpis__item p { margin: 0; font-weight: 600; text-align: center; }
.about-kpis__item strong { color: var(--color-primary-700); }

/* Split sections */
.about-split { display: grid; grid-template-columns: 1fr; gap: var(--space-8); align-items: center; }
.about-split__content { max-width: 62ch; }
.about-split__media img { width: 100%; height: auto; object-fit: cover; }

@media (min-width: 992px) {
  .about-split { grid-template-columns: 1.1fr 0.9fr; }
  .about-split--reverse { grid-template-columns: 0.9fr 1.1fr; }
}

/* Features grid */
.about-features { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: var(--space-6); margin-top: var(--space-6); }

/* Criteria grid */
.about-criteria { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: var(--space-6); margin-top: var(--space-6); }

/* Values */
.values-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: var(--space-6); margin-top: var(--space-6); padding: 0; list-style: none; }
.values-list li p { margin: 0; }

/* Testimonials */
.testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: var(--space-6); }
.testimonial blockquote { margin: 0 0 var(--space-4); color: var(--gray-900); }
.testimonial figcaption { color: var(--gray-700); }

/* CTA row */
.about-cta-row { display: flex; gap: var(--space-4); flex-wrap: wrap; margin-top: var(--space-4); }