.hero{
  display:grid!important;
  grid-template-columns:minmax(360px,42%) minmax(0,58%)!important;
  align-items:center!important;
  gap:clamp(20px,3vw,48px)!important;
  min-height:calc(100vh - 76px)!important;
  padding-top:clamp(26px,4vh,54px)!important;
  padding-bottom:clamp(26px,4vh,54px)!important;
  overflow:hidden!important;
}
.hero-copy{
  align-self:center!important;
  max-width:620px!important;
  padding-top:0!important;
  padding-bottom:0!important;
}
.hero-copy h1{
  max-width:9.4ch!important;
  font-size:clamp(64px,6.2vw,112px)!important;
  line-height:.92!important;
  margin-bottom:22px!important;
}
.hero-copy p{max-width:560px!important}
.hero-art{
  align-self:center!important;
  width:100%!important;
  min-height:0!important;
  height:auto!important;
  aspect-ratio:910 / 512!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:visible!important;
  background:#050505!important;
  margin:0!important;
  padding:0!important;
}
.hero-art .hero-video,
.hero-art .hero-video.hero-video-contain{
  position:relative!important;
  inset:auto!important;
  width:100%!important;
  height:auto!important;
  max-width:100%!important;
  max-height:none!important;
  aspect-ratio:910 / 512!important;
  object-fit:contain!important;
  object-position:center center!important;
  display:block!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  background:#050505!important;
}
.hero-art:before,.hero-art:after,.hero-art-glow{display:none!important}
.hero .mission-entry,.hero .hero-intake,.hero .chips,.hero .hero-chips{
  margin-top:clamp(14px,1.8vh,24px)!important;
}
@media (min-width:1001px) and (max-height:900px){
  .hero{min-height:auto!important;padding-top:28px!important;padding-bottom:28px!important}
  .hero-copy h1{font-size:clamp(58px,5.4vw,88px)!important}
}
@media(max-width:1000px){
  .hero{
    grid-template-columns:1fr!important;
    min-height:0!important;
    gap:24px!important;
    padding-top:28px!important;
    padding-bottom:30px!important;
  }
  .hero-copy{max-width:none!important}
  .hero-copy h1{max-width:9ch!important;font-size:clamp(54px,11vw,84px)!important}
  .hero-art{
    width:100%!important;
    max-width:none!important;
    aspect-ratio:910 / 512!important;
    margin:0!important;
  }
  .hero-art .hero-video,
  .hero-art .hero-video.hero-video-contain{
    width:100%!important;
    height:auto!important;
    aspect-ratio:910 / 512!important;
    object-fit:contain!important;
  }
}
@media(max-width:680px){
  .hero{gap:18px!important;padding-inline:14px!important}
  .hero-copy h1{font-size:clamp(48px,14vw,68px)!important}
  .hero-art{
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
  }
  .hero-art .hero-video,
  .hero-art .hero-video.hero-video-contain{
    width:100%!important;
    max-width:100%!important;
  }
}
@media(prefers-reduced-motion:reduce){
  .hero-art .hero-video{display:none!important}
  .hero-art{
    background:#050505 url('/assets/phome1/personal-team-1920.webp')
      center center / contain no-repeat!important;
  }
}