/* ===== O nas ===== */

/* 03 · Historia i podejście */
.about-history { padding: var(--section-py-compact) 0 var(--section-py); }
.about-history__layout { display: flex; gap: 96px; align-items: flex-start; }
.about-history__layout h2 { width: 420px; flex-shrink: 0; }
.about-history__text { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 24px; }
.about-history__text .lead { color: var(--c-primary); }

/* 04 · Czym dysponujemy */
.about-facts { padding: 0 var(--hero-inset); }
.about-facts__panel { max-width: 1408px; margin-inline: auto; padding: var(--section-py) 0; border-radius: var(--r-2xl); background: var(--c-bg-surface); }

/* 05 · Lokalizacja i natura */
.about-location { padding: var(--section-py) 0; }
.about-location__photo { width: 100%; height: 520px; object-fit: cover; border-radius: var(--r-2xl); }

/* 06 · Galeria i opinie */
.about-gallery { padding: var(--section-py-compact) 0 var(--section-py); }
.about-gallery__photos { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; margin-bottom: var(--section-header-gap); }
.about-gallery__photos img { width: 100%; height: 420px; object-fit: cover; border-radius: var(--r-xl); }

@media (max-width: 1100px) {
  .about-history__layout { flex-direction: column; gap: 32px; }
  .about-history__layout h2 { width: auto; }
  .about-location__photo { height: 420px; }
  .about-gallery__photos img { height: 320px; }
}
@media (max-width: 640px) {
  .about-location__photo { height: 280px; }
  .about-gallery__photos { grid-template-columns: 1fr 1fr; gap: 12px; }
  .about-gallery__photos img { height: 200px; }
  .about-gallery__photos img:first-child { grid-column: 1 / -1; height: 260px; }
}