/* A balanced opening for iPad portrait and landscape. */
@media (min-width:651px) and (max-width:1200px){
  .hero{display:flex;flex-direction:column;min-height:0}
  .hero-image{order:-1;width:100%;height:clamp(360px,43vw,500px);flex:none}
  .hero-image img{object-position:center 35%}
  .hero-copy{min-height:0;padding:54px 6vw 62px}
  .hero h1{font-size:clamp(78px,10vw,116px);margin:22px 0 28px}
  .hero-foot{margin:0;padding-top:36px}
  .intro{margin-bottom:28px}
}
@media (max-width:650px){
  .hero-image{height:clamp(220px,55vw,330px)}
  .hero h1{font-size:clamp(64px,16vw,94px)}
}