/* || FRONT PAGE PITCH CONTENT */
/* || HEX GRID CONTENT */
.vr-hex__title {
  border-color: var(--shade-light);
  border-bottom-style: solid;
  border-bottom-width: 1px;
  color: var(--primary-hover);
  font-size: var(--text-xxs);
  font-weight: 600;
  margin-bottom: var(--space-xs);
}
@media only screen and (max-width: 600px) {
  .vr-hex__title {
    font-size: var(--text-xl);
  }
}
/* || HEX GRID STRUCTURE */
.hex-grid__item {
  position: relative;
  grid-column: 1 / span 3;
  grid-row: calc(var(--counter) + var(--counter))/span 2;
  filter: drop-shadow(0 0 10px rgba(68, 68, 68, 0.08));
  height: 0;
  padding-bottom: 90%;
}
.hex-grid__content {
  position: absolute;
  height: 100%;
  width: 100%;
  background-color: var(--action-trans-10);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding: 1.5rem 25%;
  text-decoration: none;
  text-align: left;
  transition: transform 0.24s ease-out;
}
@media only screen and (max-width: 1051px) {
  .hex-grid__content {
    padding: 1rem 25%;
  }
}
.hex-grid__content img {
  width: 100vw;
}
.hex-grid__item:nth-of-type(1) {
  grid-column: 5 / span 3 !important;
}
@media screen and (max-width: 600px) {
  .hex-grid__item:nth-of-type(1) {
    grid-column: 1 / span 3 !important;
  }
}
.hex-grid__item:nth-of-type(3n + 1) {
  grid-column: 1 / span 3;
  grid-row: calc(var(--counter) + var(--counter) - 1)/span 2;
}
.hex-grid__item:nth-of-type(3n + 1) .hex-grid__content {
  background: var(--primary-trans-10);
}
.hex-grid__item:nth-of-type(3n + 2) {
  grid-column: 3 / span 3;
}
.hex-grid__item:nth-of-type(3n + 3) {
  grid-column: 5 / span 3;
  grid-row: calc(var(--counter) + var(--counter) + 1)/span 2;
}
@media only screen and (max-width: 600px) {
  .hex-grid__item:nth-of-type(3n + 3) {
    grid-column: 1 / span 3;
    grid-row: calc(var(--counter) + var(--counter) + 3)/span 2;
  }
}
.hex-grid__item:nth-of-type(n + 4) {
  --counter: 2;
}
.hex-grid__item:nth-of-type(n + 4) .hex-grid__content {
  background: var(--action-trans-10);
}
.hex-grid__item:nth-of-type(n + 5) {
  --counter: 2;
}
.hex-grid__item:nth-of-type(n + 5) .hex-grid__content {
  background: var(--primary-trans-10);
}
.hex-grid__item:nth-of-type(n + 7) {
  --counter: 3;
}
.hex-grid__item:nth-of-type(n + 10) {
  --counter: 4;
}
.hex-grid__item:nth-of-type(n + 13) {
  --counter: 5;
}
.hex-grid__item:nth-of-type(n + 16) {
  --counter: 6;
}
.hex-grid__item:nth-of-type(n + 19) {
  --counter: 7;
}
.hex-grid__item:nth-of-type(n + 22) {
  --counter: 8;
}
.hex-grid__item:nth-of-type(n + 25) {
  --counter: 9;
}
.hex-grid__item:nth-of-type(n + 28) {
  --counter: 10;
}
.hex-grid__item:nth-of-type(n + 51) {
  --counter: 11;
}
.hex-grid__item:nth-of-type(n + 56) {
  --counter: 12;
}
.hex-grid__item:nth-of-type(n + 61) {
  --counter: 13;
}
.hex-grid__item:nth-of-type(n + 66) {
  --counter: 14;
}
.hex-grid__item:nth-of-type(n + 71) {
  --counter: 15;
}
.hex-grid__item:nth-of-type(n + 76) {
  --counter: 16;
}
.hex-grid__item:nth-of-type(n + 81) {
  --counter: 17;
}
.hex-grid__item:nth-of-type(n + 86) {
  --counter: 18;
}
.hex-grid__item:nth-of-type(n + 91) {
  --counter: 19;
}
.hex-grid__item:nth-of-type(n + 96) {
  --counter: 20;
}
.hex-grid__item:nth-of-type(n + 101) {
  --counter: 21;
}
