/* Full mobile artwork, shared by service/technology heroes and project pages. */
@media (max-width: 767px) {
  html body .elementSection_var10001 {
    --ca-media-height: 62.5vw !important;
    --ca-media-height: min(62.5vw, 75svh) !important;
  }
  html body .elementSection_var10001 .elementPicture img {
    object-fit: contain !important;
    object-position: center;
  }
  html body .elementSection_var10001 .elementPicture figure {
    clip-path: inset(0 round var(--ca-radius)) !important;
    -webkit-mask-image: none !important;
    mask-image: none !important;
  }
  /* Cover the left third with a narrow, 10px feather at rest.
     The existing scroll controller settles at 0.4, then decreases to zero. */
  html body .elementSection_var10001 .elementPicture figure:has(source.ca-reference-source) {
    --ca-reference-cover: clamp(0%, calc(var(--ca-reveal-rest, 0.4) * 83.333333%), 33.333333%);
    --ca-reference-feather: clamp(0px, calc(var(--ca-reveal-rest, 0.4) * 25px), 10px);
    clip-path: inset(0 0 0 var(--ca-reference-cover) round var(--ca-radius)) !important;
    -webkit-mask-image: linear-gradient(to right, transparent var(--ca-reference-cover), #000 calc(var(--ca-reference-cover) + var(--ca-reference-feather))) !important;
    mask-image: linear-gradient(to right, transparent var(--ca-reference-cover), #000 calc(var(--ca-reference-cover) + var(--ca-reference-feather))) !important;
  }
  html.no-js body .elementSection_var10001 .elementPicture figure:has(source.ca-reference-source) {
    clip-path: inset(0 round var(--ca-radius)) !important;
    -webkit-mask-image: none !important;
    mask-image: none !important;
  }
  html body .ca-reference-overview-list .listEntry picture {
    aspect-ratio: 8 / 5 !important;
  }
  html body .ca-reference-overview-list .listEntry picture img {
    object-fit: contain !important;
    object-position: center;
    transform: none !important;
  }
}

@media (max-width: 767px) and (prefers-reduced-motion: reduce) {
  html body .elementSection_var10001 .elementPicture figure:has(source.ca-reference-source) {
    clip-path: inset(0 round var(--ca-radius)) !important;
    -webkit-mask-image: none !important;
    mask-image: none !important;
  }
}