/* ============================================================ SERVICES */
.services__list{margin-top:var(--s-9);border-top:var(--border) solid var(--line);}
.service{
  position:relative;display:grid;gap:var(--s-2) var(--s-5);
  grid-template-columns:auto 1fr;grid-template-areas:"num title" "num desc";
  padding-block:var(--s-6);
  border-bottom:var(--border) solid var(--line);
  transition:background var(--t-ui) var(--ease-ui);
}
@media (min-width:1024px){
  .service{
    grid-template-columns:5rem minmax(0,7fr) minmax(0,6fr) auto;
    grid-template-areas:"num title desc arrow";
    align-items:center;gap:var(--s-6);padding-block:var(--s-7);
  }
}
.service:hover,.service:focus-within{background:var(--bg-raised);}
.service__num{grid-area:num;font-family:var(--font-mono);font-weight:500;
  font-size:var(--fs-label);letter-spacing:.08em;color:var(--ink-faint);
  transition:color var(--t-ui) var(--ease-ui);padding-top:.35em;}
.service:hover .service__num,.service:focus-within .service__num{color:var(--accent-ctx);}
.service__title{grid-area:title;font-family:var(--font-display);font-weight:600;
  font-size:var(--fs-h3);line-height:1.15;letter-spacing:-.01em;text-transform:uppercase;}
.service__desc{grid-area:desc;font-size:var(--fs-sm);color:var(--ink-soft);max-width:44ch;}
.service__arrow{grid-area:arrow;display:none;color:var(--ink-faint);
  transition:transform var(--t-ui) var(--ease-ui),color var(--t-ui) var(--ease-ui);}
@media (min-width:1024px){.service__arrow{display:block;}}
.service:hover .service__arrow,.service:focus-within .service__arrow{
  transform:translateX(6px);color:var(--accent-ctx);}