/* Extend Contrata360's blue palette to the remaining dark public-page heroes.
   Keep their typography, layout and background media. Light heroes are excluded. */
.public-site:not(.product-theme) :is(.hero-primary, .inner-hero.is-dark) {
  color: #fff;
  background: radial-gradient(ellipse at 95% 65%, var(--navy) 0, transparent 55%), var(--navy-deep);
  border-bottom-color: #36556c;
}

/* Tint the existing films blue instead of stacking nearly black overlays. */
.public-site:not(.product-theme) :is(.hero-primary, .inner-hero.is-dark)::after {
  background: linear-gradient(90deg, #0d273c 0%, rgba(13, 39, 60, .94) 38%, rgba(16, 47, 73, .68) 70%, rgba(16, 47, 73, .74) 100%);
}

.public-site:not(.product-theme) :is(.hero-primary, .inner-hero.is-dark) :is(.hero-copy, .hub-hero__copy, h1) {
  color: #fff;
}

.public-site:not(.product-theme) :is(.hero-primary, .inner-hero.is-dark) :is(.breadcrumb, .breadcrumb a) {
  color: #c0ced6;
}

.public-site:not(.product-theme) :is(.hero-primary, .inner-hero.is-dark) .hero-lead {
  color: #d7e2e7;
}

.public-site:not(.product-theme) :is(.hero-primary, .inner-hero.is-dark) .eyebrow,
.public-site:not(.product-theme) :is(.hero-primary, .inner-hero.is-dark) h1 :is(span, em, .gradient-text) {
  color: var(--gold-light);
  background: none;
  -webkit-text-fill-color: currentColor;
}

.public-site:not(.product-theme) :is(.hero-primary, .inner-hero.is-dark) :is(.button-ghost, .button-outline) {
  color: #fff;
  border-color: #8da4b3;
  background: transparent;
}

.public-site:not(.product-theme) :is(.hero-primary, .inner-hero.is-dark) :is(.button-ghost, .button-outline):hover {
  color: #fff;
  border-color: #d7e2e7;
  background: #25465b;
}