:root {
  --font-body: PP Telegraf, Helvetica Neue, Helvetica, Arial, sans-serif;
  --font-heading: Emotive Sands, PP Telegraf, Helvetica Neue, Helvetica, Arial, sans-serif;
}

[class*=mobile] {
  display: none !important;
  visibility: hidden !important;
  opacity: 0;
}

@media screen and (max-width: 960px) {
  [class*=mobile] {
    display: block !important;
    visibility: visible !important;
    opacity: 1;
  }
}
.layout__media_row .media_row__items {
  grid-column: 1/-1;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  width: 100%;
}
.layout__media_row .media_row__item {
  position: relative;
  flex: var(--item-width, 33) 1 0%;
}
.layout__media_row .media_row__item figure {
  width: 100%;
  margin: 0;
}
.layout__media_row .media_row__item img, .layout__media_row .media_row__item video {
  display: block;
  width: 100%;
  height: auto;
}
.layout__media_row.padding .media_row__items {
  gap: calc(1rem / 2);
}
.layout__media_row.no-padding .media_row__items {
  gap: 0;
}

@media screen and (max-width: 768px) {
  .layout__media_row .media_row__items {
    flex-direction: column;
  }
  .layout__media_row .media_row__item, .layout__media_row.padding .media_row__item {
    flex-basis: auto;
    width: 100%;
  }
  .layout__media_row.padding .media_row__items {
    gap: 2rem;
  }
}