:root{--black: #161616;--white: #FAF9F6;--gray: #B0B0B0}[data-page-namespace=clients] .hero{padding-top:230px}@media(max-width:768px){[data-page-namespace=clients] .hero{padding-top:130px}}[data-page-namespace=clients] .hero__wrap{display:flex;flex-direction:column;gap:0px;padding-bottom:230px}[data-page-namespace=clients] .hero__wrap-title{padding-inline:5px;width:100%;padding-inline:100px;margin-inline:auto;max-width:1600px}@media(max-width:1200px){[data-page-namespace=clients] .hero__wrap-title{padding-inline:50px}}@media(max-width:992px){[data-page-namespace=clients] .hero__wrap-title{padding-inline:20px}}[data-page-namespace=clients] .hero__wrap-title .s-text{text-transform:uppercase}[data-page-namespace=clients] .hero__wrap-clients{position:relative}@media(max-width:992px){[data-page-namespace=clients] .hero__wrap-clients{margin-top:25px}}[data-page-namespace=clients] .hero__wrap-clients .client-view-label{position:fixed;top:0;left:0;z-index:999999;pointer-events:none;white-space:nowrap;text-transform:uppercase;font-size:14px;font-style:normal;font-weight:400;line-height:normal;color:#161616;opacity:0;--x: 0px;--y: 0px;transform:translate3d(var(--x),var(--y),0) translate(18px,10px);transition:opacity .2s ease;will-change:transform,opacity}[data-page-namespace=clients] .hero__wrap-clients .client-view-label.is-visible{opacity:1}[data-page-namespace=clients] .hero__wrap-clients .logo-display{position:fixed;top:0;left:8vw;aspect-ratio:1;display:flex;justify-content:center;align-items:center;pointer-events:none;z-index:10;opacity:0;visibility:hidden;overflow:hidden}[data-page-namespace=clients] .hero__wrap-clients .logo-display img{max-width:340px;height:auto;object-fit:contain}[data-page-namespace=clients] .hero__wrap-clients .main-container{display:grid;grid-template-columns:1fr 1fr;width:100%;height:auto}[data-page-namespace=clients] .hero__wrap-clients .left-spacer{width:45%;flex-shrink:0}[data-page-namespace=clients] .hero__wrap-clients .clients-grid{display:grid;grid-template-columns:1fr 1fr;justify-items:start;row-gap:15px;column-gap:20px}[data-page-namespace=clients] .hero__wrap-clients .client-item{display:flex;align-items:start;gap:5px;cursor:pointer;transition:opacity .4s ease,color .4s ease,transform .4s ease;transform-origin:left center}[data-page-namespace=clients] .hero__wrap-clients .client-num{font-size:13px;line-height:13px;font-weight:400}[data-page-namespace=clients] .hero__wrap-clients .client-name{text-align:left}[data-page-namespace=clients] .hero__wrap-clients .clients-grid.is-active .client-item:not(.active){opacity:.15}[data-page-namespace=clients] .hero__wrap-clients .client-item.active{color:var(--text-active);opacity:1}@media(max-width:992px){[data-page-namespace=clients] .hero .hero__wrap{display:grid;grid-template-columns:auto 1fr}[data-page-namespace=clients] .hero .hero__wrap-title{padding-inline:20px}[data-page-namespace=clients] .hero .left-spacer{display:none}[data-page-namespace=clients] .hero .clients-grid{width:100%;grid-template-columns:1fr;grid-template-rows:auto;grid-auto-flow:row;padding-inline:20px}[data-page-namespace=clients] .hero .client-item{justify-content:center;text-align:center}[data-page-namespace=clients] .hero .client-view-label{display:none}[data-page-namespace=clients] .hero .logo-display{width:60vw;z-index:-1}}@media(max-width:768px){[data-page-namespace=clients] .hero .logo-display img{max-width:180px}}@media(max-width:576px){[data-page-namespace=clients] .hero .hero__wrap{grid-template-columns:auto}[data-page-namespace=clients] .hero .hero__wrap-title{padding-bottom:45px}}