.service-card-copy{min-width:0}
.service-card-visual{margin:0 0 16px;aspect-ratio:16/9;overflow:hidden;background:var(--stone);line-height:0}
.service-card-visual img{display:block;width:100%;height:100%;object-fit:cover}
.service-card-copy>p{margin:0;max-width:64ch;color:#3B4A54}
.area-catalogue .service-entry-visual .service-card-copy .service-cue{margin-top:14px}
@media(max-width:860px){
  .area-catalogue .service-entry-visual .service-card-copy{margin-top:16px}
}

/* Catalogue index practice-area visuals — Phase 4 internal placement candidate */
.catalogue-index-page .area-card-link{align-items:center}
.catalogue-index-page .area-card-visual{
  margin:0;
  aspect-ratio:8/5;
  overflow:hidden;
  background:var(--stone);
  border:1px solid rgba(8,29,45,.12);
  border-radius:3px;
  line-height:0;
  box-shadow:0 8px 24px rgba(8,29,45,.07);
}
.catalogue-index-page .area-card-visual img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}
@media(min-width:1101px){
  .catalogue-index-page .area-card-link{
    grid-template-columns:minmax(220px,.78fr) minmax(250px,1fr) minmax(210px,.72fr);
    gap:36px;
    padding-top:24px;
    padding-bottom:24px;
  }
}
@media(min-width:861px) and (max-width:1100px){
  .catalogue-index-page .area-card-link{
    grid-template-columns:1fr;
    gap:10px;
    padding:28px 36px;
  }
  .catalogue-index-page .area-card-visual{
    width:100%;
    margin-top:10px;
    aspect-ratio:16/9;
  }
}
@media(max-width:860px){
  .catalogue-index-page .area-card-link{
    grid-template-columns:1fr;
    gap:10px;
    padding:28px 24px;
  }
  .catalogue-index-page .area-card-visual{
    margin-top:10px;
    aspect-ratio:16/9;
  }
}