.realizacje { color: var(--color-text); }
.realizacje__intro {
  padding-block: clamp(54px, 8vw, 112px) clamp(44px, 6vw, 76px);
  background: var(--color-paper-warm);
}
.realizacje__intro-inner { max-width: 900px; }
.realizacje__intro h1 {
  max-width: 14ch;
  margin-top: var(--space-4);
  font-family: var(--font-display);
  font-size: clamp(2.7rem, 6vw, 5.25rem);
  font-weight: 500;
  line-height: .98;
}
.realizacje__intro-inner > p:last-child {
  max-width: 58ch;
  margin-top: var(--space-5);
  color: var(--color-muted);
  font-size: clamp(1rem, 1.5vw, 1.1875rem);
}
.realizacje__group { padding-block: clamp(48px, 7vw, 88px); }
.realizacje__group--alternate { background: var(--color-paper-warm); }
.realizacje__group-heading { margin-bottom: var(--space-5); }
.realizacje__group-heading h2 {
  margin-top: 8px;
  font-family: var(--font-display);
  font-size: clamp(2rem, 3.4vw, 3rem);
  font-weight: 500;
}
.realizacje__grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
.realizacje__grid--three { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.realizacje__grid figure { min-width: 0; margin: 0; }
.realizacje__grid img {
  width: 100%;
  aspect-ratio: 3 / 4;
  object-fit: cover;
  border-radius: 3px;
  background: #e9e4dd;
}
.realizacje__grid figcaption { margin-top: 10px; color: var(--color-muted); font-size: .875rem; }
.realizacje__contact { padding-block: clamp(36px, 5vw, 64px); background: var(--color-ink-surface); color: var(--color-on-ink); }
.realizacje__contact-inner { display: flex; align-items: center; justify-content: space-between; gap: 24px; flex-wrap: wrap; }
.realizacje__contact h2 { max-width: 22ch; color: inherit; font-family: var(--font-display); font-size: clamp(1.65rem, 3vw, 2.4rem); font-weight: 500; }
.site-nav__list a[aria-current="page"] { color: #fff; border-bottom-color: var(--color-sand); }
@media (max-width: 900px) {
  .realizacje__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .realizacje__grid--three { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 560px) {
  .realizacje__grid, .realizacje__grid--three { grid-template-columns: 1fr; gap: 22px; }
  .realizacje__grid img { aspect-ratio: 4 / 3; }
  .realizacje__contact-inner { align-items: flex-start; flex-direction: column; }
}