/* CTA band — breaks up a long page with a call to action. */

.cta-band{background:var(--asphalt);color:#fff;padding:52px 56px;position:relative;overflow:hidden;
  display:grid;grid-template-columns:1.35fr auto;gap:44px;align-items:center}
.cta-band::before{content:"";position:absolute;left:0;right:0;top:0;height:4px;
  background:linear-gradient(90deg,var(--red) 0 33.3%,var(--white) 33.3% 66.6%,var(--navy) 66.6%)}
.cta-band h2{margin:12px 0 14px;font-size:clamp(30px,3.4vw,44px)}
.cta-band .lede{color:rgba(255,255,255,.72);margin:0}
.cta-band .lede a{color:#fff;text-decoration:underline}
.cta-band__actions{display:flex;flex-wrap:wrap;gap:14px}

.section--bg-asphalt .cta-band{background:var(--navy)}

@media(max-width:1020px){
  .cta-band{grid-template-columns:1fr;gap:28px;padding:40px 32px}
}

/* Background photo behind the band, darkened so the type holds. */
.cta-band--photo{background:var(--asphalt)}
.cta-band__photo{position:absolute;inset:0;z-index:0}
.cta-band__photo img{width:100%;height:100%;object-fit:cover}
.cta-band__photo::after{content:"";position:absolute;inset:0;
  background:linear-gradient(90deg,rgba(19,21,26,.94) 0%,rgba(19,21,26,.74) 60%,rgba(19,21,26,.55) 100%)}
.cta-band--photo .cta-band__text,
.cta-band--photo .cta-band__actions{position:relative;z-index:1}