.services{padding:60px 0 120px}
.services-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:36px}
.service{position:relative;padding:32px 26px 62px;border:1px solid var(--line);border-radius:16px;transition:background .35s,color .35s,transform .35s,box-shadow .35s}
.service:hover{background:var(--ink);color:var(--paper);transform:translateY(-6px);box-shadow:0 26px 52px -26px rgba(21,20,15,.45)}
.service-num{font-family:'Fraunces',serif;font-size:.9rem;color:var(--accent)}
.service h3{font-size:1.5rem;margin:16px 0 10px}
.service p{font-size:.95rem;color:var(--muted)}
.service:hover p{color:rgba(244,241,234,.75)}
.service::after{content:'\2192';position:absolute;left:26px;bottom:24px;color:var(--accent);opacity:0;transform:translateX(-8px);transition:opacity .35s,transform .35s}
.service:hover::after{opacity:1;transform:none}
@media(max-width:860px){.services-grid{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.services-grid{grid-template-columns:1fr}}