.hero{
  display:flex;
  flex-direction:column;
  min-height:auto;
}

.hero-art{
  order:-1;
  width:100%;
  height:clamp(300px,48vw,620px);
  border-bottom:1px solid var(--line);
}

.hero-art img{
  display:block;
  object-position:center 42%;
}

.hero-copy{
  width:100%;
  padding:clamp(65px,9vw,120px) 10vw;
}

.hero-copy .lede{
  max-width:620px;
}

@media(max-width:800px){
  .hero-art{height:42vh;min-height:280px;max-height:430px}
  .hero-art img{object-position:68% center}
  .hero-copy{padding:65px 8vw 60px}
}