/* Clearly visible service photography; original explanations and diagrams stay below. */
#services .service-photo-card{min-width:0}
#services .service-photo-card h3{text-wrap:balance}
#services .service-photo-card>.service-photo{position:relative;isolation:isolate;display:block;width:100%;min-width:0;aspect-ratio:3/2;margin:0 0 24px;overflow:hidden;border:1px solid #3c7887;background:#071c26}
#services .service-photo>img{display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center}
#services .service-photo>figcaption{position:absolute;right:7px;bottom:7px;margin:0;padding:3px 6px;color:#e1eef1;background:#03131dc9;border:1px solid #a4c6d52b;font-size:10px;line-height:1.5;letter-spacing:.03em;font-weight:400;text-shadow:0 1px 2px #0006}
#services .service-photo-card.svc-card--wide>.service-photo{aspect-ratio:21/9;max-height:320px}
#services .service-photo-card.field-support-card{row-gap:28px}
#services .service-photo-card.field-support-card>.service-photo{grid-column:1/-1;aspect-ratio:21/9;max-height:340px;margin:0}
#services .service-photo[data-service-photo="03-content-real-v1"]>img{object-position:50% 52%}
#services .service-photo[data-service-photo="04-sales-crm-real-v1"]>img{object-position:50% 43%}
#services .service-photo[data-service-photo="06-construction-real-v1"]>img{object-position:50% 51%}
#services .service-photo[data-service-photo="07-dx-tools-real-v1"]>img{object-position:50% 48%}
@media(max-width:1050px){
  #services .service-photo-card.field-support-card>.service-photo{aspect-ratio:16/9;max-height:360px}
}
@media(max-width:768px){
  #services .service-photo-card>.service-photo{margin-bottom:22px}
  #services .service-photo-card.svc-card--wide>.service-photo,
  #services .service-photo-card.field-support-card>.service-photo{aspect-ratio:3/2;max-height:none}
  #services .service-photo-card.field-support-card{row-gap:24px}
  #services .service-photo-card.field-support-card>.service-photo{margin:0}
}