.services{background:0 0;position:relative}.services__header{max-width:40rem}.services__list{border-top:1px solid var(--gray-200);margin:3.25rem 0 0;padding:0;list-style:none}.services__item{border-bottom:1px solid var(--gray-200);cursor:default;transition:padding .35s var(--ease-out);grid-template-columns:auto 1fr auto;align-items:center;gap:1rem 1.5rem;padding:1.65rem .5rem 1.65rem 0;display:grid;position:relative}.services__item:before{content:"";background:var(--brand-500);width:0;transition:width .35s var(--ease-out);position:absolute;top:0;bottom:0;left:0}.services__item:hover,.services__item:focus-within{padding-left:1rem}.services__item:hover:before,.services__item:focus-within:before{width:3px}.services__index{font-family:var(--font-body);color:var(--brand-500);min-width:2rem;transition:color .3s var(--ease-out), transform .3s var(--ease-out);font-size:.9rem;font-weight:700}.services__item:hover .services__index{color:var(--warning-500);transform:translate(2px)}.services__name{font-family:var(--font-body);letter-spacing:-.02em;color:var(--brand-700);transition:color .3s var(--ease-out);margin:0;font-size:clamp(1.25rem,2.4vw,1.65rem);font-weight:700}.services__item:hover .services__name{color:var(--gray-950)}.services__desc{max-width:38rem;color:var(--gray-500);margin:.4rem 0 0;line-height:1.6}.services__arrow{color:var(--brand-500);opacity:0;transition:opacity .3s var(--ease-out), transform .3s var(--ease-out);font-size:1.25rem;transform:translate(-8px)}.services__item:hover .services__arrow{opacity:1;transform:none}@media (width<=640px){.services__arrow{display:none}.services__item{grid-template-columns:auto 1fr}}@media (width>=800px){.services__item{gap:1.75rem 2rem;padding-block:2rem}.services__index{min-width:3rem;font-size:1rem}}