﻿/* hero: transparent-background phone video (no frame). Preview build. */
.hero2-side { display: flex; align-items: center; justify-content: center; }
.rs-phone { width: min(560px, 100%); aspect-ratio: 1 / 1; margin: 0 auto; }
.rs-phone__video { display: block; width: 100%; height: 100%; object-fit: contain; background: transparent; pointer-events: none; }
@media (max-width: 1100px) { .rs-phone { width: min(460px, 100%); } }
/* phones: no video (hidden block never becomes visible, so the video is not even downloaded) */
@media (max-width: 640px) {
  .hero2-side, .map-on .hero2-side { display: none !important; }
}
