/* Galeria (dawny WPCode 20583 „css galeria”). Ładowany tylko na stronach z klasą .gallery-page. Fonty zamienione na fonty motywu. */

/* =========================================================
   4MODELS GALLERY, SEKCJE TEKSTOWE
   Wrapper: <main class="gallery-page">
   ========================================================= */

.gallery-page {
  --gallery-ink: #171326;
  --gallery-ink-soft: #2d2838;
  --gallery-muted: #756f72;
  --gallery-paper: #fbf8f3;
  --gallery-paper-soft: #f5efe8;
  --gallery-rose: #f9598a;
  --gallery-gold: #b5924d;
  --gallery-line: rgba(23, 19, 38, .12);
  --gallery-shadow: 0 22px 62px rgba(23, 19, 38, .08);
  --gallery-radius: 30px;
  --gallery-wrap: 1180px;
  --gallery-font-display: var(--fm-font-display);
  --gallery-font-body: var(--fm-font-body);

  color: var(--gallery-ink);
  background: var(--gallery-paper);
  font-family: var(--gallery-font-body);
}

.gallery-page,
.gallery-page * {
  box-sizing: border-box;
}

.gallery-page .gallery-hero,
.gallery-page .magazine-intro {
  width: min(var(--gallery-wrap), calc(100% - 28px));
  margin-inline: auto;
}

.gallery-page .gallery-hero {
  padding: clamp(48px, 9vw, 96px) 0 clamp(26px, 5vw, 46px);
}

.gallery-page .magazine-intro {
  max-width: 860px;
  padding: clamp(54px, 8vw, 86px) 0 clamp(24px, 5vw, 42px);
  text-align: left;
}

.gallery-page .eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  margin: 0 0 18px;
  color: var(--gallery-rose);
  font-size: 12px;
  line-height: 1.2;
  font-weight: 800;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.gallery-page .eyebrow::after {
  content: "";
  width: 48px;
  height: 1px;
  background: var(--gallery-gold);
}

.gallery-page h1,
.gallery-page h2 {
  margin: 0;
  color: var(--gallery-ink);
  font-family: var(--gallery-font-display);
  font-weight: 400;
  letter-spacing: -.055em;
}

.gallery-page h1 {
  max-width: 920px;
  font-size: clamp(42px, 10vw, 82px);
  line-height: .96;
}

.gallery-page h2 {
  max-width: 760px;
  font-size: clamp(34px, 7vw, 58px);
  line-height: 1.02;
}

.gallery-page .lead {
  max-width: 760px;
  margin: 22px 0 0;
  color: var(--gallery-ink-soft);
  font-size: clamp(18px, 4.8vw, 23px);
  line-height: 1.48;
}

.gallery-page .magazine-intro p:not(.eyebrow) {
  max-width: 720px;
  margin: 18px 0 0;
  color: var(--gallery-muted);
  font-size: clamp(17px, 3.8vw, 20px);
  line-height: 1.62;
}

@media (min-width: 680px) {
  .gallery-page .gallery-hero,
  .gallery-page .magazine-intro {
    width: min(var(--gallery-wrap), calc(100% - 48px));
  }
}

@media (min-width: 1020px) {
  .gallery-page .gallery-hero {
    padding-top: clamp(72px, 8vw, 118px);
  }

  .gallery-page .magazine-intro {
    padding-top: clamp(70px, 7vw, 104px);
  }
}