/* Figma 96:18: responsive version of the client panel; scoped to this case. */
.hero .case-client-panel{position:relative;margin:28px 0 30px;border:4px solid #fff;border-radius:20px;color:#24282c;background:#1f1f1f;max-width:628px}
.case-client-logos{display:grid;grid-template-columns:1.1fr 1.3fr 1.2fr 1fr;grid-template-rows:34px 34px;align-items:center;gap:10px 14px;padding:12px 20px 14px}
.case-client-logos img{display:block;width:auto;max-width:100%;height:auto;max-height:34px;object-fit:contain;justify-self:start}
.case-client-logos .logo-zygo{grid-column:3;grid-row:1 / span 2;max-height:72px}
.case-client-logos .logo-one{grid-column:1;grid-row:2}
.case-client-logos .logo-demokrat{grid-column:2;grid-row:2}
.case-client-logos .logo-florencia{grid-column:4;grid-row:2}
.case-client-panel .case-client-copy{margin:0 -1px -1px;background:#fff;border-radius:16px 16px 13px 13px;padding:12px 17px 14px;font:400 16px/1.3 Montserrat,Arial,sans-serif;color:#24282c}
.case-client-copy strong{font-weight:700}
.case-client-count{position:absolute;right:-18px;top:-24px;border-radius:50%;display:grid;place-items:center;width:48px;height:48px;background:#1496df;color:#fff;font:900 15px/1 Artegra,Arial,sans-serif}
.hero h1{font-size:clamp(32px,2.904vw,46px);line-height:1.12}
.case-video-loops{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:22px}
.case-video-loops figure{min-width:0;margin:0}
.production-media video{pointer-events:none;aspect-ratio:16/9;object-fit:contain;background:#1f1f1f}
.case-video-loops .video-frame{border-radius:20px}
@media(max-width:780px){.hero h1{font-size:32px}.case-client-panel .case-client-copy{font-size:14px}.case-client-logos{padding:14px 12px;gap:8px}.case-client-count{right:-10px;width:42px;height:42px;font-size:13px}}
@media(max-width:520px){.hero h1{font-size:28px}.case-client-logos{grid-template-columns:1fr 1.2fr 1fr;grid-template-rows:30px 30px 30px;gap:10px}.case-client-logos .logo-zygo{grid-column:3;grid-row:1 / span 2;max-height:66px}.case-client-logos .logo-goodman{grid-column:1;grid-row:3}.case-client-logos .logo-florencia{grid-column:2;grid-row:3}.case-video-loops{grid-template-columns:1fr}}