.case-study-card{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg, 12px);overflow:hidden;transition:all .3s ease;cursor:pointer;box-shadow:var(--shadow-md)}.case-study-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-xl);border-color:var(--color-accent-blue-1)}.case-study-card__thumbnail{width:100%;aspect-ratio:16 / 9;overflow:hidden;background:var(--color-bg-tertiary)}.case-study-card__thumbnail img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.case-study-card:hover .case-study-card__thumbnail img{transform:scale(1.05)}.case-study-card__content{padding:var(--spacing-lg, 24px)}.case-study-card__category{display:inline-block;padding:4px 12px;font-size:var(--font-size-xs, 12px);font-weight:600;text-transform:uppercase;letter-spacing:.05em;border-radius:var(--radius-sm, 6px);background:var(--color-accent-blue-1);color:#fff;margin-bottom:var(--spacing-sm, 12px)}.case-study-card__title{font-size:var(--font-size-xl, 24px);font-weight:700;line-height:1.3;color:var(--color-text-primary);margin-bottom:var(--spacing-sm, 12px)}.case-study-card__client{margin-bottom:var(--spacing-md, 16px)}.case-study-card__client-name{font-size:var(--font-size-md, 16px);font-weight:600;color:var(--color-text-primary);margin-bottom:4px}.case-study-card__industry{font-size:var(--font-size-sm, 14px);color:var(--color-text-secondary)}.case-study-card__excerpt{font-size:var(--font-size-md, 16px);line-height:1.6;color:var(--color-text-secondary);margin-bottom:var(--spacing-md, 16px)}.case-study-card__results{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-sm, 12px);margin-bottom:var(--spacing-md, 16px);padding:var(--spacing-md, 16px);background:var(--color-bg-tertiary);border-radius:var(--radius-md, 8px)}.case-study-card__result{display:flex;flex-direction:column}.case-study-card__metric{font-size:var(--font-size-2xl, 32px);font-weight:700;color:var(--color-accent-blue-1);line-height:1;margin-bottom:4px}.case-study-card__result-desc{font-size:var(--font-size-sm, 14px);color:var(--color-text-secondary);line-height:1.4}.case-study-card__link{display:inline-flex;align-items:center;gap:8px;font-size:var(--font-size-md, 16px);font-weight:600;color:var(--color-accent-blue-1);text-decoration:none;transition:all .2s ease}.case-study-card__link:hover{gap:12px}.case-study-card__arrow{transition:transform .2s ease}.case-study-card__link:hover .case-study-card__arrow{transform:translate(4px)}@media (max-width: 768px){.case-study-card__results{grid-template-columns:1fr}.case-study-card__title{font-size:var(--font-size-lg, 20px)}}.case-studies-page{min-height:100vh}.case-studies-hero{padding:calc(var(--header-height, 80px) + 80px) 0 60px;background:var(--color-bg-primary)}.case-studies-hero__content{max-width:800px;margin:0 auto;text-align:center}.case-studies-hero__title{font-size:var(--font-size-4xl, 48px);font-weight:700;line-height:1.1;color:var(--color-text-primary);margin-bottom:var(--spacing-lg, 24px)}.case-studies-hero__lead{font-size:var(--font-size-xl, 24px);line-height:1.5;color:var(--color-text-secondary)}.case-studies-filter{padding:40px 0;background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border)}.filter-bar{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.filter-btn{padding:10px 20px;font-size:var(--font-size-sm, 14px);font-weight:600;color:var(--color-text-secondary);background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-md, 8px);cursor:pointer;transition:all .2s ease}.filter-btn:hover{color:var(--color-text-primary);border-color:var(--color-accent-blue-1)}.filter-btn--active{color:#fff;background:var(--color-accent-blue-1);border-color:var(--color-accent-blue-1)}.case-studies-grid-section{padding:80px 0}.case-studies-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:var(--spacing-xl, 32px)}@media (max-width: 768px){.case-studies-hero__title{font-size:var(--font-size-3xl, 36px)}.case-studies-hero__lead{font-size:var(--font-size-lg, 18px)}.filter-bar{justify-content:flex-start}.case-studies-grid{grid-template-columns:1fr}}
