/* Keep the approved artwork unchanged; shading is a separate text-legibility layer. */
@media(min-width:721px){
 .capitol-hero .hero-art{object-position:center center}
 .capitol-hero .hero-shade{background:linear-gradient(90deg,rgba(4,12,24,.72),rgba(4,12,24,.22) 52%,transparent 78%)}
 .capitol-hero .hero-copy{background:rgba(4,12,24,.22)}
}
@media(max-width:720px){
 .capitol-hero .hero-art{height:auto;object-fit:contain}
 .capitol-hero .hero-copy{background:#102c3e}
}