/* Decorative hero films shared across Clear Cut Creative pages. */
.cc-video-hero {
  position: relative !important;
  isolation: isolate;
  overflow: hidden !important;
  background-color: #080b12 !important;
}

.cc-hero-video {
  position: absolute;
  inset: 0;
  z-index: 0;
  overflow: hidden;
  pointer-events: none;
  background: #080b12;
}

.cc-hero-video video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
  opacity: 0.86;
  filter: saturate(0.92) contrast(1.08) brightness(0.82);
}

.cc-hero-video::after {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(90deg, rgba(6, 9, 15, 0.92) 0%, rgba(7, 11, 19, 0.78) 38%, rgba(7, 11, 19, 0.35) 72%, rgba(7, 11, 19, 0.22) 100%),
    linear-gradient(180deg, rgba(7, 10, 16, 0.24) 0%, rgba(7, 10, 16, 0.08) 48%, rgba(7, 10, 16, 0.56) 100%);
}

.cc-video-hero > :not(.cc-hero-video):not(.hero-orb-2):not(.hero-vignette),
.cc-video-hero > .container {
  position: relative;
  z-index: 2;
}

.page-header.cc-video-hero {
  min-height: clamp(400px, 52vh, 560px);
  display: flex;
  align-items: center;
}

.kh-hero.cc-video-hero,
.audit-hero.cc-video-hero {
  min-height: clamp(520px, 68vh, 760px);
}

.ccc-home .hero-premium.cc-video-hero .hero-grid {
  width: 100%;
  grid-template-columns: minmax(0, 650px) !important;
  justify-content: center;
}

.ccc-home .hero-premium.cc-video-hero > .container {
  width: 100%;
  flex: 0 0 100%;
  box-sizing: border-box;
  margin-inline: auto;
}

.ccc-home .hero-premium.cc-video-hero .hero-premium-copy {
  width: 100%;
  max-width: 650px;
  margin-inline: auto;
  text-align: center;
}

.ccc-home .hero-premium.cc-video-hero .hero-sub {
  margin-inline: auto;
}

.ccc-home .hero-premium.cc-video-hero .btn-group,
.ccc-home .hero-premium.cc-video-hero .hero-proof-row {
  justify-content: center;
}

.ccc-home .hero-premium.cc-video-hero .cc-hero-video video {
  object-position: center;
  opacity: 0.94;
}

.ccc-home .hero-premium.cc-video-hero .cc-hero-video::after {
  background:
    radial-gradient(ellipse 54% 72% at 50% 48%, rgba(5, 8, 14, 0.84) 0%, rgba(6, 10, 18, 0.72) 45%, rgba(7, 11, 19, 0.24) 100%),
    linear-gradient(180deg, rgba(6, 9, 15, 0.22) 0%, rgba(6, 9, 15, 0.08) 52%, rgba(6, 9, 15, 0.58) 100%);
}

.cc-hero-video[data-film="audit-map"] video {
  object-position: center 42%;
}

.cc-hero-video[data-film="signal-flow"] video {
  object-position: center 48%;
}

@media (max-width: 767px) {
  .page-header.cc-video-hero {
    min-height: 390px;
  }

  .kh-hero.cc-video-hero,
  .audit-hero.cc-video-hero {
    min-height: auto;
  }

  .cc-hero-video video,
  .ccc-home .hero-premium.cc-video-hero .cc-hero-video video {
    object-position: center;
    opacity: 0.76;
  }

  .cc-hero-video::after,
  .ccc-home .hero-premium.cc-video-hero .cc-hero-video::after {
    background:
      linear-gradient(90deg, rgba(5, 8, 14, 0.91), rgba(6, 10, 18, 0.72)),
      linear-gradient(180deg, rgba(6, 9, 15, 0.24), rgba(6, 9, 15, 0.62));
  }

  .ccc-home .hero-premium.cc-video-hero .hero-proof-row {
    align-items: center;
  }
}

@media (prefers-reduced-motion: reduce) {
  .cc-hero-video video {
    display: none;
  }
}