/* Generated 390px mobile baseline; rebuild with build-mobile-rem.py. */
.subpage-hero--distinct{background: rgb(23, 35, 48);}
.subpage-hero--distinct .subpage-hero-media img{object-position: center 55%; animation: auto ease 0s 1 normal none running none;}
@media (prefers-reduced-motion: no-preference){.subpage-hero--distinct .subpage-hero-media img{animation: 1.5s cubic-bezier(0.22, 0.61, 0.36, 1) 0s 1 normal both running heroScale;}}
.subpage-hero--distinct .subpage-hero-media::before{background: linear-gradient(90deg, rgba(8, 14, 23, 0.64), rgba(8, 14, 23, 0.32) 42%, rgba(8, 14, 23, 0.02) 74%), linear-gradient(0deg, rgba(6, 11, 18, 0.16), transparent 60%);}


.subpage-hero--distinct, .subpage-hero--distinct > .wrap{min-height: 22.5rem;}
.subpage-hero--distinct > .wrap{align-items: flex-start; padding-top: 4.5rem; padding-bottom: 11.25rem;}
.subpage-hero--distinct .subpage-hero-media img{position: absolute; left: -60%; bottom: 0; width: 160%; max-width: none; height: auto; object-fit: contain; object-position: center center; filter: saturate(0.9); mask-image: linear-gradient(transparent, rgb(0, 0, 0) 23%);}
.subpage-hero--distinct .subpage-hero-media::before{background: linear-gradient(rgb(23, 35, 48) 0%, rgb(23, 35, 48) 35%, rgba(23, 35, 48, 0.45) 56%, rgba(8, 14, 23, 0.08) 80%);}
.subpage-hero--distinct .subpage-hero-lead{max-width: 20.625rem;}