.clients{background:var(--paper);color:var(--ink);padding:65px 0 30px;overflow:hidden;border-top:1px solid var(--bone)}
.clients h2{font:500 clamp(26px,2.4vw,34px)/1.18 Barlow,Arial,sans-serif;letter-spacing:-.02em;max-width:500px;margin:0 auto 50px;color:var(--ink)}
.clients h2 em{font-family:'Playfair Display',Georgia,serif;font-style:italic;font-weight:400;color:var(--ruby);font-size:1.05em}
.logo-window{overflow:hidden;width:100%}.logo-track{display:flex;width:max-content;transform:translateX(0);will-change:transform}.logo-group{display:flex;flex-shrink:0}.logo-item{width:168px;height:100px;padding:0 26px;display:flex;align-items:center;justify-content:center}.logo-item img{width:116px;height:100px;object-fit:contain;filter:grayscale(1) brightness(0);opacity:.7}.logo-controls{display:flex;justify-content:flex-end;margin-top:18px}.logo-pause{border:0;border-bottom:1px solid var(--bone);padding:4px 0;background:none;color:#6e6056;font:16px 'Barlow Condensed',Arial,sans-serif}
.work{background:var(--dark);color:var(--paper);padding-left:0!important;padding-right:0!important;overflow:hidden}.work .section-heading{gap:70px}.work .text-link{flex-shrink:0}.work-intro{font-size:18px;line-height:1.5;max-width:620px;margin:24px 0 0;color:var(--bone)}
.case-gallery{display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:0 6% 28px;scroll-padding-inline:6%;margin-top:42px}.case-gallery::-webkit-scrollbar{display:none}.project{flex:0 0 clamp(245px,26vw,360px);scroll-snap-align:start;min-width:0}.project a{display:block}.project-image{height:auto;aspect-ratio:3/4;overflow:hidden;background:#551a30;margin-bottom:20px}.project-image img{width:100%;height:100%;object-fit:cover;filter:grayscale(1);transition:transform .35s ease;opacity:.9}.project a:hover img{transform:scale(1.025)}.project h3{font:600 clamp(25px,2vw,31px)/1.05 'Barlow Condensed',Arial,sans-serif}.project-client{font:500 15px/1.35 'Barlow Condensed',Arial,sans-serif;margin:15px 0;color:var(--bone)}.project-copy{font-size:16px;line-height:1.5;color:var(--bone);margin:0 0 20px}.project-result{font:600 22px/1.15 'Barlow Condensed',Arial,sans-serif;margin:0 0 23px;color:var(--blush)}.project-link{font:500 18px 'Barlow Condensed',Arial,sans-serif;border-bottom:1px solid #f4f1ec66;padding-bottom:5px;display:inline-flex;gap:24px}.gallery-controls{display:flex;justify-content:space-between;align-items:center;margin-top:12px;font:18px 'Barlow Condensed',Arial,sans-serif}.gallery-controls>div{display:flex;gap:10px}.gallery-controls button{width:45px;height:45px;border:1px solid #f4f1ec66;background:none;color:var(--paper);font-size:25px}.gallery-controls button:hover{background:#551a30}
@media(min-width:1600px){.case-gallery{padding-left:4%;padding-right:4%;scroll-padding-inline:4%}.project{flex-basis:22vw;max-width:390px}}
@media(max-width:680px){.clients{padding:45px 0 22px}.clients h2{font-size:27px;max-width:360px;margin-bottom:30px}.logo-item{width:144px;height:90px;padding:0 22px}.logo-item img{width:100px;height:90px}.logo-controls{margin-top:8px}.work .section-heading{gap:25px}.work-intro{font-size:17px}.case-gallery{gap:18px;margin-top:30px}.project{flex-basis:76vw}.project h3{font-size:28px}.project-image{aspect-ratio:4/5}.gallery-controls{margin-top:0}.project a:hover img{transform:none}}
@media(prefers-reduced-motion:reduce){.logo-track{will-change:auto}.project-image img{transition:none}}