/* Shared photo mosaic. Extra images kept for the lightbox stay hidden. */
:is(body #site-content, body) section.image-grid[data-sk-makov-gallery] {
  --sk-makov-gutter: 64px;
  --sk-makov-gap: 20px;
}
:is(body #site-content, body) section.image-grid[data-sk-makov-gallery] > .container {
  box-sizing: border-box;
  width: 100%;
  max-width: 1440px;
  margin-inline: auto;
  padding-inline: var(--sk-makov-gutter);
}
:is(body #site-content, body) section.image-grid[data-sk-makov-gallery] > .container > .row { margin-inline: 0; }
:is(body #site-content, body) section.image-grid[data-sk-makov-gallery] > .container > .row > :has(> .grid-wrapper) {
  container-type: inline-size;
  flex: 0 0 100%;
  width: 100%;
  max-width: none;
  margin-inline: 0;
  padding-inline: 0;
}
:is(body.mk-refresh.mk-workshop #site-content, body #site-content, body) section.image-grid[data-sk-makov-gallery] .grid-wrapper {
  display: grid;
  grid-template-columns: repeat(6,minmax(0,1fr)) !important;
  grid-template-rows: none !important;
  grid-auto-rows: calc((100cqw - 2 * var(--sk-makov-gap)) / 2.25 + var(--sk-makov-gap));
  gap: var(--sk-makov-gap);
}
:is(body.mk-refresh.mk-workshop #site-content, body #site-content, body) section.image-grid[data-sk-makov-gallery] .grid-wrapper > .grid-item:nth-child(n)[data-sk-photo-span] {
  min-width: 0;
  min-height: 0;
  grid-area: auto / span var(--sk-photo-span) !important;
  aspect-ratio: auto;
}
[data-sk-photo-span="2"] { --sk-photo-span: 2; }
[data-sk-photo-span="3"] { --sk-photo-span: 3; }
[data-sk-photo-span="4"] { --sk-photo-span: 4; }
[data-sk-photo-span="6"] { --sk-photo-span: 6; }
:is(body #site-content, body) section.image-grid[data-sk-makov-gallery] .grid-item :is(picture,img) {
  display: block;
  width: 100%;
  height: 100%;
}
:is(body #site-content, body) section.image-grid[data-sk-makov-gallery] .grid-item img { object-fit: cover; }
@media (max-width: 1100px) {
  :is(body #site-content, body) section.image-grid[data-sk-makov-gallery] { --sk-makov-gutter: 40px; }
}
@media (max-width: 900px) {
  :is(body #site-content, body) section.image-grid[data-sk-makov-gallery] { --sk-makov-gutter: 22px; }
}
@media (max-width: 767px) {
  :is(body #site-content, body) section.image-grid[data-sk-makov-gallery] { --sk-makov-gap: 16px; }
  :is(body.mk-refresh.mk-workshop #site-content, body #site-content, body) section.image-grid[data-sk-makov-gallery] .grid-wrapper {
    grid-template-columns: minmax(0,1fr) !important;
    grid-auto-rows: auto;
  }
  :is(body.mk-refresh.mk-workshop #site-content, body #site-content, body) section.image-grid[data-sk-makov-gallery] .grid-wrapper > .grid-item:nth-child(n)[data-sk-photo-span] {
    --sk-photo-span: 1;
    aspect-ratio: 3/2;
  }
}