h2 {
  font-weight: 300; }

.announce {
  overflow: hidden; }

.mobile-content {
  display: none; }
  @media (max-width: 850px) {
    .mobile-content {
      display: block !important; } }

@media (max-width: 850px) {
  .desktop-content {
    display: none !important; } }

.grid__text {
  overflow: hidden;
  width: 65%;
  height: auto;
  margin: 6em 0 2em;
  padding: 10px 20px;
  font-size: 110%;
  font-family: serif; }
  @media (max-width: 980px) {
    .grid__text {
      font-size: 16px; } }
  @media (max-width: 880px) {
    .grid__text {
      box-sizing: border-box;
      width: auto; }
      .grid__text_first {
        margin-top: -30px; } }
  @media (max-width: 500px) {
    .grid__text {
      width: auto; } }
  .wf-active .grid__text {
    font-family: 'ALSArtemiusSerif'; }
  .grid__column_right .grid__text {
    margin-left: auto; }
  .grid__text_few {
    padding-bottom: 15vh; }

.grid__container {
  position: relative;
  display: flex;
  align-items: flex-start;
  max-width: 1200px;
  margin: 5vh auto 0; }
  @media (min-height: 1200px) {
    .grid__container {
      margin: 50px auto 0; } }
  @media (max-width: 850px) {
    .grid__container {
      flex-direction: column;
      margin-top: 0; } }
  .grid__container_additional-margin {
    margin-top: 20vh;
    margin-bottom: 25vh; }
    @media (max-width: 850px) {
      .grid__container_additional-margin {
        margin-top: 0;
        margin-bottom: 0; } }
    @media (min-height: 1200px) {
      .grid__container_additional-margin {
        margin: 250px auto -150px; } }
  .grid__container_three-columns {
    position: relative;
    height: 86vw;
    max-height: 1047px; }
    @media (max-width: 850px) {
      .grid__container_three-columns {
        height: auto;
        max-height: initial; } }

.grid__column {
  position: relative;
  width: 50%;
  min-height: 85vh;
  order: 1; }
  @media (max-width: 850px) {
    .grid__column {
      width: 100%;
      min-height: 0; } }
  .grid__column_center {
    order: 1;
    z-index: -1;
    position: absolute;
    top: -7%;
    width: 100%; }
  .grid__column-video {
    display: block;
    height: auto;
    width: 100%;
    margin: auto; }
    @media (min-width: 850px) {
      .grid__column-video {
        width: 60%; } }
  @media (max-width: 850px) {
    .grid__column_big-graphicks {
      order: 2;
      height: 800px;
      max-height: 95vh; } }
  @media (max-height: 900px) and (min-width: 850px) {
    .grid__column {
      min-height: 700px; } }

.grid__big-graphics {
  position: absolute;
  top: 7.5%;
  height: 85%;
  max-height: 800px;
  width: auto;
  z-index: -1; }
  @media (max-width: 850px) and (orientation: landscape) {
    .grid__big-graphics {
      height: 100% !important;
      top: 0 !important;
      left: 50% !important;
      right: auto !important;
      transform: translateX(-50%); } }
  .grid__column_right .grid__big-graphics {
    left: -5%; }
    @media (max-width: 850px) and (orientation: portrait) {
      .grid__column_right .grid__big-graphics {
        right: auto !important;
        left: -15% !important; } }
  .grid__column_left .grid__big-graphics {
    right: -5%; }
    @media (max-width: 850px) and (orientation: portrait) {
      .grid__column_left .grid__big-graphics {
        right: 0 !important;
        left: auto !important; } }
  @media (max-width: 850px) {
    .grid__column .grid__big-graphics_mobile-center {
      left: 50% !important;
      right: auto !important;
      transform: translateX(-50%); } }

.grid__small-graphics {
  display: block;
  width: 66%;
  padding: 10px 20px;
  height: auto;
  margin: auto; }
  @media (min-width: 850px) {
    .grid__column_right .grid__small-graphics {
      margin-left: auto;
      margin-right: 0; } }
  @media (min-width: 850px) {
    .grid__column_left .grid__small-graphics {
      margin-right: auto;
      margin-left: 0; } }

.stop-screen,
.stop-screen-2 {
  height: 85vh;
  width: 100%;
  position: absolute;
  left: 0; }
  .stop-screen__wrapper,
  .stop-screen-2__wrapper {
    overflow: hidden;
    position: relative;
    height: 200vh; }
  .stop-screen_top,
  .stop-screen-2_top {
    top: 7.5vh;
    bottom: auto;
    position: absolute; }
  .stop-screen_moving,
  .stop-screen-2_moving {
    top: 7.5vh;
    bottom: auto;
    position: fixed; }
  .stop-screen_bottom,
  .stop-screen-2_bottom {
    top: auto;
    bottom: 7.5vh;
    position: absolute; }
  @media (max-width: 850px) {
    .stop-screen,
    .stop-screen-2 {
      height: 95vh; }
      .stop-screen_top,
      .stop-screen-2_top {
        top: 2.5vh;
        bottom: auto;
        position: absolute; }
      .stop-screen_moving,
      .stop-screen-2_moving {
        top: 2.5vh;
        bottom: auto;
        position: fixed; }
      .stop-screen_bottom,
      .stop-screen-2_bottom {
        top: auto;
        bottom: 2.5vh;
        position: absolute; } }

.stop-screen-2__wrapper {
  overflow: visible;
  right: 0; }

.stop-screen-2_top {
  left: -23% !important;
  top: 7.5vh;
  bottom: auto;
  position: absolute; }

.stop-screen-2_moving {
  left: 40% !important;
  top: 7.5vh;
  bottom: auto;
  position: fixed; }

.stop-screen-2_bottom {
  left: -23% !important;
  top: auto;
  bottom: 7.5vh;
  position: absolute; }

@media (min-width: 1200px) {
  .stop-screen-2_moving {
    left: calc(50vw - 138px) !important; } }

.nexus__mask {
  height: 100%;
  max-height: 800px;
  width: auto;
  display: block; }

.nexus__screen {
  overflow: hidden;
  position: absolute;
  top: 12.5%;
  left: 4.6%;
  right: 5.1%;
  bottom: 16.5%;
  z-index: -1; }

.nexus__screen-animation {
  width: 100%;
  height: auto;
  display: block;
  will-change: transform; }

.ff-last-video,
.ff-last-video-secret {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  height: 100%;
  width: auto;
  opacity: 0;
  transition: .2s ease-in opacity;
  pointer-events: none; }

.ff-last-video_active,
.stop-screen-2_bottom .ff-last-video-secret_active {
  opacity: 1; }

.ff-last-video_active.ff-last-video_3 {
  cursor: pointer;
  pointer-events: all; }