/* gallery */
.inside { padding: 4rem 0; }
.inside h2 { font-size: clamp(1.8rem, 5vw, 2.4rem); margin-bottom: 1.6rem; }
.mosaic { display: grid; grid-template-columns: 1fr 1fr; grid-auto-rows: 200px; gap: .7rem; }
.mosaic figure { margin: 0; position: relative; overflow: hidden; border-radius: 14px; background: var(--bg-2); }
.mosaic img { width: 100%; height: 100%; object-fit: cover; }
.m-1 { grid-row: span 2; }
@media (min-width: 800px) {
  .mosaic { grid-template-columns: repeat(3, 1fr); grid-auto-rows: 460px; gap: .9rem; }
  .m-1 { grid-row: auto; }
}