/* Shared content-image treatment. Hero imagery and brand marks retain their existing appearance. */
:where(img:not([src*="logo" i]):not([src*="icon" i]):not([class*="hero" i]):not([class*="hero" i] img)){filter:grayscale(1)!important}
.rail-backdrop,.local-seo-value>.seo-la-map{filter:grayscale(1)!important}

/* Portfolio work keeps its original colors. */
img[src*="atomic-roofing"],img[src*="website-design-concept"],.trade-project img,.rail-screen img,.rail-modal-canvas img,.work-preview img,.mobile-work-image img,#dialog-image,.proof-slide-art img{filter:none!important}
/* Scroll tall website screenshots within their existing preview frames. */
.trade-project.long-project img,.rail-screen img,.work-preview img,.mobile-work-image img,.about-work-screen img,.case-after img,.nav-feature-image img{object-fit:cover;object-position:center top;transition:object-position 1s ease-out!important}
.case-after img{height:100%}
@media (hover:hover) and (prefers-reduced-motion:no-preference){
.trade-project.long-project:hover img,.rail-screen:hover img,.work-preview:hover img,.mobile-work-image:hover img,.about-work-screen:hover img,.case-after:hover img,.nav-feature-image:hover img{object-position:center bottom;transition:object-position 7s ease-in-out!important}
}
@media (prefers-reduced-motion:reduce){
.trade-project.long-project img,.rail-screen img,.work-preview img,.mobile-work-image img,.about-work-screen img,.case-after img,.nav-feature-image img{transition:none!important}
}