/* DevisExpress — internal hero safety after white global header
   Visual-only: prevents hero/header overlap, text collisions and head cropping.
   2026-10-09
*/

/* The new site header is opaque/white: internal heroes must start BELOW it. */
body.dx-hero-page .dx-page-hero,
body.dx-hero-page .dx-page-hero.dx-hero-extra-pad {
  margin-top: 0 !important;
  padding-top: 34px !important;
  padding-bottom: 48px !important;
  min-height: 248px !important;
  overflow: hidden !important;
  isolation: isolate !important;
}

/* Disable the former transparent-header compensation on inner content. */
body.dx-hero-standard .dx-page-hero.dx-hero-extra-pad .dx-page-hero__inner,
body.dx-hero-standard .dx-page-hero .dx-page-hero__inner {
  padding-top: 0 !important;
  min-height: 166px !important;
  align-items: center !important;
  position: relative !important;
  z-index: 4 !important;
}

/* Stable crop: no zoom animation/inset that can cut faces differently while loading. */
body.dx-hero-page .dx-page-hero .dx-hero-bg-img {
  inset: 0 !important;
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  object-fit: cover !important;
  object-position: center 27% !important;
  transform: none !important;
  scale: 1 !important;
  animation: none !important;
  will-change: auto !important;
  filter: brightness(.70) saturate(1.06) !important;
}

/* Keep the copy on the calmer left side of the team photo. */
body.dx-hero-page .dx-page-hero::before {
  background:
    linear-gradient(90deg, rgba(8,15,26,.88) 0%, rgba(8,15,26,.72) 34%, rgba(8,15,26,.38) 58%, rgba(8,15,26,.12) 78%, rgba(8,15,26,.10) 100%),
    linear-gradient(180deg, rgba(5,10,18,.12) 0%, rgba(5,10,18,.10) 58%, rgba(5,10,18,.38) 100%) !important;
}
body.dx-hero-page .dx-page-hero::after {
  opacity: .35 !important;
}

body.dx-hero-standard .dx-page-hero__left,
body.dx-hero-standard .dx-page-hero__copy {
  max-width: min(540px, 42vw) !important;
  position: relative !important;
  z-index: 5 !important;
}
body.dx-hero-standard .dx-page-hero__eyebrow {
  margin: 0 0 9px !important;
  font-size: 11px !important;
  line-height: 1.25 !important;
  letter-spacing: .16em !important;
  color: #ffb36f !important;
}
body.dx-hero-standard .dx-page-hero__title {
  margin: 0 0 10px !important;
  max-width: 19ch !important;
  font-size: clamp(30px, 3vw, 42px) !important;
  line-height: 1.06 !important;
  letter-spacing: -.035em !important;
  color: #fff !important;
  text-wrap: balance;
}
body.dx-hero-standard .dx-page-hero__sub {
  margin: 0 !important;
  max-width: 58ch !important;
  font-size: 15px !important;
  line-height: 1.52 !important;
  color: rgba(255,255,255,.88) !important;
  overflow: visible !important;
}
body.dx-hero-standard .dx-page-hero__badge {
  position: relative !important;
  z-index: 5 !important;
  align-self: center !important;
  margin-top: 0 !important;
  background: rgba(10,20,32,.54) !important;
  border-color: rgba(255,255,255,.22) !important;
  color: #fff !important;
}

/* Login: keep the card visually attached to the hero without covering hero copy. */
body.dx-page-login-pro .dx-below-hero {
  margin-top: -28px !important;
}
body.dx-page-login-pro .dx-page-hero {
  padding-bottom: 58px !important;
  min-height: 262px !important;
}

@media (max-width: 980px) {
  body.dx-hero-page .dx-page-hero,
  body.dx-hero-page .dx-page-hero.dx-hero-extra-pad {
    margin-top: 0 !important;
    padding-top: 22px !important;
    padding-bottom: 24px !important;
    min-height: 208px !important;
  }
  body.dx-hero-page .dx-page-hero .dx-hero-bg-img {
    object-position: center 28% !important;
    filter: brightness(.62) saturate(1.04) !important;
  }
  body.dx-hero-page .dx-page-hero::before {
    background:
      linear-gradient(90deg, rgba(7,13,22,.74) 0%, rgba(7,13,22,.50) 58%, rgba(7,13,22,.28) 100%),
      linear-gradient(180deg, rgba(7,13,22,.08) 0%, rgba(7,13,22,.18) 46%, rgba(7,13,22,.72) 100%) !important;
  }
  body.dx-hero-standard .dx-page-hero__inner {
    min-height: 162px !important;
    align-items: flex-end !important;
  }
  body.dx-hero-standard .dx-page-hero__left,
  body.dx-hero-standard .dx-page-hero__copy {
    max-width: min(100%, 560px) !important;
  }
  body.dx-hero-standard .dx-page-hero__eyebrow {
    display: block !important;
    margin-bottom: 6px !important;
    font-size: 9px !important;
    letter-spacing: .13em !important;
  }
  body.dx-hero-standard .dx-page-hero__title {
    max-width: 21ch !important;
    font-size: clamp(24px, 7vw, 31px) !important;
    line-height: 1.08 !important;
    margin-bottom: 7px !important;
  }
  body.dx-hero-standard .dx-page-hero__sub {
    max-width: 48ch !important;
    font-size: 13.5px !important;
    line-height: 1.42 !important;
  }
  body.dx-hero-standard .dx-page-hero__badge {
    display: none !important;
  }
  html body.dx-hero-page .dx-below-hero,
  body.dx-page-login-pro .dx-below-hero {
    margin-top: 0 !important;
  }
}

@media (max-width: 640px) {
  body.dx-hero-page .dx-page-hero,
  body.dx-hero-page .dx-page-hero.dx-hero-extra-pad {
    padding-top: 16px !important;
    padding-bottom: 18px !important;
    min-height: 194px !important;
  }
  body.dx-hero-standard .dx-page-hero__inner {
    min-height: 160px !important;
  }
  body.dx-hero-standard .dx-page-hero__title {
    font-size: clamp(22px, 7vw, 27px) !important;
  }
  body.dx-hero-standard .dx-page-hero__sub {
    font-size: 13px !important;
  }
}


/* Account hero keeps its avatar/actions layout; only the crop/header overlap is normalized. */
body.dx-hero-account .dx-page-hero__inner {
  min-height: 166px !important;
  padding-top: 0 !important;
}
@media (max-width:980px){
  body.dx-hero-account .dx-page-hero__inner{
    min-height:0 !important;
    align-items:center !important;
    padding-top:0 !important;
  }
}