/* Homepage "See it in action" media section */
.hm-grid { display: grid; gap: 1rem; margin-top: 1rem; }
.hm-videos { grid-template-columns: 1fr; }
.hm-photos { grid-template-columns: repeat(3, 1fr); gap: 0.6rem; margin-top: 1rem; }
@media (min-width: 520px) { .hm-videos { grid-template-columns: 1fr 1fr; } }
@media (min-width: 880px) { .hm-photos { gap: 1rem; } }
.hm-tile { margin: 0; }
.hm-tile .hm-frame {
  aspect-ratio: 1 / 1; width: 100%; overflow: hidden; background: #0b1d2a;
  border: 1px solid var(--line); border-radius: var(--radius); box-shadow: var(--shadow);
}
.hm-tile video, .hm-tile img {
  display: block; width: 100%; height: 100%; aspect-ratio: 1 / 1; object-fit: cover;
}
.hm-tile figcaption { margin-top: 0.45rem; font-size: 0.9rem; color: var(--muted); line-height: 1.35; }
.hm-photos .hm-tile figcaption { font-size: 0.8rem; }
@media (min-width: 880px) { .hm-photos .hm-tile figcaption { font-size: 0.88rem; } }