.landing-page-hero {
   padding: clamp(64px, 120 * (100vw / 1920), 120px) 0;
   background-repeat: no-repeat;
   background-size: cover;
   background-position: center center;
   position: relative;
}

.landing-page-hero::before {
   content: "";
   position: absolute;
   inset: 0;
   background: rgba(0, 0, 0, 0.4);
   z-index: 1;
   width: 100%;
   height: 100%;
}

.landing-page-hero__inner {
   position: relative;
   z-index: 2;
   display: flex;
   flex-direction: column;
   align-items: center;
   width: 100%;
   margin: 0 auto;
}

.landing-page-hero__title {
   color: #fff;
   text-align: center;
   letter-spacing: -0.02em;
   margin-bottom: clamp(28px, 56 * (100vw / 1920), 56px);
}

.landing-page-hero__subtitle {
   color: #fff;
   text-align: center;
   font-size: clamp(17px, 28 * (100vw / 1920), 28px);
   line-height: clamp(19px, 32 * (100vw / 1920), 32px);
   margin-bottom: clamp(28px, 84 * (100vw / 1920), 84px);
}

.landing-page-hero__subtitle * {
   color: inherit;
}

.landing-page-hero__button {
   padding: clamp(17px, 29 * (100vw/1920), 29px);
   background-color: #fff;
   color: #000;
   text-decoration: none;
   text-transform: uppercase;
}