/*
  Shared illustration system.
  Keeps every generated asset aligned, consistently cropped and responsive.
*/
.site-illustration{
  display:block;
  width:100%;
  aspect-ratio:16 / 10;
  object-fit:cover;
  object-position:center;
  margin:0 auto 22px;
  border:1px solid rgba(152,162,172,.24);
  border-radius:10px;
  background:#f3f1ee;
  box-shadow:0 12px 28px rgba(0,0,0,.14);
}

.svc-card .site-illustration,
.job-card .site-illustration,
.tri-card .site-illustration,
.card .site-illustration{
  max-height:245px;
}

@media (max-width:720px){
  .site-illustration{
    aspect-ratio:4 / 3;
    max-height:none;
    margin-bottom:18px;
    border-radius:8px;
  }
}