.wrapper {
  min-height: 100%;
  display: grid;
  grid-template-rows: auto 1fr auto;
  gap: toRem(80);
}

.question {
  padding-top: toRem(80);
  h2 {
    @include localize('font-size', toRem(100), toRem(80));
    @include localize('letter-spacing', 0, 0.18em);
  }
  p {
    font-size: toRem(75);
    margin-top: toRem(50);
    padding: 0 toRem(100);
  }
}

.content {
  height: 100%;
  display: grid;
  grid-template-columns: 1fr 2fr 1fr;
  grid-gap: toRem(100);
  align-items: center;

  &.layout-two {
    grid-template-columns: 1fr 1fr 1fr;
  }
}

.video-wrapper {
  visibility: hidden;
  pointer-events: none;
  position: absolute;
  left: 0;
  top: 0;
}
