/* Wide brand banners on the inner pages (same shape as the home hero). Phones: picture on top, text below on navy. Wide screens: text sits on the navy side of the picture. */
.gel-pagehero { position: relative; background: #070b13; color: #fff; border-bottom: 1px solid #0d1a2b; overflow: hidden; }
.gel-pagehero__img { display: block; width: 100%; height: 150px; object-fit: cover; object-position: right center; }
.gel-pagehero__body { padding: 22px 18px 26px; text-align: center; max-width: 46rem; margin: 0 auto; }
.gel-pagehero__badge { display: inline-block; font-size: 12px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; color: #39ff8f; background: rgba(57,255,143,.1); border: 1px solid rgba(57,255,143,.4); padding: 3px 12px; border-radius: 999px; }
.gel-pagehero__title { margin: 12px 0 0; font-size: 28px; line-height: 1.15; font-weight: 800; color: #fff; }
.gel-pagehero__sub { margin: 12px 0 0; font-size: 16px; line-height: 1.55; color: #c3cfe2; }
.gel-pagehero__sub strong { color: #fff; }
.gel-pagehero__body > div { margin-top: 18px; }
.gel-pagehero .gel-resp-badge { background: rgba(15,219,106,.14); color: #b9f5d3; border-color: rgba(15,219,106,.4); }
@media (min-width: 900px) {
  .gel-pagehero__img { height: auto; aspect-ratio: 4 / 1; max-height: 380px; object-position: right center; }
  .gel-pagehero__body { position: absolute; left: max(4%, calc((100% - 1200px) / 2)); top: 50%; transform: translateY(-50%); width: 44%; max-width: 560px; margin: 0; padding: 0; text-align: left; }
  .gel-pagehero__title { font-size: 34px; }
  .gel-pagehero__sub { font-size: 15.5px; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; }
}
@media (min-width: 1400px) { .gel-pagehero__title { font-size: 40px; } .gel-pagehero__sub { font-size: 17px; } }