/* Text utility */
/* Mobile utility */
/* link hover utility */
/* Container utility mixin */
/* Container avec variable CSS */
/* Text content styles */
/* Centered content */
/* from... */
/* to... */
/* from... to... */
/* at... */
.s-join-hero {
  min-height: 100vh;
  display: flex;
  align-items: center;
  padding-inline: 2rem;
  padding-block: 6rem;
}
@media screen and (max-width: 639px) {
  .s-join-hero {
    padding-inline: 1rem;
  }
}
.s-join-hero__text {
  font-size: 3.625rem;
  font-weight: 300;
  line-height: 1;
  text-align: center;
  max-width: 940px;
  margin: 0 auto;
}
@media screen and (max-width: 1039px) {
  .s-join-hero__text {
    font-size: 2.25rem;
  }
}
@media screen and (max-width: 639px) {
  .s-join-hero__text {
    font-size: 1.875rem;
  }
}