/* =========================================
   PO POGRZEBIE
   Mobile-first
   ========================================= */

/* =========================================
   BREADCRUMBS
   ========================================= */


/* =========================================
   EYEBROW
   ========================================= */


/* =========================================
   LINK
   ========================================= */


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

.after-funeral-hero h1 {
  max-width: 10ch;

  margin: 0;

  font-family: Lora, Georgia, serif;
  font-weight: 400;

  font-size: clamp(42px, 11vw, 54px);
  line-height: 1.02;

  letter-spacing: -.032em;

  color: var(--color-green);
}

.after-funeral-hero__lead {
  max-width:39ch;
}


/* =========================================
   STATUS
   ========================================= */

.after-funeral-status {
  display: flex;
  align-items: center;
  gap: 13px;

  margin:
    30px
    0
    26px;
}

.after-funeral-status span {
  display: block;

  width: 28px;
  height: 2px;

  background: var(--color-gold);
}

.after-funeral-status p {
  margin: 0;

  color: var(--color-green);

  font-family: Lora, Georgia, serif;

  font-size: 19px;
  line-height: 1.4;
}


/* =========================================
   ZDJĘCIE
   ========================================= */

.after-funeral-photo-placeholder {
  width: 100%;
  min-height: 280px;

  background: var(--color-surface);
}


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

@media (min-width: 768px) {

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

}


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

@media (min-width: 1200px) {

.after-funeral-hero h1 {
    font-size: 60px;
  }

}