.dolox-page-header {
  position: relative;
  overflow: hidden;
  background: var(--panel);
  border-bottom: 1px solid var(--line-2);
  contain: layout paint;
}

.dolox-page-header.ph-w-full {
  width: 100vw;
  margin-right: calc(50% - 50vw);
  margin-left: calc(50% - 50vw);
}

.dolox-page-header .ph-bg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: cover;
  object-position: center var(--ph-pos, center);
}

.dolox-page-header .ph-shade {
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(to top,
    rgba(0, 0, 0, calc(var(--ph-overlay, .55) + .25)) 0%,
    rgba(0, 0, 0, var(--ph-overlay, .55)) 55%,
    rgba(0, 0, 0, calc(var(--ph-overlay, .55) * .5)) 100%);
}

.dolox-page-header .ph-inner {
  position: relative;
  z-index: 2;
  max-width: var(--wrap);
  margin: 0 auto;
  padding: 0 32px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 10px;
}

.ph-mode-simple .ph-inner { padding-top: 30px; padding-bottom: 22px; }

.ph-h-small.ph-mode-image { min-height: 220px; }
.ph-h-medium.ph-mode-image { min-height: 340px; }
.ph-h-large.ph-mode-image { min-height: 460px; }

.ph-align-right .ph-inner { align-items: flex-start; text-align: right; }
.ph-align-center .ph-inner { align-items: center; text-align: center; }
.ph-align-left .ph-inner { align-items: flex-end; text-align: left; }

.dolox-page-header .ph-title {
  font-size: 34px;
  font-weight: 900;
  line-height: 1.5;
  color: var(--tx);
  text-wrap: balance;
  margin: 0;
}

.dolox-page-header .ph-sub {
  font-size: 14.5px;
  line-height: 2;
  color: var(--tx-2);
  max-width: 620px;
}

.dolox-page-header .ph-crumbs {
  display: flex;
  align-items: center;
  gap: 7px;
  font-size: 11.5px;
  color: var(--tx-3);
  flex-wrap: wrap;
}
.dolox-page-header .ph-crumbs a { color: var(--tx-3); }
.dolox-page-header .ph-crumbs a:hover { color: var(--ac); }
.dolox-page-header .ph-crumbs .cur { color: var(--ac); font-weight: 700; }

.ph-mode-image .ph-title { color: #fff; }
.ph-mode-image .ph-sub { color: #D6DBE0; }
.ph-mode-image .ph-crumbs,
.ph-mode-image .ph-crumbs a { color: #C7CCD2; }

.single-wide,
.single-no-sidebar { max-width: var(--wrap); }
.single-landing { max-width: none; padding: 0; }

@media (max-width: 680px) {
  .dolox-page-header .ph-inner { padding: 0 16px; }
  .ph-mode-simple .ph-inner { padding-top: 22px; padding-bottom: 18px; }
  .dolox-page-header .ph-title { font-size: 24px; }
  .ph-h-small.ph-mode-image { min-height: 170px; }
  .ph-h-medium.ph-mode-image { min-height: 230px; }
  .ph-h-large.ph-mode-image { min-height: 300px; }
}