/* ==========================================================================
   À propos page
   ========================================================================== */

.about-hero { padding-top: var(--space-8); padding-bottom: var(--space-7); }
.about-hero h1 { max-width: 16ch; margin-top: var(--space-4); }

.story {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--space-9);
  align-items: center;
}
.story__text p + p { margin-top: var(--space-4); }
.story__photo { aspect-ratio: 4/5; }

@media (max-width: 900px) {
  .story { grid-template-columns: 1fr; gap: var(--space-7); }
  .story__photo { order: -1; aspect-ratio: 16/10; }
}

.young-block {
  display: grid;
  grid-template-columns: 0.9fr 1.1fr;
  gap: var(--space-9);
  align-items: start;
}
@media (max-width: 900px) {
  .young-block { grid-template-columns: 1fr; gap: var(--space-6); }
}

.founder-quote {
  display: flex;
  gap: var(--space-7);
  align-items: center;
}
@media (max-width: 700px) {
  .founder-quote { flex-direction: column; align-items: flex-start; }
}