.clientListWrapper{width:100%;position:relative}.clientListWrapper.is-scrollable:after{content:"";background:linear-gradient(to right,rgba(var(--color-bg-rgb),0),rgba(var(--color-bg-rgb),.9)70%);pointer-events:none;width:2.8rem;height:100%;position:absolute;top:0;right:0}.clientList{scroll-behavior:smooth;-webkit-overflow-scrolling:touch;white-space:nowrap;scroll-snap-type:x proximity;align-items:center;gap:1.5rem;width:100%;margin:2rem 2rem 2rem 0;padding-right:2.5rem;list-style:none;display:flex;overflow:auto hidden}.clientList .client{background-color:var(--color-button-secondary);border:1px solid rgba(var(--color-border-rgb),.2);cursor:pointer;scroll-snap-align:start;flex:none;align-items:center;gap:.4rem;min-height:2.75rem;padding:.6rem .75rem;transition:border-color .3s ease-in-out;display:inline-flex}.clientList .client:hover{border-color:var(--color-hover-secondary)}.clientList .client.disabled{opacity:.65;cursor:not-allowed;border-style:dashed}.clientList .client.disabled:hover{border-color:rgba(var(--color-border-rgb),.2)}.clientList .selected{background-color:var(--color-button);color:var(--color-bg)}.clientListHint{color:var(--color-text-secondary);background-color:rgba(var(--color-bg-rgb),.9);pointer-events:none;padding:.15rem .4rem;font-size:12px;position:absolute;bottom:-.6rem;right:.75rem}.clientStatus{color:var(--color-text-secondary);font-size:13px}
.totalProjects{font-size:14px}
.worksPage{flex-direction:column;justify-content:center;align-items:center;margin-bottom:4rem;padding:1rem;display:flex}.worksPage .worksContent{width:100%;max-width:1400px}.worksPage .worksContent .titleContainer{align-items:flex-start}.worksPage .worksContent .titleContainer .subTitle{font-size:clamp(32px,4vw,36px)}