/* oMATIC Minds v0.6.8.105.1 Public Hero Video Mode / Bottom Fade Option
   Default full-page video behavior remains unchanged unless Branding selects hero_fade. */
body.om-home-video-mode-hero_fade {
  background-color: #080809 !important;
}

body.om-home-video-mode-hero_fade .homepage-video-layer,
body.om-home-video-mode-hero_fade .homepage-video-layer.is-hero_fade {
  display: block !important;
  position: absolute !important;
  inset: auto auto auto auto !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: auto !important;
  width: 100vw !important;
  height: clamp(560px, 82vh, 860px) !important;
  min-height: 560px !important;
  max-height: 860px !important;
  z-index: 1 !important;
  pointer-events: none !important;
  overflow: hidden !important;
  opacity: var(--home-video-opacity, .42) !important;
  background: #080809 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  transform: none !important;
}

body.om-home-video-mode-hero_fade .homepage-video-layer .home-video {
  position: absolute !important;
  inset: 0 !important;
  width: 100vw !important;
  height: 100% !important;
  min-width: 100vw !important;
  min-height: 100% !important;
  object-fit: var(--home-video-fit, cover) !important;
  object-position: var(--home-video-position, center center) !important;
  filter: saturate(.95) contrast(1.06) brightness(.76) !important;
  transform: none !important;
}

body.om-home-video-mode-hero_fade .homepage-video-layer .home-video-overlay {
  position: absolute !important;
  inset: 0 !important;
  background:
    linear-gradient(90deg, rgba(5,7,11,.84) 0%, rgba(5,7,11,.26) 34%, rgba(5,7,11,.30) 66%, rgba(5,7,11,.82) 100%),
    linear-gradient(180deg, rgba(5,7,11,.18) 0%, rgba(5,7,11,.08) 48%, rgba(8,8,9,.40) calc(100% - var(--home-video-fade-height, 180px)), rgba(8,8,9,.92) 100%) !important;
}

body.om-home-video-mode-hero_fade .homepage-video-layer::after {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  height: var(--home-video-fade-height, 180px) !important;
  pointer-events: none !important;
  background: linear-gradient(180deg, rgba(8,8,9,0), #080809 88%, #080809 100%) !important;
  z-index: 2 !important;
}

body.om-home-video-mode-hero_fade main,
body.om-home-video-mode-hero_fade .hero,
body.om-home-video-mode-hero_fade .feature-grid,
body.om-home-video-mode-hero_fade .cta-panel,
body.om-home-video-mode-hero_fade .site-footer {
  position: relative !important;
  z-index: 3 !important;
}

@media (max-width: 760px) {
  body.om-home-video-mode-hero_fade .homepage-video-layer,
  body.om-home-video-mode-hero_fade .homepage-video-layer.is-hero_fade {
    height: clamp(460px, 74vh, 680px) !important;
    min-height: 460px !important;
  }
}


/* oMATIC Minds v0.6.8.106.4 Hero-only taller video / transparent bottom fade */
body.om-home-video-mode-hero_fade .homepage-video-layer,
body.om-home-video-mode-hero_fade .homepage-video-layer.is-hero_fade {
  height: clamp(760px, 92vh, var(--home-video-hero-max-height, 1080px)) !important;
  min-height: 760px !important;
  max-height: var(--home-video-hero-max-height, 1080px) !important;
  -webkit-mask-image: linear-gradient(
    to bottom,
    #000 0%,
    #000 calc(100% - var(--home-video-fade-height, 260px)),
    rgba(0,0,0,0) 100%
  ) !important;
  mask-image: linear-gradient(
    to bottom,
    #000 0%,
    #000 calc(100% - var(--home-video-fade-height, 260px)),
    rgba(0,0,0,0) 100%
  ) !important;
  -webkit-mask-size: 100% 100% !important;
  mask-size: 100% 100% !important;
}

body.om-home-video-mode-hero_fade .homepage-video-layer .home-video-overlay {
  background:
    linear-gradient(90deg, rgba(5,7,11,.84) 0%, rgba(5,7,11,.26) 34%, rgba(5,7,11,.30) 66%, rgba(5,7,11,.82) 100%),
    linear-gradient(180deg, rgba(5,7,11,.18) 0%, rgba(5,7,11,.08) 56%, rgba(5,7,11,0) 100%) !important;
}

body.om-home-video-mode-hero_fade .homepage-video-layer::after {
  background: transparent !important;
}

@media (max-width: 760px) {
  body.om-home-video-mode-hero_fade .homepage-video-layer,
  body.om-home-video-mode-hero_fade .homepage-video-layer.is-hero_fade {
    height: clamp(560px, 78vh, min(var(--home-video-hero-max-height, 1080px), 760px)) !important;
    min-height: 560px !important;
  }
}