.home-page .wordmark {
  font-size: 38px;
}

.home-page .home-stage {
  aspect-ratio: 975 / 555;
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
}

.home-page .home-copy-mask {
  width: 36.8%;
  background: #fff;
}

.home-page .home-copy {
  height: 100%;
  margin-left: 28px;
  padding: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 3.35cqw;
  white-space: nowrap;
}

.home-page .home-copy-headline,
.home-page .home-copy-subline {
  margin: 0;
  display: flex;
  flex-direction: column;
}

.home-page .home-copy-headline {
  color: var(--logo-ostell);
  font-size: 4.70cqw;
  line-height: 1.02;
  font-weight: 700;
  letter-spacing: -0.13cqw;
}

.home-page .home-copy-subline {
  color: var(--muted);
  font-size: 2.87cqw;
  line-height: 1.18;
  font-weight: 400;
  letter-spacing: -0.065cqw;
}

@media (max-width: 760px) {
  .home-page .wordmark {
    font-size: 33px;
  }

  .home-page .home-copy-mask {
    display: block;
  }

  .home-page .home-copy {
    margin-left: 10px;
    gap: 2.9cqw;
  }

  .home-page .home-copy-headline {
    font-size: 4.04cqw;
    letter-spacing: -0.11cqw;
  }

  .home-page .home-copy-subline {
    font-size: 2.14cqw;
    letter-spacing: -0.045cqw;
  }
}

@media (max-width: 540px) {
  .home-page .home-copy {
    margin-left: 8px;
  }
}