@media(max-width:740px){
  .hero{display:flex;flex-direction:column;align-items:stretch;justify-content:center;padding-block:26px}
  .hero-copy{display:contents}
  h1{order:0;text-align:center}
  .artwork{order:1;margin-top:22px}
  .orbital-art{width:clamp(120px,16svh,140px)}
  .contact{order:2;margin-top:22px}
}
@media(max-width:740px) and (max-height:740px){
  .masthead{padding-block:18px}
  .hero{padding-block:20px}
  .headline-line{font-size:clamp(46px,12.8vw,60px)}
  .continuation{font-size:22px;margin-top:16px}
  .artwork{margin-top:18px}
  .contact{margin-top:18px}
  .contact-text{font-size:19px;line-height:1.3}
  .contact-inner.wrap{gap:18px}
  .cta{min-height:80px;padding-block:18px}
}