/* Page hero (Figma /Kontakt): breadcrumbs + centered heading + description. */

.page-hero__inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--space-5xl);
  padding-top: var(--space-m);
}
.page-hero__inner .breadcrumbs { width: 100%; }

.page-hero__header {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--space-l);
  max-width: 800px;
  text-align: center;
}
.page-hero__title {
  font: 400 var(--fs-h-xl) / var(--lh-h-xl) var(--font-heading);
  letter-spacing: var(--ls-h-xl);
  color: var(--color-grey-900);
}
.page-hero__title em,
.page-hero__title i { font-style: italic; }
.page-hero__desc {
  font-size: var(--fs-body-m);
  line-height: var(--lh-body-m);
  color: #161616;
}

.page-hero__media {
  width: 66%;
  aspect-ratio: 2 / 1;
  border-radius: var(--radius-s);
  overflow: hidden;
  background: var(--color-grey-200);
}
.page-hero__media img { width: 100%; height: 100%; object-fit: cover; }

@media (max-width: 767px) {
  .page-hero__inner { gap: var(--space-2xl); }
  .page-hero__media { width: 100%; }
  .page-hero__title {
    font-size: var(--fs-h-l);
    line-height: var(--lh-h-l);
  }
}