/* Services page image-card treatment — test-only visual pass.
   Keeps existing card HTML intact and adds a restrained photo band above the copy. */
.page-hero--services + .content-section .service-grid{
  gap:22px;
  border:0;
}
.page-hero--services + .content-section .service-card{
  position:relative;
  min-height:430px;
  overflow:hidden;
  padding:222px 30px 30px;
  border:1px solid rgba(2,40,78,.12);
  background:#fff;
  box-shadow:0 12px 32px rgba(2,40,78,.07);
}
.page-hero--services + .content-section .service-card:hover{
  transform:translateY(-5px);
  background:#fff;
  box-shadow:0 22px 48px rgba(2,40,78,.13);
}
.page-hero--services + .content-section .service-card::before{
  content:"";
  position:absolute;
  inset:0 0 auto;
  height:190px;
  background-color:var(--navy-deep);
  background-repeat:no-repeat;
  background-position:center;
  background-size:cover;
  transition:transform .45s ease;
}
.page-hero--services + .content-section .service-card:nth-child(1)::before{background-image:linear-gradient(180deg,rgba(0,27,53,.01),rgba(0,27,53,.13)),url("hero-living.webp")}
.page-hero--services + .content-section .service-card:nth-child(2)::before{background-image:linear-gradient(180deg,rgba(0,27,53,.01),rgba(0,27,53,.13)),url("hero-commercial.webp")}
.page-hero--services + .content-section .service-card:nth-child(3)::before{background-image:linear-gradient(180deg,rgba(0,27,53,.01),rgba(0,27,53,.13)),url("support-detail.webp")}
.page-hero--services + .content-section .service-card:nth-child(4)::before{background-image:linear-gradient(180deg,rgba(0,27,53,.01),rgba(0,27,53,.13)),url("hero-kitchen.webp")}
.page-hero--services + .content-section .service-card:nth-child(5)::before{background-image:linear-gradient(180deg,rgba(0,27,53,.01),rgba(0,27,53,.13)),url("support-organization.webp")}
.page-hero--services + .content-section .service-card:nth-child(6)::before{background-image:linear-gradient(180deg,rgba(0,27,53,.01),rgba(0,27,53,.13)),url("resource-schedule.webp")}
.page-hero--services + .content-section .service-card::after{
  display:none;
}
.page-hero--services + .content-section .service-card__number{
  position:absolute;
  z-index:2;
  top:166px;
  left:30px;
  display:grid;
  width:46px;
  height:46px;
  border:1px solid rgba(214,173,98,.72);
  background:var(--navy);
  color:var(--gold-bright);
  place-items:center;
  font-family:var(--serif);
  font-size:17px;
  box-shadow:0 8px 20px rgba(0,27,53,.2);
}
.page-hero--services + .content-section .service-card h3{
  margin:0 0 11px;
  font-size:29px;
}
.page-hero--services + .content-section .service-card p{
  margin:0;
}
.page-hero--services + .content-section .service-card .text-link{
  margin-top:20px;
}
@media(max-width:980px){
  .page-hero--services + .content-section .service-grid{
    grid-template-columns:repeat(2,1fr);
  }
}
@media(max-width:640px){
  .page-hero--services + .content-section .service-grid{
    grid-template-columns:1fr;
  }
  .page-hero--services + .content-section .service-card{
    min-height:0;
    padding:210px 26px 28px;
  }
  .page-hero--services + .content-section .service-card::before{
    height:180px;
  }
  .page-hero--services + .content-section .service-card__number{
    top:156px;
    left:26px;
  }
}
@media(prefers-reduced-motion:reduce){
  .page-hero--services + .content-section .service-card::before{
    transition:none;
  }
}