/* -------------------------------- 

File#: _1_gallery-v2
Title: Gallery v2
Descr: A gallery of card components with an additional text element
Usage: codyhouse.co/license

-------------------------------- */
:root {
  --gallery-v2-offset: 100px;
}

.gallery-v2 {
  position: relative;
  z-index: 1;
}

.gallery-v2__content {
  padding-bottom: var(--gallery-v2-offset);
  background-color: hsl(240deg, 4%, 95%);
}

.gallery-v2__gallery {
  margin-top: calc(-1 * var(--gallery-v2-offset));
  padding-bottom: 1px;
}

@media (min-width: 48rem) {
  .gallery-v2__gallery {
    padding-bottom: calc(0.5 * var(--gallery-v2-offset));
  }
  .gallery-v2__item:nth-child(2n) {
    position: relative;
    top: calc(0.5 * var(--gallery-v2-offset));
  }
}