.cp-editorial-hero ~ section #posts-container:empty { min-height: 500px; }
.cp-editorial-hero {
  position: relative;
  display: flex;
  flex-direction: column;
  min-height: 480px;
  overflow: hidden;
  background: var(--editorial-image) center / cover no-repeat;
  color: #fff;
}
.cp-editorial-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(12,27,47,.62), rgba(12,27,47,.42) 50%, rgba(12,27,47,.18)), linear-gradient(0deg, rgba(12,27,47,.18), transparent 65%);
  pointer-events: none;
}
.cp-editorial-hero > .container { position: relative; z-index: 1; }
.cp-editorial-hero .cp-editorial-breadcrumb { padding-top: 3rem; }
.cp-editorial-hero .breadcrumb a,
.cp-editorial-hero .breadcrumb-item::before { color: #fff; }
.cp-editorial-heading {
  display: flex;
  flex: 1;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding-block: 3rem 5rem;
}
.cp-editorial-heading h1 {
  margin: 0;
  color: #fff;
  font-size: clamp(2.4rem, 4vw, 3.6rem);
  line-height: 1.15;
  text-shadow: 0 2px 12px rgba(0,0,0,.3);
}
.cp-editorial-intro { padding-block: 2.5rem; }
.cp-editorial-intro p { max-width: 960px; margin: 0 auto; text-align: center; font-size: 1.15rem; }
@media (max-width: 767px) {
  .cp-editorial-hero { min-height: 360px; background-position: 70% center; }
  .cp-editorial-hero::before { background: linear-gradient(90deg, rgba(12,27,47,.62), rgba(12,27,47,.4)); }
  .cp-editorial-hero .cp-editorial-breadcrumb { padding-top: 2rem; }
  .cp-editorial-heading { padding-block: 2rem 4rem; }
  .cp-editorial-intro { padding-block: 2rem; }
}