/* Hero video: preserve the full uploaded frame on every viewport. */
.hero-art{
  position:relative!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  overflow:hidden!important;
  border:0!important;
  border-radius:0!important;
  background:#050505!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}

.hero-art .hero-video.hero-video-contain{
  position:relative!important;
  inset:auto!important;
  display:block!important;
  width:100%!important;
  height:auto!important;
  max-width:100%!important;
  max-height:none!important;
  aspect-ratio:910 / 512;
  object-fit:contain!important;
  object-position:center center!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  filter:none!important;
  background:#050505!important;
}

/* Remove overlays that obscure or visually crop the frame edges. */
.hero-art:before,
.hero-art:after,
.hero-art-glow{
  display:none!important;
}

/* Desktop: let the full video use all available hero-media width. */
@media(min-width:1001px){
  .hero-art{
    align-self:center!important;
  }
  .hero-art .hero-video.hero-video-contain{
    width:100%!important;
    height:auto!important;
  }
}

/* Mobile/tablet: keep every character visible; no object-cover cropping. */
@media(max-width:1000px){
  .hero-art{
    width:100%!important;
    min-height:0!important;
  }
  .hero-art .hero-video.hero-video-contain{
    width:100%!important;
    height:auto!important;
    object-fit:contain!important;
  }
}

@media(max-width:680px){
  .hero-art{
    width:100vw!important;
    max-width:100vw!important;
    margin-left:calc(50% - 50vw)!important;
    margin-right:calc(50% - 50vw)!important;
  }
  .hero-art .hero-video.hero-video-contain{
    width:100vw!important;
    height:auto!important;
    max-width:100vw!important;
    object-fit:contain!important;
  }
}

/* Reduced-motion keeps the complete team image visible without cropping. */
@media(prefers-reduced-motion:reduce){
  .hero-art .hero-video{display:none!important}
  .hero-art{
    aspect-ratio:16 / 9;
    background:#050505 url('/assets/phome1/personal-team-1920.webp')
      center center / contain no-repeat!important;
  }
}