@use "sass:map";
@use "@naomi-2025/ui-core/site-config";
@use "@naomi-2025/ui-core/animators";
@use "@naomi-2025/ui-core/mq";
@use "s360-scss-toolkit";

.photo-gallery {
  &__group {
    display: grid;
    width: 100%;
    gap: site-config.$column-gap;
    grid-template-columns: 1fr;

    @media (width > mq.$mq-640) {
      grid-template-columns: 1fr 1fr;
    }
  }

  &__empty-cell {
    @media (width > mq.$mq-768) {
      grid-area: ec;
    }
  }
}
