section.section.section--hero {
  overflow: hidden;
  padding: 6.4375rem 0 0;
}
@media screen and (min-width: 720px) {
  section.section.section--hero {
    padding: 6.9375rem 0 0;
  }
}
@media screen and (min-width: 991px) {
  section.section.section--hero {
    padding: 6.75rem 0 0;
  }
}
section.section.section--hero-small {
  overflow: hidden;
  padding: clamp(2rem, 10.69042vw - 4.621380625rem, 5rem) 0 0;
}
@media screen and (min-width: 991px) {
  section.section.section--hero-small {
    padding-top: 0;
  }
}
.rba.hero {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 1.1875rem;
}
@media screen and (min-width: 720px) {
  .rba.hero {
    gap: 0.9375rem;
  }
}
@media screen and (min-width: 991px) {
  .rba.hero {
    gap: 4.3125rem;
  }
}
@media screen and (min-width: 1920px) {
  .rba.hero {
    gap: 3rem;
  }
}
.rba.hero article {
  width: 100%;
}
@media screen and (min-width: 991px) {
  .rba.hero article {
    flex: 1;
  }
}
.rba.hero article h1,
.rba.hero article p {
  margin-bottom: clamp(1.25rem, 4.23163vw - 1.370963125rem, 2.4375rem);
  word-break: break-word;
}
.rba.hero article h1 {
  font-size: clamp(2.5rem, 5.34521vw - 0.810690625rem, 4rem);
  line-height: clamp(3rem, 6.41425vw - 0.97282875rem, 4.8rem);
}
.rba.hero article p {
  font-size: 1.5rem;
  line-height: 2.125rem;
}
.rba.hero figure {
  width: 100%;
  --aspect-ratio: 391/332;
}
@media screen and (min-width: 720px) {
  .rba.hero figure {
    --aspect-ratio: 592.67/576;
  }
}
@media screen and (min-width: 991px) {
  .rba.hero figure {
    --aspect-ratio: 696/554.58;
    width: 45.3088235294%;
  }
}
@media screen and (min-width: 1920px) {
  .rba.hero figure {
    --aspect-ratio: 696/808;
    width: 55.4945054945%;
  }
}
.rba.hero figure img {
  object-fit: contain;
}
.rba.hero.hero--small {
  align-items: flex-start;
  gap: 0.4375rem;
}
@media screen and (min-width: 1199px) {
  .rba.hero.hero--small {
    gap: 11.9375rem;
  }
}
@media screen and (min-width: 1920px) {
  .rba.hero.hero--small {
    gap: 12.9375rem;
  }
}
.rba.hero.hero--small article h1,
.rba.hero.hero--small article h2 {
  margin-bottom: 1.4375rem;
  font-size: 2.25rem;
  line-height: 120%;
}
@media screen and (min-width: 991px) {
  .rba.hero.hero--small article h1,
  .rba.hero.hero--small article h2 {
    max-width: 71%;
  }
}
.rba.hero.hero--small article h2 {
  font-size: 2.125rem;
}
.rba.hero.hero--small article i {
  font-weight: 600;
}
.rba.hero.hero--small article p {
  margin: 0;
  font-size: clamp(0.875rem, 0.29762vw + 0.732143125rem, 1rem);
  line-height: 1.5rem;
}
.rba.hero.hero--small article p:not(:last-of-type) {
  margin-bottom: 1.5rem;
}
.rba.hero.hero--small .aspect-box {
  --aspect-ratio: 384/320;
}
@media screen and (min-width: 991px) {
  .rba.hero.hero--small .aspect-box {
    --aspect-ratio: 562/503;
    max-width: 31.4375rem;
  }
}
@media screen and (max-width: 990px) {
  .rba.hero.hero--small .aspect-box {
    max-height: 24rem;
  }
}