html body.home-page .hero.hero--platform .hero-surface.hero-surface--platform,
html[data-theme="light"] body.home-page .hero.hero--platform .hero-surface.hero-surface--platform {
  border: 0;
  box-shadow: none;
}

@media (min-width: 1400px) {
  html body.home-page .hero.hero--platform .hero-surface.hero-surface--platform,
  html[data-theme="light"] body.home-page .hero.hero--platform .hero-surface.hero-surface--platform {
    grid-template-columns: minmax(10.5rem, 13rem) minmax(0, 60rem);
    justify-content: space-between;
    gap: clamp(5rem, 7vw, 8rem);
    padding-inline: clamp(7rem, 10vw, 11rem);
  }

  html body.home-page .hero.hero--platform .hero-content-body {
    max-width: 60rem;
    width: min(100%, 60rem);
  }

  html body.home-page #hero-title,
  html body.home-page .hero-title {
    max-width: none;
    white-space: nowrap;
  }

  html body.home-page .hero.hero--platform .hero-title .hero-title__line,
  html body.home-page .hero.hero--platform .hero-title .hero-title__line--long,
  html[data-theme="light"] body.home-page .hero.hero--platform .hero-title .hero-title__line,
  html[data-theme="light"] body.home-page .hero.hero--platform .hero-title .hero-title__line--long {
    display: inline;
  }

  html body.home-page .hero.hero--platform .hero-content-body > .hero-copy,
  html[data-theme="light"] body.home-page .hero.hero--platform .hero-content-body > .hero-copy {
    max-width: 72rem;
    width: 100%;
  }
}

@media (min-width: 1024px) and (max-width: 1399.98px) {
  html body.home-page .hero.hero--platform,
  html[data-theme="light"] body.home-page .hero.hero--platform {
    min-height: auto;
    height: auto;
  }

  html body.home-page .hero.hero--platform .hero-surface.hero-surface--platform,
  html[data-theme="light"] body.home-page .hero.hero--platform .hero-surface.hero-surface--platform {
    display: grid;
    grid-template-columns: minmax(8.75rem, 10.5rem) minmax(0, 46rem);
    justify-content: space-between;
    align-items: center;
    gap: clamp(3.25rem, 5vw, 4.5rem);
    min-height: auto;
    height: auto;
    padding: clamp(2.6rem, 5vh, 3.4rem) clamp(5.5rem, 9vw, 8rem) clamp(2.2rem, 4vh, 2.8rem);
    text-align: left;
  }

  html body.home-page .hero.hero--platform .hero-card-portrait {
    width: clamp(8.75rem, 12vw, 10.5rem);
    max-width: 10.5rem;
    justify-self: end;
  }

  html body.home-page .hero.hero--platform .hero-content-body {
    max-width: 46rem;
    width: min(100%, 46rem);
    justify-self: start;
  }

  html body.home-page #hero-title,
  html body.home-page .hero-title {
    max-width: none;
    font-size: clamp(2.85rem, 3.7vw, 3.35rem);
    line-height: 0.98;
    white-space: nowrap;
  }

  html body.home-page .hero.hero--platform .hero-title .hero-title__line,
  html body.home-page .hero.hero--platform .hero-title .hero-title__line--long,
  html[data-theme="light"] body.home-page .hero.hero--platform .hero-title .hero-title__line,
  html[data-theme="light"] body.home-page .hero.hero--platform .hero-title .hero-title__line--long {
    display: inline;
  }

  html body.home-page .hero.hero--platform .hero-content-body > .hero-copy,
  html[data-theme="light"] body.home-page .hero.hero--platform .hero-content-body > .hero-copy {
    max-width: 46rem;
    width: 100%;
  }
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
  html body.home-page #hero-title,
  html body.home-page .hero-title {
    width: 100%;
    max-width: none;
    font-size: clamp(2.55rem, 3vw, 2.85rem);
    line-height: 1.02;
    white-space: normal;
  }

  html body.home-page .hero.hero--platform .hero-title .hero-title__line,
  html body.home-page .hero.hero--platform .hero-title .hero-title__line--long {
    display: block;
    width: 100%;
    font-size: inherit;
    white-space: nowrap;
  }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
  html body.home-page .hero.hero--platform,
  html[data-theme="light"] body.home-page .hero.hero--platform {
    min-height: auto;
    height: auto;
  }

  html body.home-page .hero.hero--platform .hero-surface.hero-surface--platform,
  html[data-theme="light"] body.home-page .hero.hero--platform .hero-surface.hero-surface--platform {
    display: grid;
    grid-template-columns: minmax(0, min(100%, clamp(34rem, 82vw, 44rem)));
    align-content: start;
    justify-content: center;
    justify-items: center;
    min-height: auto;
    height: auto;
    padding: 3rem 1.35rem 2.4rem;
    text-align: center;
  }

  html body.home-page .hero.hero--platform .hero-card-portrait {
    display: none;
  }

  html body.home-page #hero-title,
  html body.home-page .hero-title {
    width: 100%;
    max-width: none;
    font-size: clamp(2.1rem, 4vw, 2.65rem);
    line-height: 1;
  }
}

@media (min-width: 768px) and (max-width: 1399.98px) {
  html body.home-page .hero.hero--platform .hero-title {
    white-space: normal;
  }

  html body.home-page .hero.hero--platform .hero-title .hero-title__line,
  html body.home-page .hero.hero--platform .hero-title .hero-title__line--long {
    display: block;
    width: 100%;
    font-size: inherit;
    white-space: nowrap;
  }
}

@media (min-width: 1024px) and (max-width: 1399.98px) {
  html body.home-page #hero-title,
  html body.home-page .hero-title {
    width: 100%;
    max-width: none;
    font-size: clamp(2.1rem, 3vw, 2.55rem);
    line-height: 1.02;
  }
}