/* V26 homepage image-led service cards */
#services .services-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:18px;
}
#services .service-image-card{
  min-height:0;
  padding:0;
  overflow:hidden;
  border-radius:22px;
  background:#fff;
  border:1px solid var(--line);
  box-shadow:var(--shadow-soft);
  display:flex;
  flex-direction:column;
  transition:transform .2s ease,box-shadow .2s ease;
}
#services .service-image-card:hover{
  transform:translateY(-4px);
  box-shadow:0 22px 52px rgba(10,18,24,.11);
}
#services .service-card-media{
  position:relative;
  display:block;
  aspect-ratio:16/9;
  overflow:hidden;
  background:#eef2f3;
  border-bottom:1px solid #e3e8ea;
}
#services .service-card-media::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,transparent 58%,rgba(10,18,24,.08));
  pointer-events:none;
}
#services .service-card-media img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  transition:transform .35s ease;
}
#services .service-image-card:hover .service-card-media img{
  transform:scale(1.035);
}
#services .service-card-body{
  display:flex;
  flex:1;
  flex-direction:column;
  padding:20px 20px 21px;
}
#services .service-card-body small{
  display:block;
  margin:0 0 7px;
  color:var(--orange);
  font-size:.68rem;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.11em;
}
#services .service-card-body h3{
  margin:0 0 8px;
  color:var(--carbon);
  font-size:1.24rem;
  line-height:1.08;
  letter-spacing:-.035em;
}
#services .service-card-body p{
  margin:0;
  color:var(--slate);
  font-size:.89rem;
  line-height:1.55;
}
#services .service-card-body>a{
  margin-top:auto;
  padding-top:15px;
  color:var(--orange);
  font-weight:800;
  font-size:.84rem;
}
@media(max-width:1080px){
  #services .services-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:640px){
  #services .services-grid{grid-template-columns:1fr;gap:14px}
  #services .service-card-media{aspect-ratio:16/9}
  #services .service-card-body{padding:17px 17px 18px}
}