.case-studies{padding:var(--section-padding-y) 0;background-color:var(--bg-secondary)}.case-studies .container{max-width:var(--container-max);margin:0 auto;padding:0 var(--container-padding)}.case-studies .section-header{text-align:center;margin-bottom:var(--spacing-3xl)}.case-studies .section-header h2{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--spacing-md)}.case-studies .section-header p{font-size:var(--font-size-lg);color:var(--text-secondary);max-width:600px;margin:0 auto}.case-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--spacing-xl)}.case-card{background-color:var(--bg-primary);border-radius:var(--radius-xl);padding:var(--spacing-2xl);box-shadow:var(--shadow-md);transition:all var(--transition-base);border:1px solid var(--border-light);animation:.6s ease-out forwards fadeInUp}.case-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.case-logo{width:80px;height:80px;margin-bottom:var(--spacing-lg);display:flex;align-items:center;justify-content:center}.case-logo svg{width:100%;height:100%;border-radius:var(--radius-md)}.case-card h3{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--spacing-sm)}.case-card p{font-size:var(--font-size-sm);color:var(--text-secondary);line-height:var(--line-height-relaxed);margin-bottom:var(--spacing-lg)}.case-metrics{display:flex;align-items:baseline;gap:var(--spacing-sm);padding-top:var(--spacing-md);border-top:1px solid var(--border-light)}.case-metrics span:first-child{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--accent)}.case-metrics span:last-child{font-size:var(--font-size-xs);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em}@media (max-width:768px){.case-studies{padding:var(--section-padding-y-mobile) 0}.case-studies .section-header h2{font-size:var(--font-size-2xl)}.case-grid{grid-template-columns:1fr;gap:var(--spacing-lg)}.case-card{padding:var(--spacing-xl)}}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.case-card:nth-child(2){animation-delay:.1s}.case-card:nth-child(3){animation-delay:.2s}