.formatto-research-page-hero {
  display: flex;
  align-items: center;
  width: 100%;
  min-height: 28.375rem;
  padding: 6rem 20rem;
  background: radial-gradient(640.07% 209.97% at 33.07% 44.83%, #0087d5 0%, #0c71ac 100%);
}

.formatto-research-page-hero__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

.formatto-research-page-hero__content {
  display: flex;
  flex: 0 0 41.4375rem;
  flex-direction: column;
  gap: 1.5rem;
  width: 41.4375rem;
}

.formatto-research-page-hero__eyebrow,
.formatto-research-page-hero h1,
.formatto-research-page-hero__aside p {
  margin: 0;
  font-family: var(--font-body);
  text-box-edge: cap alphabetic;
}

.formatto-research-page-hero__eyebrow {
  width: 33.75rem;
  color: #ade7ff;
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.2;
  letter-spacing: -0.01rem;
}

.formatto-research-page-hero h1 {
  width: 41.4375rem;
  color: var(--color-blue-50);
  font-size: 3.5rem;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: -0.035rem;
  word-break: break-word;
}

.formatto-research-page-hero h1 strong {
  color: #ade7ff;
  font-weight: 600;
}

.formatto-research-page-hero__aside {
  display: flex;
  flex: 0 0 23.3125rem;
  flex-direction: column;
  gap: 1.75rem;
  align-items: center;
  justify-content: center;
  width: 23.3125rem;
}

.formatto-research-page-hero__image {
  position: relative;
  width: 23.3125rem;
  height: 10rem;
  overflow: hidden;
  border-radius: 0.6379375rem;
}

.formatto-research-page-hero__image::after {
  position: absolute;
  inset: 0;
  content: "";
  background: rgba(0, 135, 213, 0.02);
  pointer-events: none;
}

.formatto-research-page-hero__image img {
  position: absolute;
  left: -2.093125rem;
  top: -1.965625rem;
  width: 29.6239375rem;
  height: 16.5285625rem;
  max-width: none;
  object-fit: cover;
  object-position: bottom;
}

.formatto-research-page-hero__aside p {
  width: 23.25rem;
  color: var(--color-blue-50);
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: -0.0125rem;
  word-break: break-word;
}

@media (min-width: 1280px) and (max-width: 1919px) {
  .formatto-research-page-hero {
    padding-right: calc((100vw - 80rem) / 2);
    padding-left: calc((100vw - 80rem) / 2);
  }
}

@media (max-width: 1279px) {
  .formatto-research-page-hero {
    min-height: 35.46875vw;
    padding: 7.5vw 5vw;
  }

  .formatto-research-page-hero__content {
    flex-basis: 51.796875vw;
    gap: 1.875vw;
    width: 51.796875vw;
  }

  .formatto-research-page-hero__eyebrow {
    width: 42.1875vw;
    font-size: 1.25vw;
    letter-spacing: -0.0125vw;
  }

  .formatto-research-page-hero h1 {
    width: 51.796875vw;
    font-size: 4.375vw;
    letter-spacing: -0.04375vw;
  }

  .formatto-research-page-hero__aside {
    flex-basis: 29.140625vw;
    gap: 2.1875vw;
    width: 29.140625vw;
  }

  .formatto-research-page-hero__image {
    width: 29.140625vw;
    height: 12.5vw;
    border-radius: 0.797422vw;
  }

  .formatto-research-page-hero__image img {
    left: -2.616406vw;
    top: -2.457031vw;
    width: 37.029922vw;
    height: 20.660703vw;
  }

  .formatto-research-page-hero__aside p {
    width: 29.0625vw;
    font-size: 1.5625vw;
    letter-spacing: -0.015625vw;
  }
}

@media (max-width: 767px) {
  .formatto-research-page-hero {
    min-height: auto;
    padding-top: 10vw;
    padding-bottom: 10vw;
  }

  .formatto-research-page-hero__inner {
    flex-direction: column;
    align-items: flex-start;
    gap: 8vw;
  }

  .formatto-research-page-hero__content {
    flex-basis: auto;
    gap: 4vw;
    width: 90vw;
  }

  .formatto-research-page-hero__eyebrow,
  .formatto-research-page-hero h1,
  .formatto-research-page-hero__aside,
  .formatto-research-page-hero__aside p {
    width: 90vw;
  }

  .formatto-research-page-hero__aside {
    flex-basis: auto;
    align-items: flex-start;
  }

  .formatto-research-page-hero__image {
    width: 90vw;
    height: 38.6vw;
  }

  .formatto-research-page-hero__image img {
    left: -8.0875vw;
    top: -7.59375vw;
    width: 114.792758vw;
    height: 64.048179vw;
  }

  .formatto-research-page-hero__eyebrow {
    font-size: 3.562341vw;
    letter-spacing: -0.035623vw;
  }

  .formatto-research-page-hero h1 {
    font-size: 8.75vw;
    letter-spacing: -0.0875vw;
  }

  .formatto-research-page-hero__aside p {
    font-size: 4.071247vw;
    letter-spacing: -0.040712vw;
  }
}