/* ==========================================================================
   HERO STATIC
   Full-width hero with image/video background and CTA overlay
   ========================================================================== */

/* Section Background
   ---------------------------------------- */
.cc-hero-static {
  position: relative;
  width: 100%;
  margin-top: 0;
  background-color: var(--cc-bg-page);
  transition: background-color var(--cc-duration-base) var(--cc-ease-smooth);
}

/* Layout Container
   ---------------------------------------- */
.cc-hero-static__outer {
  width: 100%;
  max-width: var(--cc-container-xl);
  margin-inline: auto;
  padding-inline: var(--cc-hero-static-edge-pad, 0px);
}

.cc-hero-static__card {
  position: relative;
  width: 100%;
  min-height: 600px;
  overflow: hidden;
  background-color: var(--cc-bg-page);
  border-radius: 0;
  isolation: isolate;
}

/* Height Modifiers */
.cc-hero-height--small .cc-hero-static__card {
  min-height: 600px;
}

.cc-hero-height--medium .cc-hero-static__card {
  min-height: 720px;
}

.cc-hero-height--large .cc-hero-static__card {
  min-height: 840px;
}

.cc-hero-height--full .cc-hero-static__card {
  min-height: 85vh;
}

/* Content Overlay
   ---------------------------------------- */
.cc-hero-static__gradient {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background: var(--cc-hero-overlay-gradient);
}

.cc-hero-static__content {
  position: absolute;
  top: 0;
  height: 100%;
  z-index: 2;
  display: flex;
  flex-direction: column;
  justify-content: center;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  max-width: 1600px;
  padding-inline: var(--cc-container-pad);
  padding-block: var(--cc-space-12);
}

.cc-hero-static__content-inner {
  width: 100%;
  max-width: var(--cc-container-medium);
  margin-left: 0;
  margin-right: auto;
  backface-visibility: hidden;
  transform: translateZ(0);
  will-change: transform, opacity;
}

.cc-hero-static__content-inner.cc-text-center {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-inline: auto;
  text-align: center;
}

/* Typography
   ---------------------------------------- */
.cc-hero-static__eyebrow {
  margin-bottom: var(--cc-spacing-eyebrow-heading);
  color: var(--cc-eyebrow-color, var(--brand-primary));
}

.cc-hero-static__heading {
  margin-bottom: var(--cc-spacing-heading-subheading);
  color: var(--cc-text-hero);
}

.cc-hero-static__subheading {
  margin-bottom: var(--cc-spacing-heading-subheading);
  font-weight: 500;
  color: var(--cc-text-hero);
  opacity: 0.9;
}

.cc-hero-static__body {
  margin-bottom: var(--cc-spacing-body-cta);
  font-size: var(--cc-size-hero-body);
  color: var(--cc-text-hero);
  opacity: 0.9;
}

/* Inline images (logos) in hero body text */
.cc-hero-static__body img,
.cc-hero-static__body.cc-rich-text img {
  display: inline-block;
  height: 1.5em; /* Scale with text size */
  width: auto;
  max-width: 160px; /* Prevent overly large logos */
  vertical-align: middle;
  margin: 0 var(--cc-space-2) !important; /* Override global rich-text img margins */
  border-radius: 0; /* Remove rounded corners for logos */
}

/* Actions
   ---------------------------------------- */
.cc-hero-static__actions {
  display: flex;
  gap: var(--cc-grid-gap-tight);
  flex-wrap: wrap;
  margin-top: var(--cc-space-6);
}



/* Media Layer
   ---------------------------------------- */
.cc-hero-static__media {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  overflow: hidden;
  pointer-events: none;
}

.cc-hero-static__img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  object-position: 50% 50% !important;
}

.cc-hero-static__video-wrap {
  position: absolute;
  inset: 0;
  overflow: hidden;
  container-type: size;
}

.cc-hero-static__video-wrap iframe,
.cc-hero-static__video-wrap video,
.cc-hero-static__video-wrap .hs_cos_wrapper_type_videoplayer,
.cc-hero-static__video-wrap .hs-video-widget,
.cc-hero-static__video-wrap .hs-video-container {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  width: 100% !important;
  height: 100% !important;
  min-width: 177.77vh !important;
  min-height: 56.25vw !important;
  border: 0;
  background: transparent !important;
  pointer-events: none;
}

.cc-hero-static__video-wrap .vjs-big-play-button,
.cc-hero-static__video-wrap .vjs-control-bar,
.cc-hero-static__video-wrap .hs-video-play-button {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
}

@supports (width: 1cqw) {
  @container (min-width: 0px) {
    .cc-hero-static__video-wrap iframe,
    .cc-hero-static__video-wrap video,
    .cc-hero-static__video-wrap .hs_cos_wrapper_type_videoplayer,
    .cc-hero-static__video-wrap .hs-video-widget,
    .cc-hero-static__video-wrap .hs-video-container {
      min-width: 177.78cqh !important;
      min-height: 56.25cqw !important;
    }
  }
}

/* Responsive
   ---------------------------------------- */
@media (max-width: 767px) {
  .cc-hero-static__outer {
    padding-inline: var(--cc-hero-static-edge-pad, 0px);
  }

  .cc-hero-static__card {
    border-radius: 0;
    min-height: 500px;
  }

  .cc-hero-static__content {
    padding-inline: var(--cc-container-pad);
    width: 100%;
    left: 0;
    transform: none;
  }

  .cc-hero-static__actions {
    flex-direction: column;
    width: 100%;
  }

  .cc-hero-static__actions .cc-btn {
    width: 100%;
  }
}