/* =========================================
   POGRZEB RELIGIJNY — WARMIŃSKI
   Mobile-first
   ========================================= */

/* =========================================
   KOMPONENTY PODSTRONY
   ========================================= */


.religious-page .section-heading h2 {
  max-width: 13ch;
}

/* =========================================
   ZDJĘCIA
   ========================================= */

.religious-page .editorial-photo {
  width: 100vw;
  margin: 0 0 0 calc(50% - 50vw);
  overflow: hidden;
  background: var(--color-surface);
  border-radius: 0;
}

.religious-page .editorial-photo--portrait {
  height: auto;
}

.religious-page .editorial-photo img {
  display: block;
  width: 100%;
  height: auto;
}

.religious-photo-placeholder {
  width: 100%;
  min-height: 280px;
  background: var(--color-surface);
}


/* =========================================
   QUIET NOTE
   ========================================= */


/* =========================================
   HERO
   ========================================= */

.religious-hero h1 {
  max-width: 11ch;
  margin: 0;
  font-size: clamp(39px, 11vw, 50px);
  line-height: 1.025;
  letter-spacing: -.032em;
}

.religious-hero__lead {
  max-width:39ch;
}

/* =========================================
   UKŁAD DWUKOLUMNOWY
   ========================================= */

.religious-split {
  display: grid;
  gap: 34px;
}


/* =========================================
   POGRZEB WYZNANIOWY
   ========================================= */

.religious-intro {
  padding: 72px 0 68px;
}

.religious-prose {
  max-width: 680px;
}

.religious-prose .lead-copy {
  margin-bottom: 24px;
}

.religious-prose > p:not(.lead-copy) {
  color: var(--color-muted);
  line-height: 1.65;
}


/* =========================================
   LISTA WYZNAŃ
   ========================================= */

.religious-faiths {
  padding: 68px 0 72px;
  background: var(--color-surface);
}

.religious-faiths__grid {
  display: grid;
  gap: 40px;
}

.religious-faiths__heading {
  max-width: 660px;
}

.religious-faiths__heading h2 {
  max-width: 14ch;
}

.religious-faiths__heading > p:last-child {
  max-width: 47ch;
  margin: 22px 0 0;
  color: var(--color-muted);
  line-height: 1.65;
}

.religious-faiths__list {
  list-style: none;
  margin: 0;
  padding: 0;
  border-top: 1px solid var(--color-border);
}

.religious-faiths__list li {
  position: relative;
  margin: 0;
  padding: 17px 0 17px 25px;
  border-bottom: 1px solid var(--color-border);
  color: var(--color-green);
  font-family: Lora, Georgia, serif;
  font-size: 20px;
  line-height: 1.35;
}

.religious-faiths__list li::before {
  content: "";
  position: absolute;
  top: 27px;
  left: 0;
  width: 8px;
  height: 1px;
  background: var(--color-gold);
}


/* =========================================
   ORGANIZACJA CEREMONII
   ========================================= */

.religious-ceremony {
  padding: 64px 0;
  background: var(--color-white);
}

.religious-ceremony__grid {
  display: grid;
  gap: 38px;
}

.religious-ceremony__content h2 {
  max-width: 12ch;
}

.religious-ceremony__content > p:not(.service-eyebrow) {
  margin: 22px 0 0;
  color: var(--color-muted);
  line-height: 1.65;
}


/* =========================================
   TRUMNA / URNA
   ========================================= */

.religious-burial {
  padding: 72px 0;
}

.religious-burial__grid {
  display: grid;
  gap: 38px;
}

.religious-burial__content h2 {
  max-width: 12ch;
}

.religious-burial__content .lead-copy {
  margin: 22px 0 0;
}

.religious-burial__content >
p:not(.service-eyebrow):not(.lead-copy) {
  margin: 18px 0 0;
  color: var(--color-muted);
  line-height: 1.65;
}

.religious-burial__content .text-link {
  margin-top: 24px;
}

.religious-burial__media {
  width: 100vw;
  height: auto;
  margin: 0 0 0 calc(50% - 50vw);
  overflow: hidden;
  background: var(--color-surface);
  border-radius: 0;
}

.religious-burial__media img {
  display: block;
  width: 100%;
  height: auto;
}


/* =========================================
   KROK PO KROKU
   ========================================= */

.religious-process {
  padding: 72px 0 68px;
  background: var(--color-white);
}

.religious-process__intro {
  max-width: 37ch;
  margin: 22px 0 0;
  color: var(--color-muted);
  line-height: 1.65;
}


/* =========================================
   KOMPLEKSOWA ORGANIZACJA
   ========================================= */

.religious-support {
  background: var(--color-green);
  color: var(--color-white);
}

.religious-support__grid {
  display: grid;
}

.religious-support__content {
  padding: 64px 0 58px;
}

.religious-support h2 {
  max-width: 13ch;
  color: var(--color-white);
}

.religious-support__content >
p:not(.service-eyebrow) {
  max-width: 42ch;
  margin: 22px 0 0;
  color: rgba(255, 254, 250, .82);
  line-height: 1.65;
}

.religious-support__note {
  margin: 32px 0 28px;
  padding-top: 22px;
  border-top: 1px solid rgba(255, 254, 250, .2);
}

.religious-support__note
.religious-support__label {
  margin: 0 0 8px;
  color: var(--color-gold-light);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: .11em;
  text-transform: uppercase;
}

.religious-support__note p:last-child {
  margin: 0;
  color: rgba(255, 254, 250, .86);
  font-size: 14px;
  line-height: 1.6;
}


/* Zdjęcie jako tło panelu */

.religious-support__visual {
  position: relative;

  display: flex;
  align-items: flex-end;

  width: 100vw;
  min-height: 260px;

  margin-left: calc(50% - 50vw);

  padding: 38px 20px;

  overflow: hidden;

background-image:
  radial-gradient(
    circle at left bottom,
    rgba(0, 0, 0, .52) 0%,
    rgba(0, 0, 0, .38) 24%,
    rgba(0, 0, 0, .20) 42%,
    rgba(0, 0, 0, .08) 58%,
    rgba(0, 0, 0, 0) 74%
  ),
  var(--religious-support-bg);

  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.religious-support__visual span {
  position: relative;
  z-index: 1;

  font-family: Lora, Georgia, serif;
  font-size: clamp(29px, 7vw, 43px);
  line-height: 1.2;

  color: var(--color-white);

  text-shadow:
    0 2px 10px rgba(0, 0, 0, .28);
}


/* =========================================
   FAQ
   ========================================= */


/* =========================================
   KONTAKT
   ========================================= */


.religious-contact h2 {
  max-width: 13ch;
  color: var(--color-white);
}

.religious-contact__copy > p:last-child {
  max-width: 42ch;
  margin: 20px 0 0;
  color: rgba(255, 254, 250, .75);
  line-height: 1.65;
}


/* =========================================
   FOCUS
   ========================================= */


/* =========================================
   TABLET — 768+
   ========================================= */

@media (min-width: 768px) {

.religious-hero h1 {
    font-size: 50px;
  }

.religious-split {
    grid-template-columns:
      minmax(0, .72fr)
      minmax(0, 1.28fr);
    gap: 72px;
  }

.religious-intro,
.religious-process,
.religious-faiths {
  padding: 88px 0;
}

  .religious-faiths__grid {
    grid-template-columns:
      minmax(0, .9fr)
      minmax(0, 1.1fr);
    align-items: start;
    gap: 80px;
  }

  .religious-faiths__list li {
    padding: 19px 0 19px 27px;
    font-size: 22px;
  }

  .religious-faiths__list li::before {
    top: 30px;
  }

  .religious-ceremony {
    padding: 88px 0;
  }

  .religious-ceremony__grid {
    grid-template-columns:
      minmax(0, .92fr)
      minmax(0, 1fr);
    align-items: center;
    gap: 64px;
  }

  .religious-page .editorial-photo {
    width: 100%;
    margin: 0;
    border-radius: var(--radius-md);
  }

  .religious-page .editorial-photo--portrait {
    height: auto;
  }

  .religious-burial {
    padding: 92px 0;
  }

  .religious-burial__grid {
    grid-template-columns:
      minmax(0, .88fr)
      minmax(0, 1.12fr);
    align-items: center;
    gap: 64px;
  }

  .religious-burial__media {
    width: 100%;
    height: auto;
    margin: 0;
    border-radius: var(--radius-md);
  }

  

  .religious-support__grid {
    grid-template-columns:
      minmax(0, .82fr)
      minmax(0, 1fr);
    align-items: stretch;
  }

  .religious-support__visual {
    width: auto;
    min-height: 590px;
    margin:
      0
      0
      0
      -20px;
    padding: 50px;
  }

  .religious-support__content {
    padding:
      82px
      0
      82px
      60px;
  }

  

  

}


/* =========================================
   DESKTOP — 1200+
   ========================================= */

@media (min-width: 1200px) {
.religious-hero h1 {
    font-size: 60px;
    line-height: 1.02;
  }

.religious-split {
    gap: 120px;
  }

  .religious-faiths__grid {
    gap: 120px;
  }

  .religious-ceremony__grid {
    gap: 106px;
  }

  .religious-page .editorial-photo--portrait {
    height: auto;
  }

  .religious-burial__grid {
    gap: 100px;
  }

  .religious-burial__media {
    height: auto;
  }

  .religious-support__visual {
    min-height: 690px;
    margin-left: -80px;
    padding: 75px;
  }

  .religious-support__content {
    padding:
      98px
      0
      98px
      96px;
  }

}


/* =========================================
   REDUCED MOTION
   ========================================= */

@media (prefers-reduced-motion: reduce) {

  

}