.clients-section{background:#f6f8f8;border-block:1px solid #e5e9eb;scroll-margin-top:90px}
.clients-section h2{white-space:pre-line}.clients-intro{max-width:395px}.clients-logo-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:#dfe5e7;border:1px solid #dfe5e7;margin-top:48px}
.client-logo-tile{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;min-width:0;min-height:174px;padding:24px 20px 20px;background:#fff;color:var(--navy);border:0;text-align:center;transition:background .2s ease,box-shadow .2s ease;cursor:pointer}
.client-logo-tile:hover{background:#f0fafa;box-shadow:inset 0 -3px #10bfc4}.client-logo-tile:focus-visible{outline:3px solid #087c97;outline-offset:-4px}.client-logo-stage{height:70px;width:100%;display:flex;align-items:center;justify-content:center}.client-logo-file{display:block;object-fit:contain;flex:none;pointer-events:none}.client-logo-name{font-size:14px;font-weight:500;line-height:1.5;max-width:100%;overflow-wrap:anywhere}.client-logo-arrow{position:absolute;inset-inline-end:16px;bottom:17px;font:18px/1 Arial,sans-serif;color:#087c97;opacity:0;transition:opacity .2s}.client-logo-tile:hover .client-logo-arrow,.client-logo-tile:focus-visible .client-logo-arrow{opacity:1}
.clients-closing{font-size:12px;line-height:1.8;color:#667582;margin-top:24px;text-align:center!important;text-align-last:center!important}
.case-production{display:flex;align-items:center;gap:22px;border-block:1px solid #087c9724;padding:18px 0;margin:20px 0 26px}.production-stat{display:flex;align-items:baseline;gap:3px;font-family:Ping,Arial,sans-serif;font-weight:800;font-size:clamp(42px,5vw,64px);line-height:1;letter-spacing:-.04em;color:var(--navy);flex-shrink:0;font-variant-numeric:tabular-nums;min-width:140px;justify-content:center}.production-plus{font-size:.55em;color:#087c97}.production-copy{display:flex;flex-direction:column;gap:7px;min-width:0}.production-type{font-size:17px;font-weight:700}.production-scope{font-size:11px;color:#657184;line-height:1.7}.case-production+.case-headline{margin-top:0}
@media(min-width:1250px){.clients-logo-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.client-logo-tile{min-height:180px;padding-inline:12px}.client-logo-name{font-size:12px}}
@media(max-width:650px){.clients-logo-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:30px}.client-logo-tile{min-height:150px;padding:20px 10px 14px;gap:14px}.client-logo-stage{width:100%;transform:none}.client-logo-name{font-size:11px}.clients-closing{font-size:11px}.case-production{gap:14px;padding-block:16px;margin-block:17px 23px}.production-stat{font-size:48px;min-width:110px}.production-type{font-size:15px}.production-scope{font-size:10px}}
@media(prefers-reduced-motion:reduce){.client-logo-tile,.client-logo-arrow{transition:none}}

.production-samples{gap:18px;margin-block:14px 22px;padding-block:13px}.production-samples .production-stat{font-size:36px;min-width:62px}.production-samples .production-type{font-size:14px}.production-samples .production-scope{font-size:10px}

/* Continuous client logo strip */
.clients-marquee{position:relative;overflow:hidden;direction:ltr;border-block:1px solid #dfe5e7;background:#fff;isolation:isolate}
.clients-track{display:flex;width:max-content;animation:client-logo-scroll 55s linear infinite;will-change:transform}
.clients-set{display:flex;flex-shrink:0}
.clients-marquee .client-logo-tile{width:224px;flex:0 0 224px;min-height:166px;border-inline-end:1px solid #e9edef;border-radius:0;padding:22px 18px;gap:18px}
.clients-marquee .client-logo-name{font-size:12px}
html[dir=rtl] .clients-marquee .client-logo-name{direction:rtl}
.clients-controls{display:flex;justify-content:flex-end;margin:24px 0 14px}
.clients-motion-toggle{display:inline-flex;align-items:center;gap:9px;border:1px solid #d1dce0;border-radius:30px;padding:9px 16px;font:500 12px Ping,Arial,sans-serif;color:#153348;background:transparent;cursor:pointer}
.clients-motion-toggle:hover{background:#eaf3f4}.clients-motion-toggle:focus-visible{outline:3px solid #087c97;outline-offset:3px}.motion-indicator{font:15px/1 Arial,sans-serif}
.clients-marquee:hover .clients-track,.clients-marquee:focus-within .clients-track,.clients-section.motion-paused .clients-track{animation-play-state:paused}
.production-estimate{gap:18px;margin-block:14px 22px;padding-block:13px}.production-estimate .production-stat{font-size:40px;min-width:72px}.production-estimate .production-type{font-size:14px}.production-estimate .production-scope{font-size:10px}
@keyframes client-logo-scroll{to{transform:translateX(-50%)}}
@media(max-width:650px){.clients-marquee .client-logo-tile{width:184px;flex-basis:184px;min-height:150px;padding:20px 10px;gap:15px}.clients-marquee .client-logo-name{font-size:11px}.clients-controls{margin-top:20px}}
@media(prefers-reduced-motion:reduce){.clients-track{animation:none;will-change:auto}.clients-marquee{overflow-x:auto}.clients-set-copy,.clients-controls{display:none}}

.project-scope-note{font-size:13px;line-height:1.9;max-width:76ch;color:#657184;margin:0 0 28px}.motion-indicator svg{display:block}