/* =========================================================
   כותרת עמוד
   אזור הכותרת בראש כל עמוד פנימי, עם פירורי לחם.
   ========================================================= */

/* ---------- inner page hero ---------- */
.phero {
  position: relative;
  padding: calc(env(safe-area-inset-top, 0px) + 132px) 0 56px;
  border-bottom: 1px solid hsl(var(--stroke));
}
.crumbs {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  font-size: 12.5px;
  color: hsl(var(--muted));
  margin-bottom: 26px;
  list-style: none;
  padding: 0;
}
.crumbs li + li::before {
  content: '/';
  margin-inline-end: 8px;
  color: hsl(var(--text) / 0.25);
}
.crumbs a:hover {
  color: hsl(var(--text));
}
.phero-g {
  display: grid;
  grid-template-columns: 1.1fr 0.9fr;
  gap: 56px;
  align-items: end;
}
.phero h1 {
  font-weight: 300;
  font-size: clamp(36px, 4.6vw, 64px);
  line-height: 1.08;
  letter-spacing: -0.01em;
  margin: 14px 0 18px;
}
.phero .lead {
  font-size: clamp(15.5px, 1.3vw, 18px);
  line-height: 1.75;
  color: hsl(var(--muted));
  max-width: 36rem;
}
.phero figure {
  margin: 0;
  border-radius: 24px;
  overflow: hidden;
  aspect-ratio: 4/3;
  background: hsl(var(--surface));
}
.phero figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.phero.noimg .phero-g {
  grid-template-columns: 1fr;
}
.phero.tight {
  padding-bottom: 0;
  border-bottom: 0;
}
.phero.tight h1 {
  margin-bottom: 0;
}
.phero.tight + #group {
  padding-top: clamp(28px, 4vw, 48px);
}
.phero figure img[src*='mining-pit'] {
  object-position: 50% 70%;
}
@media (max-width: 767px) {
  .phero {
    padding-top: calc(env(safe-area-inset-top, 0px) + 108px);
    padding-bottom: 36px;
  }
  .phero-g {
    grid-template-columns: 1fr;
    gap: 28px;
  }
}