/* Services grid — ported from design/mockup.html (.svc-grid, .svc). */

.svc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.svc{background:#fff;border:1px solid var(--line);padding:34px 30px 30px;position:relative;transition:transform .2s ease,box-shadow .2s ease}
.svc::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--navy);transform:scaleX(0);transform-origin:left;transition:transform .25s ease}
.svc:hover{transform:translateY(-5px);box-shadow:0 18px 40px -18px rgba(20,22,27,.25)}
.svc:hover::before{transform:scaleX(1)}
.svc .ico{width:52px;height:52px;background:var(--paper);display:grid;place-items:center;margin-bottom:22px;box-shadow:inset 0 0 0 1px var(--line)}
.svc .ico svg{width:26px;height:26px;color:var(--navy)}
.svc h3{margin-bottom:10px}
.svc p{color:var(--steel);font-size:15px;margin-bottom:18px}
.svc a{font-family:var(--display);font-weight:600;font-size:16px;letter-spacing:.1em;text-transform:uppercase;color:var(--red);display:inline-flex;gap:8px;align-items:center}
.svc a svg{width:14px;height:14px;transition:transform .18s}
.svc a:hover svg{transform:translateX(4px)}

@media(max-width:1020px){.svc-grid{grid-template-columns:1fr 1fr}}
@media(max-width:720px){.svc-grid{grid-template-columns:1fr}}