.cs-hero{text-align:center;padding:160px 24px 60px;position:relative;overflow:hidden}.cs-hero:before{content:"";pointer-events:none;background:0 0;width:600px;height:400px;position:absolute;top:-120px;left:50%;transform:translate(-50%)}.cs-hero h1{margin-bottom:16px;font-size:clamp(2.2rem,4vw,3.5rem);font-weight:700;line-height:1.15}.cs-disclaimer{color:var(--gray-500);text-align:center;margin-top:8px;font-size:.82rem;font-style:italic}.cs-hero .subtitle{font-family:var(--font-serif);color:var(--gray-500);max-width:520px;margin:0 auto;font-size:clamp(1rem,2vw,1.3rem);font-style:italic}.cs-filters{flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:40px;display:flex}.cs-filter-btn{border:1.5px solid var(--gray-200);background:var(--white);color:var(--gray-500);font-size:.82rem;font-weight:500;font-family:var(--font-sans);cursor:pointer;border-radius:999px;padding:8px 18px;transition:all .2s}.cs-filter-btn:hover{border-color:var(--gray-400);color:var(--black)}.cs-filter-btn.active{background:var(--black);color:var(--white);border-color:var(--black)}a.cs-card-link.hidden-card{display:none}.cs-no-results{text-align:center;color:var(--gray-400);grid-column:1/-1;padding:60px 20px;font-size:.95rem}.cs-section{max-width:calc(var(--container) + 220px);margin:0 auto;padding:0 110px 80px}.cs-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;display:grid}.cs-card{border:1px solid var(--gray-200);background:var(--white);border-radius:16px;flex-direction:column;gap:16px;min-width:0;padding:30px 32px 26px;transition:transform .25s,box-shadow .25s,border-color .25s;display:flex;position:relative;overflow:hidden}.cs-card:hover{border-color:var(--gray-400);transform:translateY(-4px);box-shadow:0 16px 40px #0000000f}.cs-card-num{letter-spacing:-.02em;background:linear-gradient(135deg, var(--a1), var(--a2));-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text;width:max-content;font-size:3.2rem;font-weight:800;line-height:1}.cs-card-tags{flex-wrap:wrap;gap:8px;display:flex}.cs-tag{border:1px solid var(--gray-200);background:var(--white);color:var(--gray-500);text-transform:uppercase;letter-spacing:.04em;border-radius:999px;padding:5px 12px;font-size:.72rem;font-weight:500}.cs-card-title{color:var(--black);font-size:1.5rem;font-weight:700;line-height:1.25}.cs-card-summary{color:var(--gray-500);flex:1;font-size:.88rem;line-height:1.65}a.cs-card-link{color:inherit;min-width:0;text-decoration:none;display:flex}a.cs-card-link .cs-card{flex:1;width:100%}.cs-card-meta{border-top:1px solid var(--gray-100);color:var(--gray-400);text-transform:uppercase;letter-spacing:.06em;gap:20px;padding-top:16px;font-size:.76rem;font-weight:500;display:flex}.cs-card-meta span{align-items:center;gap:6px;display:flex}.meta-dot{background:var(--gray-400);border-radius:50%;width:4px;height:4px}.cs-card-link{--a1:#4921fd;--a2:#6b4eff}.cs-card-link:nth-child(4n+2){--a1:#ff671f;--a2:#ff9a5a}.cs-card-link:nth-child(4n+3){--a1:#7c3aed;--a2:#ff671f}.cs-card-link:nth-child(4n+4){--a1:#0ea5e9;--a2:#6b4eff}.cs-card-tags .cs-tag:first-child{background:linear-gradient(135deg, var(--a1), var(--a2));color:#fff;border-color:#0000;font-weight:600}.cs-card-title{transition:color .2s}.cs-card:hover .cs-card-title{color:var(--a1)}.cs-card:after{content:"View case study →";letter-spacing:.01em;color:var(--a1);opacity:.85;margin-top:2px;font-size:.8rem;font-weight:700;transition:transform .2s,opacity .2s}.cs-card:hover:after{opacity:1;transform:translate(5px)}@media (max-width:1100px){.cs-section{padding:0 48px 80px}}@media (max-width:768px){.cs-hero{padding:120px 24px 40px}.cs-section{padding:0 24px 60px}.cs-grid{grid-template-columns:1fr;gap:20px}.cs-card{padding:24px}.cs-card-num{font-size:2.5rem}.cs-card-title{font-size:1.25rem}}
