html, body { overflow-x: hidden; }
.hero-art img { border-radius: 18px; border: 1px solid rgba(255,255,255,.12); box-shadow: 0 22px 55px rgba(0,0,0,.22); }
@media (max-width:700px) {
  .hero-layout { grid-template-columns: minmax(0,1fr); }
  .hero-copy, .hero-art { min-width:0; }
  .hero-art { overflow:hidden; }
  .hero-art img { width:min(88%,400px); }
  .hero-floating.top { right:5px; }
  .hero-floating.bottom { left:5px; }
}
@media (max-width:410px) {
  .nav-cta { display:none; }
  .hero-floating.top { top:12px; }
}