/* Scoped to the five refreshed archive banners. */
.subpage-hero--distinct{background:#172330}
.subpage-hero--distinct .subpage-hero-media img{object-position:center 55%;animation:none}
@media(prefers-reduced-motion:no-preference){
 .subpage-hero--distinct .subpage-hero-media img{animation:heroScale 1.5s cubic-bezier(.22,.61,.36,1) both}
}
.subpage-hero--distinct .subpage-hero-media::before{background:linear-gradient(90deg,rgba(8,14,23,.64),rgba(8,14,23,.32) 42%,rgba(8,14,23,.02) 74%),linear-gradient(0deg,rgba(6,11,18,.16),transparent 60%)}
@media(min-width:1121px){
 .subpage-hero--distinct .subpage-hero-media img{width:calc(100% - 110px);object-position:center 60%;mask-image:linear-gradient(90deg,#000 96%,transparent)}
}
@media(min-width:601px) and (max-width:1170px){
 .subpage-hero--distinct .subpage-hero-media img{position:absolute;left:0;bottom:0;height:auto;object-fit:contain;object-position:right bottom;mask-image:linear-gradient(180deg,transparent,#000 23%)}
}
@media(max-width:600px){
 .subpage-hero--distinct,.subpage-hero--distinct>.wrap{min-height:360px}
 .subpage-hero--distinct>.wrap{align-items:flex-start;padding-top:72px;padding-bottom:180px}
 .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;filter:saturate(.9);mask-image:linear-gradient(180deg,transparent,#000 23%)}
 .subpage-hero--distinct .subpage-hero-media::before{background:linear-gradient(180deg,#172330 0%,#172330 35%,rgba(23,35,48,.45) 56%,rgba(8,14,23,.08) 80%)}
 .subpage-hero--distinct .subpage-hero-lead{max-width:330px}
}