/* ============================================================
   Restoration Medix — Service Page additions
   Loads AFTER landing/styles.css and cities/city-styles.css.
   Only the sections city pages don't already provide.
============================================================ */

/* feature image inside the intro/local grid */
.svc-feature-media{ border-radius:16px; overflow:hidden; border:1px solid var(--line); box-shadow:var(--shadow-card); aspect-ratio:4/5; }
.svc-feature-media img{ width:100%; height:100%; object-fit:cover; display:block; }
@media (max-width:1020px){ .svc-feature-media{ aspect-ratio:16/10; } }

/* highlights sidebar variant of facts-card content */
.fact .fv.big{ font-size:17px; }

/* ── PROCESS / HOW IT WORKS ──────────────────────────────── */
.proc{ background:var(--paper); }
.proc-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:18px; margin-top:46px; }
.proc-step{ background:#fff; border:1px solid var(--line); border-radius:16px; padding:26px 24px; position:relative; display:flex; flex-direction:column; }
.proc-step .pn{ font-family:'JetBrains Mono',monospace; font-size:12px; letter-spacing:.14em; color:var(--teal-3); }
.proc-step .pnum{ font-family:'Space Grotesk',sans-serif; font-weight:700; font-size:40px; line-height:1; color:var(--navy); opacity:.12; position:absolute; top:20px; right:22px; }
.proc-step h3{ font-size:20px; margin-top:16px; }
.proc-step p{ font-size:15px; line-height:1.6; color:var(--gray); margin-top:10px; }
.proc-step .prail{ width:34px; height:3px; border-radius:3px; background:var(--teal); margin-top:18px; }
@media (max-width:1020px){ .proc-grid{ grid-template-columns:1fr 1fr; } }
@media (max-width:560px){ .proc-grid{ grid-template-columns:1fr; } }

/* ── SCOPE / WHAT'S INCLUDED ─────────────────────────────── */
.scope{ background:#fff; }
.scope-grid{ display:grid; grid-template-columns:1fr 1.05fr; gap:54px; align-items:center; margin-top:44px; }
.scope-media{ border-radius:16px; overflow:hidden; border:1px solid var(--line); box-shadow:var(--shadow-card); aspect-ratio:5/4; }
.scope-media img{ width:100%; height:100%; object-fit:cover; display:block; }
.scope-list{ display:grid; grid-template-columns:1fr 1fr; gap:14px 26px; margin-top:8px; }
.scope-item{ display:flex; gap:12px; align-items:flex-start; }
.scope-item .sic{ width:26px; height:26px; flex-shrink:0; border-radius:7px; background:rgba(46,155,155,.12); color:var(--teal-3); display:flex; align-items:center; justify-content:center; margin-top:1px; }
.scope-item span.st{ font-family:'Space Grotesk',sans-serif; font-weight:600; font-size:15.5px; color:var(--navy); line-height:1.35; }
@media (max-width:1020px){ .scope-grid{ grid-template-columns:1fr; gap:34px; } .scope-media{ aspect-ratio:16/10; } }
@media (max-width:520px){ .scope-list{ grid-template-columns:1fr; } }