.services-section{background:var(--off)}
.services-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:48px}

.services-list{display:flex;flex-direction:column;gap:0}
.sv-item{
    display:grid;grid-template-columns:80px 1fr auto;
    align-items:center;gap:32px;
    padding:28px 0;border-bottom:1px solid var(--ink-08);
    transition:background .2s;cursor:default;
}
.sv-item:first-child{border-top:1px solid var(--ink-08)}
.sv-item:hover .sv-arrow{transform:translateX(6px) scale(1.1);color:var(--blue)}
.sv-item:hover .sv-num{color:var(--blue)}

.sv-num{
    font-family:'JetBrains Mono',monospace;
    font-size:13px;font-weight:500;color:var(--ink-25);
    transition:color .25s;
}
.sv-body h3{
    font-family:'Bricolage Grotesque',sans-serif;
    font-weight:700;font-size:22px;letter-spacing:-.02em;
    color:var(--ink);margin-bottom:8px;line-height:1.2;
}
.sv-body h3 a{color:inherit;transition:color .2s}
.sv-body h3 a:hover{color:var(--blue)}
.sv-body p{font-size:15px;color:var(--ink-60);line-height:1.55;margin-bottom:14px}
.sv-meta{display:flex;gap:10px;flex-wrap:wrap}
.sv-meta span{
    font-size:12px;font-weight:500;color:var(--ink-60);
    background:var(--white);border:1px solid var(--ink-08);
    border-radius:100px;padding:4px 12px;
}
.sv-arrow{color:var(--ink-25);flex-shrink:0;transition:transform .25s var(--ease),color .25s}

@media(max-width:768px){
    .services-header{flex-direction:column;align-items:flex-start;gap:16px}
    .sv-item{grid-template-columns:1fr auto;gap:12px;padding:20px 0}
    .sv-num{grid-column:1/-1;margin-bottom:0;font-size:12px}
}