@media screen and (max-width: 1200px) {
  .header__inner {
    flex-direction: column;
  }
}

@media screen and (max-width: 576px) {
  :root {
    --spacing-vertical: 3rem;
  }
  .header__inner {
    padding-inline: 0;
  }

  .header__title {
    font-size: 2rem;
  }

  .header__description {
    font-size: 1rem;
  }
}