/* devsid.in — Work-page artwork carried into case-study hero containers.
   Uses the exact image assets already referenced by work-page(3).css.
   This stylesheet does not redefine or replace the site's colour palette. */
.case-study-page [class*="-hero-art"],
.case-study-page .cs-hero-art,
.case-study-page .nexdom-hero-art {
    position: relative;
    isolation: isolate;
    overflow: hidden;
}
.case-study-page .cs-work-image-bg {
    position: absolute !important;
    inset: 0 !important;
    z-index: -1 !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: cover !important;
    object-position: center !important;
    opacity: .8 !important;
    pointer-events: none !important;
    user-select: none !important;
}
@media (max-width: 700px) {
    .case-study-page .cs-work-image-bg {
        opacity: .22 !important;
        object-position: center center !important;
    }
}