.client-showcase{position:relative;border-bottom:1px solid rgba(15,23,42,.08);background:linear-gradient(180deg,rgba(7,11,24,.04),rgba(255,255,255,0) 42%),#f8fafc;padding:3.25rem 1.25rem 3.75rem}.client-showcase-inner{width:min(72rem,100%);margin-inline:auto;display:grid;gap:2rem}.client-showcase-header{display:grid;gap:.65rem;max-width:40rem}.client-showcase-eyebrow{display:inline-flex;width:fit-content;align-items:center;padding:.28rem .75rem;border-radius:999px;border:1px solid rgba(99,102,241,.22);background:rgba(255,255,255,.85);color:#4338ca;font-size:.72rem;font-weight:650;letter-spacing:.06em;text-transform:uppercase}.client-showcase-header h2{margin:0;font-size:clamp(1.65rem,2.5vw,2.15rem);font-weight:700;letter-spacing:-.03em;line-height:1.12;color:#0f172a}.client-showcase-header p{margin:0;max-width:36rem;font-size:1rem;line-height:1.6;color:#475569}.client-showcase-list{display:grid;gap:1.25rem;list-style:none;margin:0;padding:0}.client-showcase-list.is-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,18.5rem),1fr))}.client-showcase-list.is-solo{max-width:52rem;margin-inline:auto;width:100%}.client-showcase-card{display:grid;overflow:hidden;border-radius:1.15rem;border:1px solid rgba(148,163,184,.35);background:#fff;text-decoration:none;color:inherit;box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 14px 36px rgba(15,23,42,.08);transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.client-showcase-list.is-solo .client-showcase-card{grid-template-columns:1fr}@media (min-width:768px){.client-showcase-list.is-solo .client-showcase-card{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:stretch}}.client-showcase-card:hover{transform:translateY(-3px);border-color:rgba(99,102,241,.35);box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 22px 44px rgba(15,23,42,.12)}.client-showcase-frame{position:relative;background:linear-gradient(180deg,#0f172a,#1e293b);padding:.55rem .55rem 0}.client-showcase-frame-bar{display:flex;align-items:center;gap:.35rem;padding:0 .15rem .45rem}.client-showcase-frame-bar i{display:block;width:.45rem;height:.45rem;border-radius:999px;background:rgba(248,250,252,.28)}.client-showcase-frame-bar i:first-child{background:#fb7185}.client-showcase-frame-bar i:nth-child(2){background:#fbbf24}.client-showcase-frame-bar i:nth-child(3){background:#34d399}.client-showcase-shot{display:block;aspect-ratio:16/10;width:100%;object-fit:cover;object-position:top center;border-radius:.35rem .35rem 0 0;background:#0b1220}.client-showcase-shot.is-empty{display:grid;place-items:center;color:#94a3b8;font-size:.82rem}.client-showcase-body{display:grid;align-content:center;gap:.65rem;padding:1.15rem 1.25rem 1.35rem}.client-showcase-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.client-showcase-category{padding:.2rem .55rem;border-radius:999px;background:rgba(15,23,42,.06);color:#475569;letter-spacing:.02em}.client-showcase-category,.client-showcase-live{display:inline-flex;font-size:.72rem;font-weight:600}.client-showcase-live{align-items:center;gap:.35rem;color:#059669}.client-showcase-live:before{content:"";width:.4rem;height:.4rem;border-radius:999px;background:#10b981;box-shadow:0 0 0 3px rgba(16,185,129,.2)}.client-showcase-title{margin:0;font-size:clamp(1.15rem,2vw,1.45rem);font-weight:700;letter-spacing:-.02em;line-height:1.2;color:#0f172a}.client-showcase-desc{margin:0;font-size:.92rem;line-height:1.55;color:#64748b}.client-showcase-cta{display:inline-flex;width:fit-content;align-items:center;gap:.35rem;margin-top:.15rem;padding:.55rem .95rem;border-radius:999px;background:linear-gradient(135deg,#0d9488,#0891b2);color:#fff;font-size:.84rem;font-weight:650;box-shadow:0 8px 18px rgba(13,148,136,.28);transition:filter .2s ease}.client-showcase-card:hover .client-showcase-cta{filter:brightness(1.06)}