/* V4 strict-CSP fallback for legacy dynamic visual components. */
.zoomout-static-hero { min-height: 400px; position: relative; overflow: hidden; }
.zoomout-static-hero-link { color: #fff; display: block; min-height: 400px; position: relative; text-decoration: none; }
.zoomout-static-hero-link img { display: block; height: 400px; object-fit: cover; width: 100%; }
.zoomout-static-hero-shade { background: rgba(0, 0, 0, 0.38); bottom: 0; display: block; left: 0; position: absolute; right: 0; top: 0; }
.zoomout-static-hero-content { bottom: 64px; display: block; left: 9%; position: absolute; right: 9%; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.7); z-index: 1; }
.zoomout-static-hero-content strong { display: block; font-size: 40px; line-height: 1.1; margin-bottom: 14px; }
.zoomout-static-hero-content span { display: block; font-size: 18px; max-width: 760px; }
@media (max-width: 767px) { .zoomout-static-hero { display: none; } }