/* ── Kitchen Notes Gallery ──────────────────────────────────────────── */
.gallery { background: var(--canvas-sage); border-block: 1px solid var(--line); }

.gal-head {
  display: grid; grid-template-columns: 1.2fr 1fr; gap: 30px; align-items: end;
  margin-bottom: 56px;
}
@media (max-width: 820px) { .gal-head { grid-template-columns: 1fr; } }
.gal-head p { max-width: 460px; }

.gal-grid {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-auto-rows: 110px;
  gap: 16px;
}
@media (max-width: 820px) {
  .gal-grid { grid-template-columns: repeat(6, 1fr); grid-auto-rows: 90px; }
}
@media (max-width: 500px) {
  .gal-grid { grid-template-columns: repeat(2, 1fr); grid-auto-rows: 140px; gap: 12px; }
}

.gal-item { border-radius: var(--radius-lg); }

.gi-1 { grid-column: span 5; grid-row: span 3; }
.gi-2 { grid-column: span 7; grid-row: span 2; }
.gi-4 { grid-column: span 4; grid-row: span 3; }
.gi-5 { grid-column: span 3; grid-row: span 3; }
.gi-6 { grid-column: span 5; grid-row: span 2; }

@media (max-width: 820px) {
  .gi-1 { grid-column: span 6; grid-row: span 3; }
  .gi-2, .gi-4, .gi-5, .gi-6 { grid-column: span 3; grid-row: span 2; }
}
@media (max-width: 500px) {
  .gi-1, .gi-2, .gi-4, .gi-5, .gi-6 { grid-column: span 1; grid-row: span 2; }
}