/* Banners and photographs from the original Ambacht & Smaak website. */
.page-photo-banner { margin: 0 0 28px; overflow: hidden; border-radius: var(--radius); background: var(--brand-dark); }
.page-photo-banner img { display: block; width: 100%; height: clamp(200px, 26vw, 340px); object-fit: cover; object-position: center; }
.page-photo-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; margin-top: 32px; margin-bottom: 32px; }
.page-photo-grid[data-photo-count="2"] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.page-photo-grid[data-photo-count="1"] { grid-template-columns: minmax(0, 1fr); }
.page-photo-card { min-width: 0; margin: 0; overflow: hidden; border: 1px solid var(--line); border-radius: var(--radius); background: var(--surface); }
.page-photo-card img { display: block; width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: cover; }
.page-photo-card figcaption { padding: 16px 20px; color: var(--brand); font-family: Merriweather, Georgia, serif; font-size: 1.1rem; line-height: 1.45; }
.home-photo-grid { margin-top: 0; margin-bottom: 48px; }
.home-photo-grid .page-photo-card img { aspect-ratio: 5 / 4; }
.photo-information-page .page-image-layout { max-width: 820px; margin-inline: auto; }
.photo-information-page .page-image-layout.has-photos { display: grid; grid-template-columns: minmax(0, 1fr) minmax(240px, 34%); align-items: start; gap: 38px; max-width: none; }
.page-image-layout > .page-photo-grid { grid-template-columns: minmax(0, 1fr); margin-top: 0; }
.page-image-layout > .page-photo-grid .page-photo-card img { aspect-ratio: 4 / 5; }
.page-photo-banner[data-page-banner="hoe-werkt-het"] img,
.page-photo-banner[data-page-banner="bezorgdata"] img { object-position: center 60%; }
@media (max-width: 760px) {
  .page-photo-grid, .page-photo-grid[data-photo-count="2"] { grid-template-columns: minmax(0, 1fr); gap: 18px; }
  .page-photo-banner { margin-bottom: 22px; }
  .page-photo-banner img { height: 200px; }
  .photo-information-page .page-image-layout.has-photos { grid-template-columns: minmax(0, 1fr); gap: 24px; }
  .page-image-layout > .page-photo-grid .page-photo-card img { aspect-ratio: 4 / 3; }
  .home-photo-grid { margin-bottom: 32px; }
}