/* ══════════════════════════════════════════
   services-skin.css — Skin services section (light)
   Padding via .section-pad, grid via .grid-3,
   ::before geometry via .card-hover-line (components.css)
   ══════════════════════════════════════════ */

.services-skin { background:var(--sage-bg); }

/* Light header variant */
.svc-header.light { border-bottom:1px solid var(--stone-lt); }
.svc-header.light .section-label { color:var(--sage-dk); }
.svc-header.light .section-label::before { background:var(--sage-dk); }
.svc-header.light .section-h2 { color:var(--ink); margin-bottom:0; }

/* Light service cards — ::before color only (geometry from .card-hover-line) */
.svc-card-light { background:var(--beige); padding:48px 40px; border:1px solid var(--stone-lt); transition:background 0.3s, border-color 0.3s; }
.svc-card-light::before { background:var(--sage-dk); }
.svc-card-light:hover { background:var(--sage-hover); border-color:#9AA896; }
.svc-card-light .svc-num { font-family:'Playfair Display',serif; font-size:2.5rem; font-weight:300; color:var(--stone-lt); line-height:1; margin-bottom:28px; }
.svc-card-light .svc-name { font-family:'Playfair Display',serif; font-size:1.3rem; font-weight:400; color:var(--ink); margin-bottom:16px; }
.svc-card-light .svc-desc { font-size:0.90rem; color:var(--ink-muted); line-height:1.75; margin-bottom:28px; }
.svc-card-light .svc-footer { display:flex; justify-content:space-between; align-items:center; padding-top:20px; border-top:1px solid var(--stone-lt); }
.svc-card-light .svc-duration { font-size:0.65rem; letter-spacing:0.15em; text-transform:uppercase; color:var(--ink-faint); }
.svc-card-light .svc-from { font-size:0.75rem; color:var(--sage-dk); letter-spacing:0.05em; }

/* ── RESPONSIVE ── */
@media (max-width: 960px) {
  .services-skin { padding:80px 24px; }
  .svc-header.light {padding-bottom: 20px; margin-bottom: 44px;}
}