@layer override {
  .front-page .header-two-col {
    & .header-two-col__second {
      margin-block-start: 1.125rem;
    }

    & h1 {
      font: var(--font-head-l-light);
      letter-spacing: var(--letter-spacing-head-l-light);
    }

    & .field--body {
      font: var(--font-body-m-semibold);
      letter-spacing: var(--letter-spacing-body-m-semibold);
      color: var(--color-text-secondary);
    }
  }

  @media screen and (min-width: 48rem) {
    .front-page .header-two-col {
      display: initial;

      & h1 {
        font: var(--font-display-light);
        letter-spacing: var(--letter-spacing-display-light);
      }

      & .field--body {
        font: var(--font-head-xs-semibold);
        letter-spacing: var(--letter-spacing-head-xs-semibold);
      }
    }
  }

  @media screen and (min-width: 64rem) {
    .front-page .header-two-col {
      display: flex;

      gap: 4.5rem;

      & .header-two-col__first {
        flex-basis: 60%;
      }

      & .header-two-col__second {
        flex-basis: 34%;
      }
    }
  }
}