/* About page styles – minimal, using base variables */
.about-hero {
  background: linear-gradient(180deg, rgba(15,39,72,0.06), rgba(15,39,72,0));
  padding-block: var(--space-20);
}
.about-hero__inner {
  display: grid;
  grid-template-columns: 1.1fr 0.9fr;
  gap: var(--space-10);
  align-items: center;
}
.about-hero__content p { max-width: 60ch; }
.about-hero__actions { display: inline-flex; gap: var(--space-3); margin-top: var(--space-4); flex-wrap: wrap; }
.about-hero__media img { border-radius: var(--radius-xl); box-shadow: var(--shadow-lg); border: 1px solid var(--gray-200); }

.eyebrow {
  font-size: var(--text-sm);
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--gray-600);
  margin-bottom: var(--space-3);
}

.section { padding-block: var(--space-18); }
.section--alt { background-color: var(--color-surface); }

.section__grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: var(--space-12); align-items: center; }
.section__grid--reverse { direction: rtl; }
.section__grid--reverse > * { direction: ltr; }
.section__media img { border-radius: var(--radius-lg); box-shadow: var(--shadow-md); border: 1px solid var(--gray-200); }

.testimonials { grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); }
.testimonials .card p { margin-bottom: var(--space-3); }

/* Contact form */
.contact-form { margin-top: var(--space-6); }
.form-row { display: grid; grid-template-columns: repeat(2, 1fr); gap: var(--space-6); }
.form-field { display: grid; gap: var(--space-2); }
.form-actions { display: flex; gap: var(--space-3); align-items: center; margin-top: var(--space-4); flex-wrap: wrap; }
.form-consent { margin-top: var(--space-3); }
.consent-label { display: inline-flex; gap: var(--space-2); align-items: flex-start; }
.form-status { margin-top: var(--space-3); color: var(--color-success); font-weight: 600; }

/* Responsive */
@media (max-width: 960px) {
  .about-hero__inner { grid-template-columns: 1fr; }
  .section__grid { grid-template-columns: 1fr; }
  .form-row { grid-template-columns: 1fr; }
}