/* Original customer identities. The dedicated controller owns horizontal motion. */
.clientele{--clientele-gap:clamp(26px,4vw,64px);--clientele-card:clamp(165px,15vw,225px);padding-top:110px;padding-bottom:110px}
.clientele-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:52px}
.clientele-heading h2{font-size:clamp(52px,7.4vw,112px);line-height:.96;letter-spacing:-.065em;margin:24px 0 0}
.clientele-intro{max-width:330px;padding-bottom:5px}
.clientele-intro p{font-size:clamp(15px,1.25vw,19px);line-height:1.65;margin:0 0 26px}
.clientele-carousel{display:grid;gap:26px;min-width:0}
.clientele-lane{min-width:0;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;touch-action:pan-x pan-y;scroll-behavior:auto;scrollbar-width:thin;scrollbar-color:#c7cbbf transparent;padding:8px 0}
.clientele-lane:focus-visible{outline:2px solid var(--blue,#2149f3);outline-offset:4px}
.clientele-track{display:flex;width:max-content;min-width:100%;gap:0}
.clientele-group{display:flex;flex:none;align-items:center;gap:var(--clientele-gap);padding-right:var(--clientele-gap)}
.client-logo{display:flex;flex:none;justify-content:center;align-items:center;width:var(--clientele-card);height:148px;padding:18px;position:relative;border:0;color:inherit;text-decoration:none}
.client-logo-media{display:flex;justify-content:center;align-items:center;width:100%;height:96px}
.client-logo img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}
.client-logo[data-clientele-brand="hunter-boom"] .client-logo-media{height:114px}
.client-logo[data-clientele-brand="chun-qiu-tang-tcm"] .client-logo-media{height:108px}
.clientele-copy{pointer-events:none;user-select:none}
.clientele.is-looping .clientele-lane{scrollbar-width:none}
.clientele.is-looping .clientele-lane::-webkit-scrollbar{display:none}
.clientele-playback{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-top:24px;min-height:44px;padding-right:calc(72px + env(safe-area-inset-right,0px))}
.clientele-playback>span{flex:1;min-width:110px;font-size:10px;color:#74796d}
.clientele-toggle{display:inline-flex;flex-shrink:0;white-space:nowrap;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:8px 12px;background:transparent;border:0;color:var(--ink,#171817);font-size:11px}
.clientele-toggle[hidden]{display:none!important}
.clientele-toggle svg{display:block;flex:none}
.clientele-play-icon{display:none}
.clientele-toggle[aria-pressed="true"] .clientele-play-icon{display:block}
.clientele-toggle[aria-pressed="true"] .clientele-pause-icon{display:none}
.client-logo:focus-visible,.mosaic-project:focus-visible,.clientele-toggle:focus-visible{outline:3px solid #2149f3;outline-offset:5px;z-index:1}
.work-mosaic{overflow:clip;padding-top:95px;padding-bottom:95px;background:#eaece2}
.work-mosaic-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:35px;margin-bottom:45px}
.work-mosaic-heading h2{font-size:clamp(34px,4.4vw,68px);line-height:1.06;letter-spacing:-.05em;margin:20px 0 0}
.work-mosaic-heading>p{font-size:14px;line-height:1.7;max-width:250px;margin:0 0 6px}
.work-mosaic-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:start;gap:24px 20px}
.mosaic-project{display:block;position:relative;min-width:0;color:inherit;text-decoration:none}
.mosaic-project:nth-child(4n+2),.mosaic-project:nth-child(4n+4){margin-top:28px}
.mosaic-visual{display:block;overflow:hidden;aspect-ratio:1.6;background:#d9dcd2;border:5px solid #f3f2ec}
.mosaic-visual img{display:block;width:100%;height:100%;object-fit:contain}
.mosaic-caption{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:45px;padding:10px 1px;font-size:11px;font-weight:700;line-height:1.4}
.mosaic-caption>span:first-child{min-width:0;overflow-wrap:anywhere}
.mosaic-project-arrow{display:flex;flex:none}
.work-mosaic-bottom{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-top:38px;border-top:1px solid #17181725;padding-top:30px}
.work-mosaic-bottom>span{font-size:11px;color:#5e6359}
.studio-tools{padding:34px var(--gutter,4.3vw) 58px}
.studio-tools h2{font-family:var(--body,Manrope,sans-serif);font-size:13px;font-weight:700;letter-spacing:0;margin:0 0 27px;color:#74796d}
.studio-tools-logos{display:flex;align-items:center;flex-wrap:wrap;gap:26px 55px}
.studio-tool{display:flex;align-items:center;justify-content:flex-start;max-width:160px;height:54px}
.studio-tool img{display:block;width:auto;height:auto;max-width:159px;max-height:54px;object-fit:contain}
.page-about [data-clientele]{padding-top:75px;padding-bottom:75px}
.page-about .clientele-heading{margin-bottom:32px}
.page-about .clientele-heading h2{font-size:clamp(44px,5vw,76px)}
.page-about .clientele-carousel{gap:15px}
.page-about .client-logo{height:130px}
@media(max-width:1100px){.clientele-heading h2{font-size:76px}.work-mosaic-grid{gap:20px 15px}.mosaic-visual{border-width:4px}}
@media(max-width:760px){.clientele,.page-about [data-clientele]{--clientele-card:165px;--clientele-gap:28px;padding-top:65px;padding-bottom:65px}.clientele-heading,.work-mosaic-heading{display:block;margin-bottom:32px}.clientele-heading h2,.page-about .clientele-heading h2{font-size:64px;margin-top:20px}.clientele-intro{margin-top:25px;max-width:100%}.clientele-intro p{font-size:14px;margin-bottom:20px}.clientele-carousel,.page-about .clientele-carousel{gap:10px}.client-logo,.page-about .client-logo{height:128px;padding:16px}.client-logo-media{height:85px}.client-logo[data-clientele-brand="hunter-boom"] .client-logo-media{height:100px}.client-logo[data-clientele-brand="chun-qiu-tang-tcm"] .client-logo-media{height:96px}.clientele-playback{margin-top:16px;padding-right:calc(64px + env(safe-area-inset-right,0px));gap:12px 18px;flex-wrap:wrap}.work-mosaic{padding-top:65px;padding-bottom:65px}.work-mosaic-heading h2{font-size:41px}.work-mosaic-heading>p{margin-top:22px;font-size:13px;max-width:100%}.work-mosaic-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.mosaic-project:nth-child(4n+2),.mosaic-project:nth-child(4n+4){margin-top:18px}.mosaic-caption{font-size:10px;min-height:46px;padding:9px 0}.work-mosaic-bottom{margin-top:28px;padding-top:25px;align-items:flex-start;flex-direction:column;gap:20px}.studio-tools{padding-top:25px;padding-bottom:45px}.studio-tools-logos{gap:24px 35px}.studio-tool,.studio-tool img{max-width:135px;max-height:45px}}
@media(max-width:480px){.clientele-heading h2,.page-about .clientele-heading h2{font-size:58px}.work-mosaic-heading h2{font-size:34px}.work-mosaic-grid{gap:12px}.mosaic-visual{border-width:3px}.mosaic-project:nth-child(even){margin-top:18px}.studio-tools-logos{gap:22px 28px}.studio-tool,.studio-tool img{max-width:125px;max-height:40px}}