.hero {
  min-height: calc(100dvh - 5.5rem);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  padding-block: clamp(2rem, 7vh, 4.5rem);
}

.hero__title {
  display: flex;
  flex-direction: column;
  font: 700 clamp(2.6rem, 9vw, 7.5rem)/.92 var(--font-main);
  text-transform: uppercase;
  letter-spacing: -.01em;
  rotate: -1.5deg;
  transform-origin: left;
}
.hero__title > span { display: block; }
.hero__title-line { color: transparent; -webkit-text-stroke: 2px var(--text); }

.hero__text { max-width: 42ch; margin-top: 1.5rem; color: var(--muted); }

.hero__dock { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 1.5rem 2.5rem; width: 100%; margin-top: clamp(1.75rem, 5vh, 3rem); }
.hero__actions { display: flex; flex-direction: column; align-items: flex-start; gap: .9rem; }

@media (max-width: 560px) {
  .hero__title-line { -webkit-text-stroke-width: 1.5px; }
  .hero__actions, .hero__actions .btn--primary { width: 100%; }
}