/* On small screens, copy and photography become two separate, readable parts. */
@media(max-width:760px){
  .hero{display:flex;flex-direction:column;min-height:0;height:auto;background:#08221d}
  .hero-image{position:relative;inset:auto;order:2;width:100%;height:clamp(285px,86vw,420px);background-position:right bottom;background-size:128% auto;background-repeat:no-repeat;transform:none}
  .hero-overlay{display:none}
  .hero-content{order:1;align-self:stretch;padding:112px 0}
  .hero h1{font-size:clamp(48px,14vw,64px);margin-bottom:17px}
  .hero-copy{max-width:345px;margin-bottom:24px;font-size:15px;line-height:1.5}
  .hero-actions{gap:15px}
  .hero-actions .button{padding:14px 17px}
  .hero-details{display:none}
}