/* Match the banner to the approved art instead of cropping its edges. */
.heroCarousel .hero[data-slide='2']{aspect-ratio:1983/793;min-height:0;padding:28px 40px;align-items:flex-start;background:#080d24}
.heroCarousel .hero[data-slide='2'] .heroBackdrop{background-size:100% 100%;background-position:center;background-repeat:no-repeat;background-color:#080d24}
.heroCarousel .hero[data-slide='2'] .heroBackdrop:after{background:linear-gradient(90deg,#070d2422,transparent 48%);mask-image:none;-webkit-mask-image:none}
.heroCarousel .hero[data-slide='2'] .heroCopy{width:40%;max-width:440px;align-self:flex-start}
.heroCarousel .hero[data-slide='2'] .heroCopy h1{font-size:clamp(32px,3.2vw,44px);line-height:1.04;margin:14px 0;letter-spacing:-1.3px}
.heroCarousel .hero[data-slide='2'] .heroCopy p{font-size:12px;line-height:1.55;max-width:300px;margin:0 0 15px}
.heroCarousel .hero[data-slide='2'] .heroCopy .primary{padding:10px 20px;min-height:40px}
.heroCarousel .hero[data-slide='2'] .heroArt{display:none}
@media(max-width:1000px){
.heroCarousel .hero[data-slide='2']{aspect-ratio:auto;padding:26px 24px calc(40% + 28px);min-height:0;background:radial-gradient(ellipse at 85% 10%,#332052,#080d24 75%)}
.heroCarousel .hero[data-slide='2'] .heroBackdrop{background-size:100% auto;background-position:center bottom;background-color:transparent}
.heroCarousel .hero[data-slide='2'] .heroBackdrop:after{background:none;mask-image:none;-webkit-mask-image:none}
.heroCarousel .hero[data-slide='2'] .heroCopy{width:100%;max-width:100%;padding:0}
.heroCarousel .hero[data-slide='2'] .heroCopy h1{font-size:clamp(30px,5vw,40px);max-width:100%;margin:12px 0}
.heroCarousel .hero[data-slide='2'] .heroCopy p{max-width:440px}
}