.home-page,
.home-logo-band,
.home-intro,
.home-options {
  position: relative;
}

  .home-logo-band,
  .home-intro,
  .home-options {
    width: var(--shell-frame-width);
    max-width: var(--shell-frame-max-width);
    margin: 0 auto;
    background: var(--color-surface);
  }

  .home-logo-band > .site-shell__frame,
  .home-intro > .site-shell__frame,
  .home-options > .site-shell__frame {
    width: 100%;
    max-width: none;
  }

  .home-logo-band--mobile {
    display: none;
  }

  .home-logo-band__row--primary {
    width: 80%;
    max-width: 1080px;
    margin: 0 auto;
    padding-top: 3px;
    padding-bottom: 74px;
  }

  .home-logo-link {
    display: block;
  }

  .home-logo--primary {
    width: 500px;
    height: auto;
    margin: 0 auto;
  }

  .home-intro__row {
    width: 90%;
    margin: 0 auto;
  }

  .home-intro__copy {
    color: var(--color-ink);
    font-family: var(--font-family-content);
    font-size: 18px;
    font-weight: 300;
    line-height: 32.4px;
  }

  .home-intro__copy p {
    line-height: inherit;
  }

  .home-intro__copy p + p {
    margin-top: 18px;
  }

  .home-options .site-shell__frame {
    padding-bottom: 86px;
  }

  .home-option {
    width: 80%;
    margin: 0 auto;
  }

  .home-option__image-link {
    display: block;
  }

  .home-option__copy {
    color: var(--color-ink);
    font-family: var(--font-family-content);
    font-size: 18px;
    font-weight: 300;
    line-height: 32.4px;
  }

  .home-option__copy p {
    line-height: inherit;
  }

  .home-option__copy p + p {
    margin-top: 22px;
  }

  .home-option__copy a,
  .site-footer__text a {
    color: var(--color-link);
  }

  .home-option__divider {
    display: none;
  }

  @media (min-width: 981px) {
    .home-intro__copy {
      width: calc(100% - 110.56px);
      margin: 0 auto;
      padding-inline: 0;
    }

    .home-option {
      position: relative;
      display: grid;
      grid-template-columns: 20.875% 73.625%;
      column-gap: 5.5%;
      padding-top: 50px;
      padding-bottom: 9px;
    }

    .home-option__image-column {
      width: 100%;
      max-width: 280px;
      margin-left: 0;
    }

    .home-option__image {
      width: 100%;
      height: auto;
    }

    .home-option__text-column {
      position: relative;
      min-height: 108.86px;
    }

    .home-option__copy {
      position: absolute;
      top: 50%;
      left: 0;
      width: 100%;
      transform: translateY(-50%);
      line-height: 1.8;
    }
  }

  @media (max-width: 980px) {
    .home-logo-band,
    .home-intro,
    .home-options {
      width: var(--shell-frame-width-tablet);
      max-width: var(--shell-frame-max-width-tablet);
    }

    .home-logo-band__row--primary {
      width: 80%;
    }

    .home-option {
      width: 90%;
      padding-top: 0;
    }

    .home-option__image-column {
      width: 100%;
    }

    .home-option__image-link {
      width: 280px;
      margin: 0 auto;
    }

    .home-option__image {
      width: 280px;
      height: auto;
    }

    .home-option__text-column {
      margin-top: 30px;
    }

    .home-option__copy {
      line-height: 1.8;
    }

    .home-option--with-divider .home-option__copy {
      margin-bottom: 30px;
    }

    .home-intro__copy {
      padding-inline: 0;
    }

    .home-option__divider {
      display: block;
      width: 15%;
      height: 23px;
      margin: 0 auto;
      border-top: 2px solid #7ebec5;
    }

    .home-option--index-0,
    .home-option--index-3 {
      padding-top: 30px;
    }
  }

  @media (min-width: 768px) and (max-width: 980px) {
    .home-logo-band--primary {
      display: block;
    }
  }

  @media (max-width: 767px) {
    .home-logo-band,
    .home-intro,
    .home-options {
      width: var(--shell-frame-width-mobile);
      max-width: var(--shell-frame-max-width-mobile);
    }

    .home-logo-band--primary {
      display: none;
    }

    .home-logo-band--mobile {
      display: block;
      height: 120px;
      background: var(--color-surface);
    }

    .home-logo-band__row--mobile {
      display: flex;
      justify-content: center;
      align-items: flex-start;
      height: 120px;
    }

    .home-logo--mobile {
      width: 300px;
      height: auto;
      margin: 0 auto;
    }

    .home-intro__row {
      width: 100%;
      margin: 0;
    }

    .home-intro__copy,
    .home-option__copy {
      font-size: 18px;
      line-height: 25.2px;
    }

    .home-intro__copy {
      width: auto;
      margin: 0;
      padding-inline: 49px;
    }

    .home-intro__copy p,
    .home-option__copy p {
      line-height: inherit;
    }

  .home-option {
    width: 90%;
  }
}