.hero-variant-contained-copy .hero,
.hero-variant-contained-copy .page-hero {
  min-height: min(620px, calc(100svh - 138px));
  padding: clamp(42px, 7vh, 72px) 0;
  background:
    linear-gradient(90deg, rgba(20, 20, 20, 0.72) 0%, rgba(20, 20, 20, 0.46) 36%, rgba(20, 20, 20, 0.08) 68%),
    var(--hub-hero-image) center / cover no-repeat;
}

.hero-variant-contained-copy .hero-inner,
.hero-variant-contained-copy .page-hero .section-inner {
  width: min(var(--max), calc(100% - 64px));
  max-width: none;
  margin-right: auto;
  margin-left: auto;
  padding: 0;
}

.hero-variant-contained-copy .hero h1,
.hero-variant-contained-copy .page-hero h1 {
  width: auto;
  max-width: 920px;
  padding: 0;
  background: transparent;
}

.hero-variant-contained-copy .hero h1::before,
.hero-variant-contained-copy .page-hero h1::before {
  width: 64px;
  height: 5px;
  display: block;
  margin-bottom: 24px;
  background: var(--source-accent);
  content: "";
}

.hero-variant-contained-copy .hero p,
.hero-variant-contained-copy .page-hero p,
.hero-variant-contained-copy .breadcrumbs,
.hero-variant-contained-copy .hero-actions {
  width: auto;
  max-width: 820px;
  margin-right: 0;
  margin-left: 0;
}

.hero-variant-contained-copy .breadcrumbs {
  margin-bottom: 22px;
}

@media (max-width: 767px) {
  .hero-variant-contained-copy .hero,
  .hero-variant-contained-copy .page-hero {
    min-height: 530px;
    padding: 42px 0 38px;
    background:
      linear-gradient(90deg, rgba(20, 20, 20, 0.72) 0%, rgba(20, 20, 20, 0.48) 70%, rgba(20, 20, 20, 0.2) 100%),
      var(--hub-hero-image) center / cover no-repeat;
  }

  .hero-variant-contained-copy .hero-inner,
  .hero-variant-contained-copy .page-hero .section-inner {
    width: calc(100% - 32px);
  }

  .hero-variant-contained-copy .hero h1::before,
  .hero-variant-contained-copy .page-hero h1::before {
    width: 48px;
    height: 4px;
    margin-bottom: 16px;
  }

  .hero-variant-contained-copy .hero p,
  .hero-variant-contained-copy .page-hero p {
    margin-top: 18px;
    line-height: 1.5;
  }

  .hero-variant-contained-copy .hero-actions {
    margin-top: 24px;
  }
}