.gallery { padding-block: 1rem 5rem; }
.gal-grid { display: grid; grid-template-columns: 2fr 1fr 1fr; grid-template-rows: 220px 220px 220px; gap: 1rem; }
.gal-item { position: relative; overflow: hidden; border-radius: 10px; margin: 0; }
.gal-item:nth-child(1) { grid-row: span 2; }
.gal-item img { width: 100%; height: 100%; object-fit: cover; }
.gal-cap {
  position: absolute; bottom: 10px; left: 10px;
  font-family: var(--mono); font-size: 0.62rem; letter-spacing: 0.07em; text-transform: uppercase;
  background: color-mix(in oklch, var(--bg) 92%, transparent); color: var(--ink);
  border-radius: 6px; padding: 0.3rem 0.55rem;
}
.gal-cap .acc { font-weight: 500; }

@media (max-width: 900px) {
  .gal-grid { grid-template-columns: 1fr 1fr; grid-template-rows: auto; }
  .gal-item { height: 170px; }
  .gal-item:nth-child(1) { grid-column: span 2; grid-row: auto; height: 240px; }
  .gal-item:nth-child(6) { grid-column: span 2; }
}
