/* Local AI artwork, scoped to landing pages that previously had no hero image. */
.landing-hero-image[data-hero-image] {
    background-color: #0d1b2c;
    background-image: linear-gradient(180deg, rgba(7, 21, 36, .65), rgba(7, 21, 36, .24) 105px, transparent 190px), linear-gradient(90deg, rgba(7, 21, 36, .76) 0%, rgba(7, 21, 36, .55) 42%, rgba(7, 21, 36, .08) 76%), var(--landing-hero-art);
    background-size: cover;
    background-position: center, center, center 54%;
    background-repeat: no-repeat;
    color: #fff;
}
.landing-hero-image[data-hero-image] h1 { color: #fff; text-shadow: 0 2px 18px rgba(0, 0, 0, .2); }
.landing-hero-image[data-hero-image] :is(.wsic-lead, .directory-wrap > p) { color: #dce5eb; }
.landing-hero-image[data-hero-image] .wsic-eyebrow { color: #e7c59b; }
.landing-hero-image[data-hero-image] .wsic-eyebrow::before { background-color: #d9b27d; }
.landing-hero-image[data-hero-image]::after { display: none; }
.landing-hero-image[data-hero-image] a:focus-visible { outline: 2px solid #f0d2a9; outline-offset: 4px; }
.landing-hero-image[data-hero-image="partners"] { --landing-hero-art: url('/assets/images/hero-ai-20261021/partners.webp'); }
.landing-hero-image[data-hero-image="reference-cases"] { --landing-hero-art: url('/assets/images/hero-ai-20261021/reference-cases.webp'); }
.landing-hero-image[data-hero-image="how-to-partner"] { --landing-hero-art: url('/assets/images/hero-ai-20261021/how-to-partner.webp'); }
.landing-hero-image[data-hero-image="classification"] { --landing-hero-art: url('/assets/images/hero-ai-20261021/classification.webp'); }
.landing-hero-image[data-hero-image="standards"] { --landing-hero-art: url('/assets/images/hero-ai-20261021/standards.webp'); }
.landing-hero-image[data-hero-image="implementation"] { --landing-hero-art: url('/assets/images/hero-ai-20261021/implementation.webp'); }
.landing-hero-image[data-hero-image="practitioner-exchange"] { --landing-hero-art: url('/assets/images/hero-ai-20261021/practitioner-exchange.webp'); }
.landing-hero-image[data-hero-image="sleep-quality-challenge"] { --landing-hero-art: url('/assets/images/hero-ai-20261021/sleep-quality-challenge.webp'); }
.landing-hero-image[data-hero-image="talent"] { --landing-hero-art: url('/assets/images/hero-ai-20261021/talent.webp'); }
@media (768px <= width < 1200px) {
    .landing-hero-image[data-hero-image] { background-position: center, center, 58% center; }
}
@media (width < 768px) {
    .landing-hero-image[data-hero-image] {
        background-image: linear-gradient(90deg, rgba(7, 21, 36, .84), rgba(7, 21, 36, .62)), var(--landing-hero-art);
        background-position: center, 65% center;
    }
}