@media (max-width: 900px) {
  .hero { min-height: 700px; overflow: hidden; background: #080808; }
  .hero::after { display: block; background: linear-gradient(180deg, rgba(0,0,0,.04) 0%, rgba(0,0,0,.18) 34%, rgba(0,0,0,.88) 67%, rgba(0,0,0,.96) 100%); }
  .hero-grid { display: grid; grid-template-columns: minmax(0,1fr); min-height: 700px; height: 700px; gap: 0; }
  .hero-media { position: absolute; inset: 0; z-index: -1; width: 100%; height: 100%; aspect-ratio: auto; }
  .hero-media img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; object-position: center top; background: #080808; }
  .hero-copy { grid-column: 1; grid-row: 1; align-self: end; position: relative; z-index: 3; max-width: none; margin: 0; padding: 300px 0 36px; background: transparent; }
  .hero h1 { font-size: clamp(31px, 8.4vw, 42px); }
  .hero .proof { display: grid; grid-template-columns: 1fr 1fr; gap: 8px 12px; margin: 16px 0; }
  .hero .actions { margin-top: 20px; flex-wrap: wrap; }
  .hero .actions .btn { flex: 1 1 160px; padding: 0 14px; }
  .owner-mark { display: block; left: auto; right: 12px; bottom: 105px; transform: none; font-size: 9px; }
}
@media (max-width: 480px) {
  .hero, .hero-grid { min-height: 680px; height: 680px; }
  .hero-copy { padding: 282px 0 28px; }
  .hero .proof { font-size: 10px; }
}