/* Shared frontend treatment, loaded after the page styles. */
body>main img {
    filter:drop-shadow(5px 5px 10px #000000) !important;
}
body>main :is(
    article,
    [class*="-card"],
    [class*="-panel"],
    [class*="-tile"],
    .builder-column,
    .builder-cta,
    .related-grid>a,
    .editorial-overview-photo,
    .culture-values>article,
    .catalogue-grid>article,
    .quality-system li,
    .page-builder>ul li,
    .impact-wheel,
    .career-culture,
    .contact-form,
    .roadmap>div,
    .green>div
) {
    box-shadow:none !important;
}
/* Disable existing section and hover box shadows throughout frontend content. */
body>main *,body>main *::before,body>main *::after {
    box-shadow:none !important;
}
/* Banner images should retain their original light and colour. */
body>main .hero-media,
.cms-page .inner-hero-media img {filter:none!important;box-shadow:none!important}

/* About image pair: unobstructed photos with a softer edge shadow. */
#option5-content .aboutpics{padding-bottom:0}
#option5-content .aboutpics img,
#option5-content .aboutpics:hover img{filter:drop-shadow(0 3px 7px rgba(15,35,45,.18))!important}

/* Image-only media must remain clear. Text-bearing banners and image captions
   intentionally keep their contrast layers. */
#option5-content :is(.resource-photo,.aboutpics)::before,
#option5-content :is(.resource-photo,.aboutpics)::after,
.cms-page :is(.product-tile-media,.company-original-images figure,.source-information figure,.about-history-image,.gallery-grid figure)::before,
.cms-page :is(.product-tile-media,.company-original-images figure,.source-information figure,.about-history-image,.gallery-grid figure)::after{content:none!important;background:none!important}

