/* MEM Studios — Mission page styles
   Extracted from the legacy Webflow stylesheet in Phase 17. */
.hover-line.transparent {
  background-color: #0000;
  bottom: 0;
}

.section-padding.zero-sides-up-down {
  padding-left: 0;
  padding-right: 0;
}

.dual-block-container {
  grid-column-gap: var(--mem-space-inline-md);
  grid-row-gap: var(--mem-space-inline-md);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.dual-block-container.more-space-above {
  margin-top: 4vw;
}

.image-dual-block {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: 90vmin;
  display: flex;
  position: relative;
}

.text-dual-block {
  grid-column-gap: var(--mem-space-inline-md);
  grid-row-gap: var(--mem-space-inline-md);
  cursor: default;
  flex-flow: column;
  align-items: flex-start;
  display: flex;
}

.dual-block-sections-wrapper {
  grid-column-gap: 10vw;
  grid-row-gap: 10vw;
  flex-flow: column;
  padding-left: var(--mem-page-padding);
  padding-right: var(--mem-page-padding);
  display: flex;
}

.feature-image-grid-wrapper {
  grid-column-gap: var(--mem-space-inline-md);
  grid-row-gap: var(--mem-space-inline-md);
  cursor: default;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-flow: row dense;
  justify-items: start;
  width: 100%;
  display: grid;
  position: relative;
}

.feature-image-grid {
  z-index: 2;
  filter: drop-shadow(0 1px 9px #000000b3);
  width: 20vmin;
  position: relative;
}

.feature-image-tag {
  z-index: -1;
  color: var(--super-silver);
  text-transform: capitalize;
  padding: 1.5vmin 3vmin;
  font-family: var(--mem-font-script);
  font-size: 15vmin;
  font-weight: var(--mem-weight-regular);
  line-height: .5;
  position: absolute;
  inset: auto 0% 3% auto;
  transform: rotate(-5deg);
}

.feature-image-grid-section {
  width: 100%;
  min-height: 70vh;
  margin-top: 10vw;
  display: flex;
  position: relative;
  overflow: clip;
}

.feature-image-code {
  pointer-events: none;
  width: 0;
  height: 0;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}

.infinite-wrapper {
  display: flex;
}

.feature-image-grid-container {
  grid-column-gap: var(--mem-space-inline-md);
  grid-row-gap: var(--mem-space-inline-md);
  display: flex;
}

.overlay-fade-feature-image {
  z-index: 3;
  background-image: linear-gradient(90deg, var(--ink), #0a0a0a00);
  pointer-events: none;
  width: 10vmin;
  height: 100%;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.overlay-fade-feature-image.right {
  background-image: linear-gradient(270deg, var(--ink) 12%, #0a0a0a00);
  inset: 0% 0% 0% auto;
}

.elise-name-tag {
  background-color: var(--super-silver);
  color: var(--ink);
  -webkit-text-stroke-width: .2px;
  cursor: default;
  border-radius: 100vw;
  align-self: flex-start;
  padding-left: 1vw;
  padding-right: 1vw;
  font-family: var(--mem-font-script);
  font-size: 8vmin;
  line-height: 1;
  transform: rotate(-9deg);
}

.profile-anteater {
  z-index: -1;
  width: 15vmin;
  max-width: none;
  position: absolute;
  inset: -7% auto auto 0%;
  transform: rotate(-23deg);
}

.value {
  grid-column-gap: var(--mem-space-inline-md);
  grid-row-gap: var(--mem-space-inline-md);
  background-color: var(--pot-black);
  box-shadow: #000000b3 0 2px 5px;
  cursor: default;
  border-top: .2px solid #eee3;
  border-bottom: .2px solid #eee3;
  border-left: .2px solid #eee3;
  border-radius: 1vw;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  padding: 2vw;
  display: grid;
  position: relative;
  overflow: hidden;
}

.values-wrapper {
  grid-column-gap: var(--mem-space-inline-md);
  grid-row-gap: var(--mem-space-inline-md);
  flex-flow: column;
  display: flex;
}

.values-tag {
  border: 1px solid var(--faded-super-silver);
  letter-spacing: .16vw;
  text-transform: uppercase;
  cursor: default;
  border-radius: 100vw;
  padding: .3vw 1.8vw;
  font-family: var(--mem-font-body);
  font-size: 2vmin;
  font-weight: var(--mem-weight-medium);
  line-height: 2;
}

.values-section {
  grid-column-gap: var(--mem-space-inline-lg);
  grid-row-gap: var(--mem-space-inline-lg);
  flex-flow: column;
  align-items: flex-start;
  display: flex;
}

.value-title-wrapper {
  grid-column-gap: var(--mem-space-inline-sm);
  grid-row-gap: var(--mem-space-inline-sm);
  align-items: center;
  display: flex;
}

.value-icon-wrapper {
  border: .1vw solid var(--faded-super-silver);
  background-color: var(--super-silver);
  filter: drop-shadow(0 1px 2px #eeeeee85);
  color: var(--super-silver);
  border-radius: 100vw;
  justify-content: center;
  align-items: center;
  width: 6vmin;
  height: 6vmin;
  margin-top: -9px;
  display: flex;
  position: relative;
  overflow: hidden;
}

@media screen and (min-width: 1280px) {
  .dual-block-container {
    grid-column-gap: var(--mem-space-block-lg);
    grid-row-gap: var(--mem-space-block-lg);
  }

  .dual-block-container.more-space-above {
    margin-top: 8vh;
  }

  .text-dual-block {
    grid-column-gap: var(--mem-space-block-lg);
    grid-row-gap: var(--mem-space-block-lg);
  }

  .dual-block-sections-wrapper {
    grid-column-gap: 20vh;
    grid-row-gap: 20vh;
  }

  .feature-image-grid-wrapper {
    grid-column-gap: var(--mem-space-block-lg);
    grid-row-gap: var(--mem-space-block-lg);
  }

  .feature-image-grid-section {
    margin-top: 20vh;
  }

  .feature-image-grid-container {
    grid-column-gap: var(--mem-space-block-lg);
    grid-row-gap: var(--mem-space-block-lg);
  }

  .elise-name-tag {
    padding-left: 2vh;
    padding-right: 2vh;
  }

  .value {
    border-radius: 2vh;
    padding: 4vh;
  }

  .values-wrapper {
    grid-column-gap: var(--mem-space-block-lg);
    grid-row-gap: var(--mem-space-block-lg);
  }

  .values-tag {
    letter-spacing: .3vh;
    border-radius: var(--mem-radius-pill);
    padding: .6vh 3vh;
  }

  .values-section {
    grid-column-gap: var(--mem-space-block-xl);
    grid-row-gap: var(--mem-space-block-xl);
  }

  .value-title-wrapper {
    grid-column-gap: var(--mem-space-block-sm);
    grid-row-gap: var(--mem-space-block-sm);
  }

  .value-icon-wrapper {
    border-width: .18vh;
    border-radius: var(--mem-radius-pill);
  }
}

@media screen and (max-width: 991px) {
  .dual-block-container {
    grid-column-gap: var(--mem-space-block-md);
    grid-row-gap: var(--mem-space-block-2xl);
    flex-flow: column;
    grid-template-rows: auto auto;
    grid-template-columns: .25fr 1fr 1fr 1fr 1fr 1fr 1fr .25fr;
    grid-auto-columns: 1fr;
  }

  .dual-block-container.more-space-above {
    margin-top: 6vh;
  }

  .image-dual-block {
    height: 100vmin;
  }

  .text-dual-block {
    grid-column-gap: var(--mem-space-block-md);
    grid-row-gap: var(--mem-space-block-md);
  }

  .dual-block-sections-wrapper {
    grid-column-gap: 15vh;
    grid-row-gap: 15vh;
  }

  .feature-image-grid-wrapper {
    grid-column-gap: var(--mem-space-block-md);
    grid-row-gap: var(--mem-space-block-md);
  }

  .feature-image-grid {
    width: 20vmin;
  }

  .feature-image-grid-section {
    min-height: auto;
    margin-top: 15vh;
    margin-bottom: 15vh;
  }

  .feature-image-grid-container {
    grid-column-gap: var(--mem-space-block-md);
    grid-row-gap: var(--mem-space-block-md);
  }

  .elise-name-tag {
    padding-left: 1.8vh;
    padding-right: 1.8vh;
  }

  .value {
    grid-column-gap: var(--mem-space-block-md);
    grid-row-gap: var(--mem-space-block-md);
    border-radius: 2vh;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-flow: column;
    align-items: start;
    padding: 4vh 4vh 5vh;
  }

  .values-wrapper {
    grid-column-gap: var(--mem-space-block-md);
    grid-row-gap: var(--mem-space-block-md);
  }

  .values-tag {
    letter-spacing: .26vh;
    border-radius: var(--mem-radius-pill);
    padding: .5vh 2.5vh;
    font-size: 1.6vh;
  }

  .values-section {
    grid-column-gap: var(--mem-space-block-md);
    grid-row-gap: var(--mem-space-block-md);
  }

  .value-title-wrapper {
    grid-column-gap: 1.8vh;
    grid-row-gap: 1.8vh;
  }

  .value-icon-wrapper {
    border-width: .18vh;
    border-radius: var(--mem-radius-pill);
  }
}

@media screen and (max-width: 767px) {
  .dual-block-container {
    grid-template-columns: .25fr 1fr 1fr 1fr 1fr .25fr;
  }

  .values-tag {
    font-size: 1.5vh;
  }
}

@media screen and (max-width: 479px) {
  .dual-block-container {
    grid-column-gap: 2.5vh;
    grid-row-gap: 7vh;
    grid-template-columns: .25fr 1fr 1fr .25fr;
  }

  .dual-block-container.more-space-above {
    margin-top: 5vh;
  }

  .text-dual-block {
    grid-column-gap: 2.5vh;
    grid-row-gap: 2.5vh;
  }

  .dual-block-sections-wrapper {
    grid-column-gap: 10vh;
    grid-row-gap: 10vh;
  }

  .feature-image-grid-wrapper {
    grid-column-gap: 2.5vh;
    grid-row-gap: 2.5vh;
  }

  .feature-image-grid {
    width: 30vmin;
  }

  .feature-image-grid-section {
    margin-top: 10vh;
    margin-bottom: 10vh;
  }

  .feature-image-grid-container {
    grid-column-gap: 2.5vh;
    grid-row-gap: 2.5vh;
  }

  .elise-name-tag {
    font-size: 10vmin;
  }

  .value {
    grid-column-gap: 2.5vh;
    grid-row-gap: 2.5vh;
    padding-top: 4vh;
    padding-bottom: 4vh;
  }

  .values-tag {
    font-size: 1.5vh;
  }

  .values-section {
    grid-column-gap: 2.5vh;
    grid-row-gap: 2.5vh;
  }

  .value-title-wrapper {
    flex-flow: column;
    align-items: flex-start;
  }

  .value-icon-wrapper {
    width: 9vmin;
    height: 9vmin;
  }
}