/* Icon audit v5 — load after experience.css and page styles.
   The decorative SVGs already contain white fills at 8% opacity.
   Keep that alpha; do not invert white to black or compound page-level filters. */
body .contact .contact-art{
  left:0;right:auto;top:auto;bottom:0;
  width:44%;max-width:720px;height:auto;
  opacity:1;filter:none;transform:none;
  pointer-events:none;z-index:0;
}
body .contact .contact-art>img{
  display:block;width:100%;height:auto;max-width:100%;
  aspect-ratio:844 / 494;object-fit:contain;
  filter:brightness(0) invert(1);opacity:1;
}
body .contact .contact-copy{position:relative;z-index:1}
/* These source icons are white, not black. Use a stable white silhouette,
   preserving the original dimensions and source alpha on every page. */
body .usp-icon{filter:brightness(0) invert(1);object-fit:contain}
body .svc-step-art,body .svc-route>img,body .route-arrow{
  filter:brightness(0) invert(1);object-fit:contain;
}
/* Real Clay symbol is deliberately full colour, never a monochrome wordmark. */
body .svc-detail-heading img[src$="clay-symbol.png"],
body .svc-stack-grid img[src$="clay-symbol.png"]{filter:none;opacity:1;object-fit:contain}
@media(max-width:800px){
  body .contact .contact-art{left:-3%;bottom:0;width:46%;max-width:250px;opacity:.65}
}
/* Explicit opacity, independent of intrinsic SVG alpha: decorative, never competing with copy. */
body .contact .contact-art{opacity:.12}
@media(max-width:800px){body .contact .contact-art{opacity:.10}}
/* Explicit user request: keep the genuine Clay symbol, render it white. */
body .svc-detail-heading img[src$="clay-symbol.png"],body .svc-stack-grid img[src$="clay-symbol.png"]{filter:brightness(0) invert(1);opacity:1}