/* ===================== SERVICES PAGE ===================== */

/* reuse .tlg-phero + .tlg-crumb from about.css (loaded together) */

/* --- SERVICES GRID (LIGHT) --- */
.tlg-svcs__head{text-align:center;max-width:900px;margin:0 auto clamp(40px,5vw,60px)}
.tlg-svcs__head h2{font-size:clamp(2rem,3.2vw,2.7rem);white-space:nowrap}
.tlg-svcs__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.tlg-svc{display:flex;flex-direction:column;padding:36px 32px;background:var(--tlg-white);border:1px solid var(--tlg-line);border-radius:var(--tlg-r-md);transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}
.tlg-svc:hover{transform:translateY(-5px);border-color:transparent;box-shadow:var(--tlg-shadow-md)}
.tlg-svc h3{color:var(--tlg-ink);font-size:1.5rem;font-weight:600;margin:22px 0 12px}
.tlg-svc p{color:var(--tlg-slate);font-size:.95rem;line-height:1.65;margin-bottom:22px;flex:1}
.tlg-svc__more{display:inline-flex;align-items:center;gap:8px;font-size:.82rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--tlg-accent);transition:gap .2s ease}
.tlg-svc:hover .tlg-svc__more{gap:12px}

/* --- CTA (reuse .tlg-acta from about.css) --- */

/* ===================== RESPONSIVE ===================== */
@media (max-width:900px){
  .tlg-svcs__grid{grid-template-columns:1fr 1fr}
}
@media (max-width:640px){
  .tlg-svcs__grid{grid-template-columns:1fr}
  .tlg-svc{padding:32px 26px}
  .tlg-svcs__head h2{white-space:normal}
}