/* Only supplied image slots and their interaction states. */
.custom-services{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;gap:8px;aspect-ratio:4/1}
.custom-services img{width:100%;height:100%;min-width:0;object-fit:contain}
.fixed-image-slot{aspect-ratio:4/1;object-fit:contain}
.custom-portfolio{margin:0;min-width:0}
.custom-portfolio img{width:100%;height:auto;object-fit:contain}
.custom-portfolio figcaption{font-size:11px;line-height:1.5;color:#565b71;margin-top:8px;text-align:center}
.custom-image{transition:transform .35s ease,filter .35s ease;transform-origin:center;backface-visibility:hidden}
@media(hover:hover) and (pointer:fine){.custom-image:hover{transform:perspective(900px) translateY(-3px) rotateX(3deg) rotateY(-3deg);filter:drop-shadow(0 7px 8px #174de21a)}}
@media(prefers-reduced-motion:reduce){.custom-image,.custom-image:hover{transition:none;transform:none;filter:none}}