.s-clients{--clients-bg:var(--bg);border-top:1px solid var(--line);background:var(--clients-bg);overflow:hidden}.s-clients .clients--inner{grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:60svh;display:grid}@media (width<=980px){.s-clients .clients--inner{grid-template-columns:1fr;min-height:0}}.s-clients .grid-left{padding-block:var(--sections-spacing-sm);padding-inline:var(--container) 3rem;flex-direction:column;justify-content:center;gap:5rem;display:flex}@media (width<=980px){.s-clients .grid-left{padding-inline:var(--container);gap:40px}}.s-clients .grid-right{padding:var(--sections-spacing-sm) var(--container);place-items:center;display:grid;position:relative}@media (width<=980px){.s-clients .grid-right{min-height:30vh;padding-block-start:0}}.s-clients .clients--heading{flex-direction:column;gap:1.4rem;display:flex}.s-clients .clients--heading .title-styled h2{font-family:var(--font-primary);font-size:39px;font-weight:700;line-height:1.2}@media (width<=980px){.s-clients .clients--heading .title-styled h2{font-size:35px}}.s-clients .clients--subtitle{font-family:var(--font-primary);letter-spacing:.7px;text-transform:uppercase;color:var(--text-primary);align-items:center;gap:.6rem;font-size:14px;font-weight:500;line-height:26px;display:inline-flex}.s-clients .clients--subtitle:before{content:"";border:1px solid;border-radius:50%;width:.5em;height:.5em;display:block}.s-clients .clients--list{flex-wrap:wrap;gap:1.6rem 3rem;max-width:56rem;margin:0;padding:0;list-style:none;display:flex}@media (width<=980px){.s-clients .clients--list{gap:16px 28px}}.s-clients .clients--name{appearance:none;cursor:pointer;font-family:var(--font-primary);text-transform:uppercase;color:var(--text-primary);text-underline-offset:.3em;background:0 0;border:0;padding:0;font-size:21px;font-weight:700;line-height:27px;-webkit-text-decoration:underline #0000;text-decoration:underline #0000;text-decoration-thickness:1px;transition:text-decoration-color .2s,color .2s}.s-clients .clients--name.active,.s-clients .clients--name:hover{text-decoration-color:currentColor}.s-clients .clients--name:focus-visible{outline:2px solid var(--ascent);outline-offset:3px}.s-clients .clients--logo{opacity:0;pointer-events:none;grid-area:1/1;width:min(100%,32rem);transition:opacity .3s,transform .3s;transform:translateY(.5rem)}.s-clients .clients--logo.active{opacity:1;transform:none}.s-clients .clients--logo img{object-fit:contain;width:100%;max-height:12rem}