.case-studies-page{background:var(--bg-color);color:var(--text-primary);min-height:100vh}.cs-container{max-width:1400px;margin:0 auto;padding:0 4vw}.cs-hero{padding:200px 0 80px;text-align:center}.cs-hero-title{font-size:clamp(3.5rem,10vw,7rem);font-weight:800;line-height:1;margin-bottom:1.5rem;letter-spacing:-.04em;color:var(--text-primary)}.cs-text-gradient{background:linear-gradient(135deg,var(--accent-violet-bright) 0%,var(--accent-pink) 50%,var(--accent-ember-soft) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.cs-hero-subtitle{font-size:1.25rem;color:rgba(var(--ink-rgb),.6);max-width:600px;margin:0 auto;line-height:1.6}.cs-filter-section{padding:40px 0;border-bottom:1px solid var(--border-2);position:sticky;top:80px;background:var(--header-bg-scrolled);backdrop-filter:blur(20px);z-index:100}.cs-filter-bar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1.5rem}.cs-filter-pills{display:flex;flex-wrap:wrap;gap:.75rem}.cs-filter-pill{background:transparent;border:1px solid var(--border-3);color:rgba(var(--ink-rgb),.7);padding:.6rem 1.25rem;border-radius:100px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .3s ease;font-family:inherit}.cs-filter-pill:hover{border-color:rgba(var(--ink-rgb),.5);color:var(--text-primary)}.cs-filter-pill.cs-active{background:var(--text-primary);color:var(--bg-color);border-color:var(--text-primary)}.cs-results-count{font-size:.9rem;color:rgba(var(--ink-rgb),.5)}.cs-results-count span{color:var(--text-primary);font-weight:600}.cs-grid-section{padding:60px 0 120px}.cs-card-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;align-items:stretch}.cs-card-link{text-decoration:none;color:inherit;display:flex}.cs-insight-card{background:var(--surface-1);border:1px solid var(--border-2);border-radius:16px;padding:2rem;display:flex;flex-direction:column;min-height:320px;flex-grow:1;width:100%;transition:all .4s cubic-bezier(.4,0,.2,1);cursor:pointer;position:relative;overflow:hidden}.cs-card-logo-bg{position:absolute;bottom:-20px;right:-20px;width:140px;height:140px;opacity:.06;pointer-events:none;z-index:0;transition:opacity .4s ease}.cs-card-logo-bg img{width:100%;height:100%;object-fit:contain;filter:grayscale(1) brightness(2)}:global([data-theme=light]) .cs-card-logo-bg img{filter:grayscale(1) brightness(.45)}.cs-insight-card:hover .cs-card-logo-bg{opacity:.12}.cs-insight-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--accent-violet-bright),var(--accent-pink));opacity:0;transition:opacity .3s ease}.cs-insight-card:hover{background:var(--surface-2);border-color:var(--border-3);transform:translateY(-8px)}.cs-insight-card:hover:before{opacity:1}.cs-card-link.cs-featured{grid-column:span 2}.cs-card-link.cs-featured .cs-insight-card{background:linear-gradient(135deg,rgba(var(--accent-violet-bright-rgb),.15),rgba(var(--accent-pink-rgb),.1),rgba(var(--bg-rgb),.5));border-color:rgba(var(--accent-violet-bright-rgb),.3)}.cs-card-link.cs-featured .cs-insight-card:before{opacity:1}.cs-card-link.cs-featured .cs-card-title{font-size:1.75rem}.cs-card-link.cs-featured .cs-card-logo-bg{width:200px;height:200px;bottom:-30px;right:-30px}.cs-card-category{font-size:.65rem;font-weight:700;letter-spacing:.15em;color:var(--text-tertiary);margin-bottom:.5rem;text-transform:uppercase}.cs-card-segment{font-size:.7rem;font-weight:600;letter-spacing:.1em;color:var(--accent-violet-bright);text-transform:uppercase;margin-bottom:1.25rem}.cs-card-title{font-size:1.35rem;font-weight:700;line-height:1.3;margin-bottom:1rem;color:var(--text-primary);flex-grow:0}.cs-card-description{font-size:.9rem;line-height:1.6;color:rgba(var(--ink-rgb),.55);flex-grow:1;margin-bottom:1.5rem;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.cs-card-location{font-size:.7rem;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.1em}.cs-card-link:hover .cs-insight-card{background:var(--surface-2);border-color:var(--border-3);transform:translateY(-8px)}.cs-card-link:hover .cs-insight-card:before{opacity:1}.cs-card-link:hover .cs-card-logo-bg{opacity:.12}.cs-card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:1rem;border-top:1px solid var(--border-2)}.cs-card-arrow{font-size:1.25rem;color:var(--text-faint);transition:all .3s ease}.cs-card-link:hover .cs-card-arrow{color:var(--accent-violet-bright);transform:translate(4px)}.cs-cta-section{padding:120px 0;border-top:1px solid var(--border-2);background:radial-gradient(circle at 50% 0%,rgba(var(--accent-violet-bright-rgb),.08) 0%,transparent 60%)}.cs-cta-content{text-align:center;max-width:700px;margin:0 auto}.cs-cta-content h2{font-size:3.5rem;font-weight:800;margin-bottom:1rem;letter-spacing:-.03em;color:var(--text-primary)}.cs-cta-content p{font-size:1.25rem;color:rgba(var(--ink-rgb),.6);margin-bottom:2.5rem}@media(max-width:1200px){.cs-card-grid{grid-template-columns:repeat(3,1fr)}.cs-insight-card.cs-featured{grid-column:span 2}}@media(max-width:900px){.cs-card-grid{grid-template-columns:repeat(2,1fr)}.cs-insight-card.cs-featured{grid-column:span 2}}@media(max-width:650px){.cs-hero{padding:160px 0 60px}.cs-hero-title{font-size:3rem}.cs-filter-section{top:70px}.cs-filter-bar{flex-direction:column;align-items:flex-start}.cs-card-grid{grid-template-columns:1fr}.cs-insight-card.cs-featured{grid-column:span 1}.cs-insight-card.cs-featured .cs-card-title{font-size:1.35rem}.cs-cta-content h2{font-size:2.5rem}}