.cases-section{position:relative;background:var(--surface-alt);padding:0}.cases-header{min-height:300px;background:linear-gradient(135deg,var(--bg-gradient-start),var(--bg-gradient-end));color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:60px 24px 80px}.cases-title{font-size:48px;font-weight:700;margin-bottom:20px}.cases-subtitle{font-size:18px;opacity:.9;margin-bottom:30px}.cases-content-area{padding:80px 0;margin-top:-60px;position:relative;z-index:10}.category-title{display:flex;align-items:center;gap:16px;font-size:20px;font-weight:600;margin-bottom:40px;color:var(--text-main)}.category-title:before,.category-title:after{content:"";height:2px;width:40px;background:var(--border-color)}.featured-case{background:#fff;border-radius:var(--radius-lg);overflow:hidden;display:flex;box-shadow:var(--shadow-sm);margin-bottom:60px;transition:all var(--transition-normal)}.featured-case:hover{transform:translateY(-5px);box-shadow:var(--shadow-md)}.featured-img-wrapper{flex:1;overflow:hidden}.featured-img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.featured-case:hover .featured-img{transform:scale(1.05)}.featured-info{flex:1;padding:40px;display:flex;flex-direction:column;justify-content:center}.featured-logo{height:40px;margin-bottom:24px;object-fit:contain;align-self:flex-start}.featured-name{font-size:24px;font-weight:600;margin-bottom:16px}.featured-desc{color:var(--text-muted);font-size:15px;margin-bottom:20px}.cases-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:30px;margin-bottom:80px}.case-card{background:#fff;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);transition:all var(--transition-normal);display:flex;flex-direction:column}.case-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-md)}.case-img-wrapper{height:200px;overflow:hidden}.case-img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.case-card:hover .case-img{transform:scale(1.05)}.case-info{padding:24px;flex:1;display:flex;flex-direction:column}.case-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.case-logo{width:32px;height:32px;object-fit:contain;border-radius:4px}.case-name{font-size:18px;font-weight:600}.case-desc{color:var(--text-muted);font-size:14px;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}@media(max-width:768px){.featured-case{flex-direction:column}}