/* Distinct editorial backgrounds, with a shared readable hero treatment. */
.jc-ab-hero.jc-photo-hero {
    --jc-hero-photo: url('/Images/heroes/about-direct-engineering-v1.webp');
    --jc-hero-position: 70% center;
}
.jc-ex-hero.jc-photo-hero {
    --jc-hero-photo: url('/Images/heroes/experience-production-systems-v1.webp');
    --jc-hero-position: 65% center;
}
.jc-ct-hero.jc-photo-hero {
    --jc-hero-photo: url('/Images/heroes/contact-conversation-space-v1.webp');
    --jc-hero-position: 70% center;
}
.jc-fix-hero.jc-photo-hero { --jc-hero-photo: url('/Images/services/services-diagnostics-workspace.webp'); }
.jc-finish-hero.jc-photo-hero { --jc-hero-photo: url('/Images/services/finish-it-release-workstation-v1.webp'); }
.jc-auto-hero.jc-photo-hero { --jc-hero-photo: url('/Images/services/automate-it-document-workflow-v1.webp'); }
.jc-si-hero.jc-photo-hero { --jc-hero-photo: url('/Images/services/system-integration-connected-infrastructure-v1.webp'); }
.jc-ta-hero.jc-photo-hero { --jc-hero-photo: url('/Images/heroes/assessment-architecture-review-v1.webp'); }
.jc-tp-hero.jc-photo-hero { --jc-hero-photo: url('/Images/heroes/targeted-delivery-workbench-v1.webp'); }
.jc-oe-hero.jc-photo-hero { --jc-hero-photo: url('/Images/heroes/ongoing-engineering-collaboration-v1.webp'); }
.jc-cases-page .jc-cs-hero.jc-photo-hero { --jc-hero-photo: url('/Images/outcomes-office-background.webp'); }
.jc-photo-hero {
    --jc-hero-position: 70% center;
    background-color: #02141e;
    background-image: linear-gradient(90deg, rgba(2, 16, 27, .92) 0%, rgba(2, 16, 27, .82) 36%, rgba(2, 16, 27, .32) 72%, rgba(2, 16, 27, .2)), var(--jc-hero-photo);
    background-position: center, var(--jc-hero-position);
    background-repeat: no-repeat;
    background-size: cover;
}
.jc-photo-hero.jc-ct-hero::before { content: none; }
.jc-photo-hero .jc-ab-model,
.jc-photo-hero .jc-ex-years,
.jc-photo-hero .jc-ct-conversation { background: rgba(1, 19, 29, .82); }
/* Contact stacks earlier than the other two hero layouts. */
@media (min-width: 992px) and (max-width: 1199px) {
    .jc-ct-hero.jc-photo-hero {
        background-image: linear-gradient(180deg, rgba(2, 16, 27, .74), rgba(2, 16, 27, .78) 420px, #02141e 760px), var(--jc-hero-photo);
        background-position: center, 70% top;
        background-size: cover, auto 760px;
    }
}
@media (max-width: 991px) {
    .jc-photo-hero {
        background-image: linear-gradient(180deg, rgba(2, 16, 27, .74), rgba(2, 16, 27, .78) 420px, #02141e 760px), var(--jc-hero-photo);
        background-position: center, 70% top;
        background-size: cover, auto 760px;
    }
}
@media (max-width: 575px) {
    .jc-ab-hero.jc-photo-hero { --jc-hero-photo: url('/Images/heroes/about-direct-engineering-v1-768.webp'); }
    .jc-ex-hero.jc-photo-hero { --jc-hero-photo: url('/Images/heroes/experience-production-systems-v1-768.webp'); }
    .jc-ct-hero.jc-photo-hero { --jc-hero-photo: url('/Images/heroes/contact-conversation-space-v1-768.webp'); }
    .jc-fix-hero.jc-photo-hero { --jc-hero-photo: url('/Images/services/services-diagnostics-workspace-768.webp'); }
    .jc-finish-hero.jc-photo-hero { --jc-hero-photo: url('/Images/services/finish-it-release-workstation-v1-768.webp'); }
    .jc-auto-hero.jc-photo-hero { --jc-hero-photo: url('/Images/services/automate-it-document-workflow-v1-768.webp'); }
    .jc-si-hero.jc-photo-hero { --jc-hero-photo: url('/Images/services/system-integration-connected-infrastructure-v1-768.webp'); }
    .jc-ta-hero.jc-photo-hero { --jc-hero-photo: url('/Images/heroes/assessment-architecture-review-v1-768.webp'); }
    .jc-tp-hero.jc-photo-hero { --jc-hero-photo: url('/Images/heroes/targeted-delivery-workbench-v1-768.webp'); }
    .jc-oe-hero.jc-photo-hero { --jc-hero-photo: url('/Images/heroes/ongoing-engineering-collaboration-v1-768.webp'); }
    .jc-cases-page .jc-cs-hero.jc-photo-hero { --jc-hero-photo: url('/Images/outcomes-office-background-768.webp'); }
    .jc-photo-hero {
        background-image: linear-gradient(180deg, rgba(2, 16, 27, .72), rgba(2, 16, 27, .8) 360px, #02141e 660px), var(--jc-hero-photo);
        background-position: center, 75% top;
        background-size: cover, auto 660px;
    }
}