.patios-gallery { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 12px; margin: 24px 0; }
.patios-gallery figure { margin: 0; min-width: 0; }
.patios-gallery img { display: block; width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: cover; }
.patios-gallery:focus-visible { outline: 2px solid var(--ink); outline-offset: 4px; }
@media (max-width: 759px) {
  .patios-gallery { grid-template-columns: none; grid-auto-flow: column; grid-auto-columns: 72%; overflow-x: auto; overscroll-behavior-x: contain; scroll-snap-type: x proximity; padding-bottom: 10px; }
  .patios-gallery figure { scroll-snap-align: start; }
}

.simple-images.planning-gallery { grid-template-columns: repeat(3, minmax(0, 1fr)); }

#main p, #main h1, #main h2, #main h3 { max-width: none; }