.partners-intro{max-width:58ch;color:var(--body-text);margin:-.25rem 0 1.25rem;line-height:1.65}.client-wall{grid-template-columns:repeat(auto-fill,minmax(14rem,1fr));gap:1rem;margin:0;padding:0;list-style:none;display:grid}.client-tile{height:100%;color:var(--ink);flex-direction:column;text-decoration:none;display:flex}a.client-tile:after{content:none!important}a.client-tile:hover,a.client-tile:focus-visible{text-decoration:none}.client-tile__mark{justify-content:center;align-items:center;height:7.5rem;padding:.75rem 1rem;display:flex}.client-tile__logo{object-fit:contain;width:auto;max-width:100%;height:3.8rem;display:block}.client-tile__logo--icon{height:5.5rem}.client-tile__logo--compact{height:2.4rem}.client-tile__logo--dark{background:var(--ink);height:4.2rem;padding:.6rem .9rem}.client-tile__monogram{background:var(--accent-pale);min-width:2.75rem;height:2.75rem;font:700 .95rem/1 var(--font-display);color:var(--muted-strong);justify-content:center;align-items:center;padding:0 .5rem;display:flex}.client-tile__name{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.client-tile__arrow{font:600 .8rem/1 var(--font-display);color:var(--muted);margin-left:.3rem}a.client-tile:hover .client-tile__name,a.client-tile:hover .client-tile__arrow{color:var(--accent)}@media (width<=640px){.client-wall{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}.client-tile__mark{height:6rem;padding:.4rem .5rem}.client-tile__logo{height:3.2rem}.client-tile__logo--icon{height:4.8rem}.client-tile__logo--compact{height:2rem}.client-tile__logo--dark{height:3.6rem}}.kiosk-shops{margin:3rem 0 0}.client-tile{position:relative}.client-tile__tip{display:none}@media (hover:hover) and (width>=980px) and (width<=1119px){.client-tile__tip{z-index:20;background:var(--ink);width:max-content;max-width:min(36ch,70vw);color:var(--surface);font:400 .78rem/1.4 var(--font-body);text-align:left;opacity:0;pointer-events:none;border-radius:7px;flex-direction:column;gap:.1rem;padding:.55rem .7rem;transition:opacity .12s,transform .12s;display:flex;position:absolute;bottom:calc(100% - .75rem);left:50%;transform:translate(-50%,.2rem);box-shadow:0 8px 24px #17212b33}.client-tile__tip strong{font-weight:600}.client-tile__tip span{opacity:.75}.client-tile:hover .client-tile__tip,.client-tile:focus-visible .client-tile__tip{opacity:1;transform:translate(-50%)}}.client-tile__wordmark{font:700 1.6rem/1.15 var(--font-display);letter-spacing:-.01em;color:var(--ink);text-align:center}.clients-hint{display:none}@media (width>=1120px){.clients-hint:not([hidden]){border:1px solid color-mix(in srgb, var(--border) 65%, transparent);background:color-mix(in srgb, var(--bg) 84%, transparent);width:min(100% - 4rem,21rem);font:400 .9rem/1.45 var(--font-body);color:var(--body-text);flex-direction:column;gap:.2rem;margin:clamp(2.25rem,5vw,4.5rem) 2rem 0;padding:1rem;display:flex}.clients-hint strong{font:700 1.15rem/1.3 var(--font-display);color:var(--ink)}.clients-hint span{color:var(--muted-strong)}.clients-hint .clients-hint__role{font:500 .72rem/1.4 var(--font-display);letter-spacing:.04em;text-transform:uppercase;margin-bottom:.35rem}.clients-hint .client-tile__tip-about{color:var(--body-text)}.clients-hint .client-tile__tip-work{color:var(--body-text);margin-top:.35rem}.clients-hint .client-tile__tip-work:before{content:"Что сделали";font:500 .72rem/1.4 var(--font-display);letter-spacing:.04em;text-transform:uppercase;color:var(--muted);display:block}.clients-hint .client-tile__tip-about+span:not(.client-tile__tip-work),.clients-hint .client-tile__tip-work+span{margin-top:.35rem;font-size:.82rem}}@media (hover:hover){.client-tile__logo,.client-tile__wordmark{transition:transform .18s,opacity .18s,filter .18s}.client-tile:hover .client-tile__logo,.client-tile:hover .client-tile__wordmark,.client-tile:focus-visible .client-tile__logo,.client-tile:focus-visible .client-tile__wordmark{transform:scale(1.12)}:is(.client-wall:has(.client-tile:hover) .client-tile:not(:hover) .client-tile__logo,.client-wall:has(.client-tile:hover) .client-tile:not(:hover) .client-tile__wordmark){opacity:.35;filter:grayscale()}}@media (hover:hover) and (prefers-reduced-motion:reduce){.client-tile:hover .client-tile__logo,.client-tile:hover .client-tile__wordmark,.client-tile:focus-visible .client-tile__logo,.client-tile:focus-visible .client-tile__wordmark{transform:none}}.clients-page-title{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}