/* ---------- service detail hero ---------- */
.svc-hero{
  position:relative;
  min-height:380px;
  display:flex; align-items:flex-end;
  overflow:hidden;
  border-bottom:1px solid var(--line);
}
.svc-hero-bg{
  position:absolute; inset:0;
  width:100%; height:100%;
  object-fit:cover;
  z-index:0;
}
.svc-hero::before{
  content:"";
  position:absolute; inset:0;
  background:linear-gradient(180deg, rgba(18,24,31,.15) 0%, rgba(18,24,31,.88) 100%);
  z-index:1;
}
.svc-hero-inner{position:relative; z-index:2; padding:56px 32px 40px; width:100%;}
.svc-back{
  display:inline-block;
  color:rgba(247,248,246,.75);
  font-size:12px;
  margin-bottom:18px;
  transition:color .2s;
}
.svc-back:hover{color:#fff;}
.svc-hero-inner .eyebrow{color:var(--accent);}
.svc-hero-inner h1{
  color:#fff;
  font-size:clamp(28px,4vw,44px); font-weight:700;
  margin-top:14px; max-width:760px;
}

/* ---------- service detail body ---------- */
.svc-detail{padding:72px 0; border-bottom:1px solid var(--line);}
.svc-detail-grid{max-width:760px;}
.svc-detail-text{font-size:17px; color:var(--ink); line-height:1.75;}
.svc-detail-text em{color:var(--accent); font-style:normal; font-weight:600;}

/* ---------- prev/next pager ---------- */
.svc-pager{border-bottom:1px solid var(--line);}
.svc-pager-grid{display:grid; grid-template-columns:1fr 1fr;}
.svc-pager-link{padding:28px 32px; display:flex; flex-direction:column; gap:6px; transition:background .2s;}
.svc-pager-link:hover{background:var(--card);}
.svc-pager-link.prev{border-right:1px solid var(--line); align-items:flex-start; text-align:left;}
.svc-pager-link.next{align-items:flex-end; text-align:right;}
.svc-pager-link span{font-size:11px; color:var(--steel); text-transform:uppercase; letter-spacing:.08em;}
.svc-pager-link strong{font-family:'Satoshi',sans-serif; font-size:17px; font-weight:600;}

@media (max-width:560px){
  .svc-pager-grid{grid-template-columns:1fr;}
  .svc-pager-link.prev{border-right:0; border-bottom:1px solid var(--line);}
  .svc-pager-link.next{align-items:flex-start; text-align:left;}
}