.hybrid-design .client-showcase{background:#191a1c;border-block:1px solid #353638;padding:95px 0 80px;overflow:hidden}
.hybrid-design .clients-heading{display:grid;grid-template-columns:1fr 2fr 1fr;gap:30px;align-items:end;margin-bottom:35px}
.hybrid-design .clients-heading h2{font-size:clamp(45px,5vw,72px);line-height:1.02;letter-spacing:-.06em;margin:0}
.hybrid-design .orange-stop{color:#f36b21}
.hybrid-design .clients-heading p{font-size:17px;line-height:1.6;color:#b9b9bd;margin:0;max-width:280px}
.hybrid-design .client-carousel-controls{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #414244;padding-top:20px;gap:20px}
.hybrid-design .client-carousel-count{font-size:14px;color:#c6c6c9;font-variant-numeric:tabular-nums}
.hybrid-design .client-carousel-buttons{display:flex;gap:8px}
.hybrid-design .client-carousel-buttons button{width:44px;height:44px;border:1px solid #626366;background:transparent;color:#fff;font:24px Arial;cursor:pointer;border-radius:50%}
.hybrid-design .client-carousel-buttons button:hover{background:#f36b21;border-color:#f36b21;color:#101112}
.hybrid-design .client-carousel{position:relative;outline:none;touch-action:pan-y}
.hybrid-design .client-roster{--card-width:370px;--side-offset:345px;list-style:none;padding:0;margin:0;height:515px;position:relative}
.hybrid-design .client-roster li{position:absolute;width:var(--card-width);left:50%;top:35px;transform:translateX(-50%) scale(.65);opacity:0;pointer-events:none;transition:transform .48s cubic-bezier(.22,.68,.24,1),opacity .4s;z-index:0}
.hybrid-design .client-roster li[data-slot="center"]{transform:translateX(-50%) scale(1);opacity:1;pointer-events:auto;z-index:3}
.hybrid-design .client-roster li[data-slot="left"]{transform:translateX(calc(-50% - var(--side-offset))) scale(.8);opacity:.67;pointer-events:auto;z-index:2}
.hybrid-design .client-roster li[data-slot="right"]{transform:translateX(calc(-50% + var(--side-offset))) scale(.8);opacity:.67;pointer-events:auto;z-index:2}
.hybrid-design .client-roster li[data-slot="far-left"]{transform:translateX(calc(-50% - 2 * var(--side-offset))) scale(.65)}
.hybrid-design .client-roster li[data-slot="far-right"]{transform:translateX(calc(-50% + 2 * var(--side-offset))) scale(.65)}
.hybrid-design .client-roster li[data-slot="left"]:hover,.hybrid-design .client-roster li[data-slot="right"]:hover{opacity:1}
.hybrid-design .client-card{width:100%;min-height:440px;display:flex;flex-direction:column;padding:0;border:1px solid #e2e2df;background:#f7f7f2;color:#101112;font:inherit;text-align:left;cursor:pointer;border-radius:8px;box-shadow:0 18px 38px #0004;overflow:hidden}
.hybrid-design li[data-slot="center"] .client-card{border-top:4px solid #f36b21;box-shadow:0 24px 55px #0006}
.hybrid-design .client-card-top,.hybrid-design .client-card-footer{display:flex;justify-content:space-between;align-items:center;padding:18px 25px;font-size:11px;letter-spacing:.11em;font-weight:800}
.hybrid-design .client-card-top{border-bottom:1px solid #d6d6d1}
.hybrid-design .client-card-top>span{color:#d65917;font-size:24px;line-height:1}
.hybrid-design .client-card-body{display:block;padding:25px 28px 28px;flex:1}
.hybrid-design .client-work{display:block;font-size:11px;letter-spacing:.12em;font-weight:700;color:#666}
.hybrid-design .client-name{display:flex;align-items:center;min-height:93px;margin:9px 0 18px;font-size:37px;line-height:1.05;letter-spacing:-.055em;font-weight:800;overflow-wrap:break-word;border-bottom:2px solid #101112;padding-bottom:18px}
.hybrid-design .client-platform{display:block;color:#c85315;font-size:11px;font-weight:800;letter-spacing:.14em;margin:18px 0 8px}
.hybrid-design .client-stat{display:flex;justify-content:space-between;gap:15px;font-size:17px;line-height:1.6}
.hybrid-design .client-stat b{font-size:22px;font-weight:800;letter-spacing:-.03em}
.hybrid-design .client-card-footer{border-top:1px solid #d6d6d1;margin-top:auto;color:#555}
.hybrid-design .client-stats-note{text-align:center;color:#999a9e;font-size:12px;margin:15px 0 0;line-height:1.6}
.hybrid-design .client-card:focus-visible,.hybrid-design .client-carousel-buttons button:focus-visible{outline:3px solid #f36b21;outline-offset:4px}
@media(max-width:1000px){.hybrid-design .client-roster{--card-width:330px;--side-offset:290px}.hybrid-design .clients-heading{grid-template-columns:1fr 2fr}.hybrid-design .clients-heading p{grid-column:2}}
@media(max-width:650px){.hybrid-design .client-showcase{padding:65px 0}.hybrid-design .clients-heading{display:block}.hybrid-design .clients-heading h2{margin:20px 0;font-size:48px}.hybrid-design .clients-heading p{max-width:360px}.hybrid-design .client-roster{--card-width:min(76vw,330px);--side-offset:70vw;height:510px}.hybrid-design .client-roster li[data-slot="left"]{transform:translateX(calc(-50% - var(--side-offset))) scale(.78)}.hybrid-design .client-roster li[data-slot="right"]{transform:translateX(calc(-50% + var(--side-offset))) scale(.78)}.hybrid-design .client-card-body{padding:22px}.hybrid-design .client-name{font-size:clamp(27px,7.6vw,36px)}.hybrid-design .client-card-top,.hybrid-design .client-card-footer{padding:16px 20px}.hybrid-design .client-stat{font-size:15px}.hybrid-design .client-stat b{font-size:21px}.hybrid-design .client-carousel-count{font-size:12px;max-width:210px}}
@media(prefers-reduced-motion:reduce){.hybrid-design .client-roster li{transition:none}}