.use-cases-grid-wrapper{display:grid;grid-template-columns:1fr;gap:var(--spacing-xl);width:100%}@media(min-width:640px){.use-cases-grid-wrapper{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.use-cases-grid-wrapper{grid-template-columns:repeat(3,1fr)}}.case-study-card{background:var(--surface-container-lowest);border:1px solid var(--outline-variant);border-radius:var(--border-radius-lg);padding:0;text-align:left;transition:all var(--transition-base);display:flex;flex-direction:column;position:relative;overflow:hidden;box-shadow:var(--shadow-sm)}.case-study-image-wrapper{width:100%;aspect-ratio:3 / 2;overflow:hidden;position:relative;border-bottom:1px solid var(--outline-variant);background-color:#131318}.case-study-image-wrapper img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.case-study-card:hover .case-study-image-wrapper img{transform:scale(1.05)}.case-study-content{padding:var(--spacing-xl);display:flex;flex-direction:column;align-items:flex-start;flex-grow:1;width:100%;box-sizing:border-box}.case-study-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,var(--primary),var(--secondary));opacity:0;transition:opacity var(--transition-base)}.case-study-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--outline)}.case-study-card:hover:before{opacity:1}.card-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;background:rgba(var(--primary-rgb),.1);color:var(--secondary);border-radius:200px;border:1px solid rgba(var(--primary-rgb),.2);font-size:12px;font-weight:600;margin-bottom:var(--spacing-md);text-transform:uppercase;letter-spacing:.5px}.card-badge i{font-size:18px}.case-study-card .card-badge{position:absolute;top:var(--spacing-md);left:var(--spacing-md);z-index:2;margin-bottom:0;background:#131318bf;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);color:#fff;box-shadow:0 4px 12px #0003}.case-study-card h3{font-size:var(--font-size-lg);font-weight:700;color:var(--on-surface);margin-bottom:var(--spacing-sm);line-height:1.3}.case-study-card p{font-size:var(--font-size-base);color:var(--on-surface-variant);line-height:1.6;margin-bottom:var(--spacing-lg);flex-grow:1}.read-more-link{font-size:var(--font-size-sm);font-weight:600;color:var(--primary);text-transform:uppercase;letter-spacing:1px;display:inline-flex;align-items:center;text-decoration:none;gap:8px;transition:gap var(--transition-base)}.read-more-link:hover{gap:12px}
