/* ==========================================================================
   Atlantyda – strona „O nas”
   ========================================================================== */

.about-hero {
  padding-top: clamp(40px, 5vw, 72px);
  padding-bottom: clamp(48px, 5vw, 72px);
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 480px), 1fr));
  gap: clamp(24px, 4vw, 64px);
  align-items: end;
}
.about-hero__title { display: flex; flex-direction: column; gap: 22px; }
.about-hero h1 { text-wrap: balance; }
.about-hero .lead { max-width: 560px; }
.about-wide { position: relative; aspect-ratio: 21 / 9; min-height: 280px; }

/* ---------- Co robimy ---------- */
.services { display: grid; grid-template-columns: repeat(3, 1fr); gap: clamp(24px, 3vw, 48px); }
@media (max-width: 900px) { .services { grid-template-columns: 1fr; } }
.service { display: flex; flex-direction: column; gap: 16px; }
.service h3 { font: 700 21px var(--font); color: var(--ink); }
.service p { font: 400 16px/1.65 var(--font); }

/* ---------- Historia ---------- */
.history .step { gap: 12px; }
.history .step h3 { font-size: 19px; }

/* ---------- Zespół ---------- */
.team { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
@media (max-width: 760px) { .team { grid-template-columns: 1fr; } }
.member { display: flex; flex-direction: column; gap: 18px; }
.member__photo { position: relative; aspect-ratio: 1; }
.member__who { display: flex; flex-direction: column; gap: 4px; }
.member__who h3 { font: 700 20px var(--font); color: var(--ink); }
.member__who span { font: 400 15px var(--font); }
.member .btn { align-self: flex-start; }