@media (min-width: 48rem) {
  .container {
    width: min(100% - (var(--space-3) * 2), var(--content-max-width));
  }

  .hero__inner {
    width: min(100% - (var(--space-3) * 2), var(--content-wide-width));
  }

  .split-layout {
    grid-template-columns: minmax(14rem, 0.8fr) minmax(20rem, 1.2fr);
    justify-content: space-between;
    gap: 8rem;
  }

  .pillars,
  .reasons {
    grid-template-columns: repeat(3, 1fr);
  }

  .journal {
    grid-template-columns: 1.1fr 0.9fr;
    column-gap: 6rem;
  }

  .journal__footer {
    grid-column: 1 / -1;
  }

  .call-grid {
    grid-template-columns: repeat(2, 1fr);
    column-gap: 4rem;
  }

  .site-footer__inner {
    grid-template-columns: 1fr auto;
  }

  .site-footer__legal {
    grid-column: 1 / -1;
  }
}

@media (max-width: 44rem) {
  .site-header__inner {
    align-items: flex-start;
  }

  .site-nav {
    justify-content: flex-end;
    flex-wrap: wrap;
    row-gap: 0.75rem;
  }

  .site-nav a:not(.site-nav__cta) {
    display: none;
  }

  .hero {
    background-position: 62% center;
  }

  .hero__content {
    padding-block: 4rem 5rem;
  }

  .hero__statement br {
    display: none;
  }

  .hero__actions .button {
    width: 100%;
  }
}