/* ============================================================
   about.css — Who We Are Section
   ============================================================ */

#about {
  background-color: var(--surface-container-lowest);
}

.about-inner {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 5rem;
  align-items: start;
}

.about-text h2 {
  font-family: 'Montserrat', sans-serif;
  font-size: clamp(32px, 4vw, 48px);
  font-weight: 700;
  color: var(--on-surface);
  letter-spacing: -0.02em;
  margin-bottom: 1.25rem;
}

.about-text p {
  font-size: 18px;
  color: var(--on-surface-variant);
  line-height: 1.75;
}

.about-features {
  display: flex;
  flex-direction: column;
  gap: 2.25rem;
}

.about-feature-item {
  display: flex;
  gap: 1.25rem;
  align-items: flex-start;
}

.about-feature-item h3 {
  font-family: 'Montserrat', sans-serif;
  font-size: 18px;
  font-weight: 600;
  color: var(--on-surface);
  margin-bottom: 0.4rem;
}

.about-feature-item p {
  font-size: 15px;
  color: var(--on-surface-variant);
  line-height: 1.65;
}