.gallery-block-container {
  padding-top: var(--row-xl) !important;
}
.gallery-block-container .filter-dropdowns-container {
  margin: unset;
}
.gallery-block-container .gallery-grid-container {
  padding-top: var(--row-m);
}

.gallery-banner {
  padding-bottom: var(--row-m);
}
.gallery-banner .banner-content-block {
  display: flex;
  flex-direction: column;
  gap: var(--space-xl);
}
.gallery-banner .banner-content-block h1 {
  font-family: var(--font-family-title-heading);
  font-weight: var(--font-weight-title-heading);
  text-transform: var(--text-transform-title-heading);
  font-size: var(--font-size-title-heading-1);
  line-height: var(--line-height-title-heading-1);
  letter-spacing: var(--letter-spacing-title-heading-1);
  font-style: var(--font-style-title-heading);
  word-spacing: var(--word-spacing-title-heading);
  color: var(--color-accent-primary-dark);
  font-size: 16.188rem;
}
.gallery-banner .banner-content-block .subtitle {
  color: var(--color-body);
  font-family: var(--font-family-subtitle);
  font-weight: var(--font-weight-subtitle);
  text-transform: var(--text-transform-subtitle);
  font-size: var(--font-size-subtitle-1);
  line-height: var(--line-height-subtitle-1);
  letter-spacing: var(--letter-spacing-subtitle-1);
  font-style: var(--font-style-subtitle);
  margin: unset;
}

.gallery-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 25rem), 1fr));
  gap: var(--gutter-tight);
}
@media only screen and (max-width: 64rem) {
  .gallery-grid {
    gap: var(--gutter-tight);
  }
}
@media only screen and (max-width: 48rem) {
  .gallery-grid {
    gap: var(--gutter-x-tight);
  }
}
.gallery-grid a {
  position: relative;
  background-color: var(--color-background);
  aspect-ratio: 4/3;
  height: auto;
  border-radius: 8px;
  overflow: hidden;
}
.gallery-grid a img,
.gallery-grid a figcaption, .gallery-grid a:after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.gallery-grid a:after {
  content: "";
  z-index: 2;
  transition: all 0.6s cubic-bezier(0.59, 0, 0.06, 1);
  background: var(--color-black);
  mix-blend-mode: multiply;
  opacity: 0;
}
.gallery-grid a figcaption {
  z-index: 3;
  opacity: 0;
  padding: 0;
  transition: all 0.6s cubic-bezier(0.59, 0, 0.06, 1);
}
.gallery-grid a p {
  position: absolute;
  bottom: 0;
  padding: var(--space-l);
}
.gallery-grid a:hover figcaption {
  opacity: 1;
}
.gallery-grid a:hover:after {
  opacity: 0.4;
}
/*# sourceMappingURL=gallery_grid.css.map */