/* Mobile readability fixes for the homepage copy. */
#section-1 .slides {
  min-height: 92dvh;
  box-sizing: border-box;
  padding: 0 4vw 8dvh;
}

#section-1 .slides h2 {
  font-size: clamp(14vw, 15.5vw, 64px);
  letter-spacing: -0.45vw;
  line-height: 0.92;
  width: 92vw;
  max-width: 92vw;
  margin: 0 auto;
  top: 22dvh;
  overflow-wrap: normal;
  word-break: normal;
  hyphens: auto;
}

#section-1 .slides h1 {
  position: relative;
  top: 24dvh;
  width: 86vw;
  margin: 0 auto;
  font-size: clamp(3.4vw, 3.8vw, 18px);
  line-height: 1.08;
  letter-spacing: 0.08em;
  color: #a60b0b;
  text-transform: uppercase;
}

#section-1 .slides p {
  width: 84vw;
  max-width: 84vw;
  margin: 0 auto;
  top: 27dvh;
  font-size: clamp(3.8vw, 4vw, 18px);
  line-height: 1.14;
}

.overlay-mobile-section-1 {
  width: 38vw;
  height: 38vw;
  left: 58vw;
  top: 13dvh;
}

.scroll-mobile-alert {
  top: 18dvh;
  left: 67vw;
}

.menu-voices {
  width: 66vw;
}

.menu-contacs {
  width: 34vw;
  left: 66vw;
}

.nav-drill {
  left: -63vw;
  width: 63vw;
}

.nav-link {
  max-width: 96%;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 0.2vw;
  padding: 1.05dvh 0;
  font-size: clamp(5vw, 5.7vw, 24px);
  line-height: 1.05;
}

.label-menu {
  left: 0;
  top: 0.15vw;
  font-size: 3vw;
  line-height: 1;
}

#menu-open .nav-link.menu-link-outsourcing {
  white-space: nowrap;
  max-width: none;
  font-size: 4vw;
  line-height: 1;
}

#menu-open .nav-link.menu-link-outsourcing .label-menu {
  white-space: nowrap;
}

@media screen and (max-width: 420px) {
  #section-1 .slides h2 {
    top: 21dvh;
    width: 94vw;
    max-width: 94vw;
    font-size: 14.8vw;
    letter-spacing: -0.25vw;
  }

  #section-1 .slides h1 {
    top: 24dvh;
    width: 88vw;
    font-size: 3.55vw;
    line-height: 1.1;
  }

  #section-1 .slides p {
    top: 27dvh;
    width: 86vw;
    max-width: 86vw;
    font-size: 3.9vw;
    line-height: 1.16;
  }

  .nav-link {
    font-size: 5.25vw;
    line-height: 1.08;
  }

  .label-menu {
    font-size: 2.85vw;
  }
}

@media screen and (max-width: 360px) {
  #section-1 .slides h2 {
    width: 96vw;
    max-width: 96vw;
    font-size: 13.8vw;
    letter-spacing: 0;
  }

  #section-1 .slides h1 {
    font-size: 3.35vw;
  }

  #section-1 .slides p {
    font-size: 3.7vw;
  }

  .nav-link {
    font-size: 4.95vw;
  }

  .label-menu {
    font-size: 2.7vw;
  }
}
