/* =========================================================
   PODSTRONA: O NAS
   ========================================================= */

/*
 * Ten plik ładowany jest wyłącznie na stronie /o-nas/.
 * Style konkretnych sekcji pozostają w folderach bloków.
 */

.site-page {
  position: relative;
  overflow: clip;
  isolation: isolate;
  color: var(--color-text);
  background:
    radial-gradient(
      circle at 100% 20%,
      rgba(211, 179, 106, 0.035),
      transparent 35rem
    ),
    var(--color-background);
}

/* Usuwa domyślne marginesy dodawane pomiędzy blokami */
.site-page > * {
  margin-block: 0;
}

/* Ładniejsze łamanie nagłówków */
.site-page :is(h1, h2, h3) {
  text-wrap: balance;
}

/* Ładniejsze łamanie dłuższych tekstów */
.site-page :is(p, li) {
  text-wrap: pretty;
}

/* Odpowiedni punkt zatrzymania dla linków kotwiczących */
.site-page > section[id] {
  scroll-margin-top: 7rem;
}

/* Zabezpieczenie przed wychodzeniem mediów poza ekran */
.site-page :is(img, video, iframe) {
  max-width: 100%;
}

/* Delikatne przejście pomiędzy kolejnymi sekcjami */
.site-page > section {
  position: relative;
}

/* =========================================================
   TELEFON
   ========================================================= */

@media (max-width: 47.99rem) {
  .site-page > section[id] {
    scroll-margin-top: 5.5rem;
  }
}