/* CASES — portfolio grid */
#cases { background: var(--bg); }
.cases-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 1.5rem; }

.case-card { border-radius: 20px; overflow: hidden; border: 1px solid rgba(255,255,255,0.06); transition: all 0.4s; cursor: none; position: relative; }
.case-card:hover { box-shadow: var(--shadow); border-color: rgba(176,96,255,0.3); }

.case-thumb { height: 220px; position: relative; overflow: hidden; display: flex; align-items: center; justify-content: center; }
.case-thumb .case-emoji { font-size: 4rem; position: relative; z-index: 2; filter: drop-shadow(0 0 30px rgba(0,245,255,0.4)); }
.case-thumb::before { content: ''; position: absolute; inset: 0; opacity: 0.9; }
.cc1 .case-thumb::before { background: linear-gradient(135deg, #0f0c29, #302b63, #24243e); }
.cc2 .case-thumb::before { background: linear-gradient(135deg, #0f2027, #203a43, #2c5364); }
.cc3 .case-thumb::before { background: linear-gradient(135deg, #1a0533, #3d0b6e, #6a0dad); }
.cc4 .case-thumb::before { background: linear-gradient(135deg, #0d1117, #1a2332, #0d2137); }

.case-lines { position: absolute; inset: 0; z-index: 1; overflow: hidden; }
.case-lines::before, .case-lines::after { content: ''; position: absolute; background: rgba(255,255,255,0.04); }
.case-lines::before { width: 1px; height: 200%; left: 30%; top: -50%; transform: rotate(20deg); }
.case-lines::after  { width: 1px; height: 200%; left: 60%; top: -50%; transform: rotate(20deg); }

.case-body { padding: 1.75rem; background: var(--bg2); }
.case-kpi { display: flex; gap: 1rem; margin-bottom: 1rem; }
.kpi-chip { padding: 0.25rem 0.75rem; border-radius: 6px; font-size: 0.75rem; font-family: var(--mono); font-weight: 600; }
.kpi-green  { background: rgba(16,185,129,0.1); color: #10b981; border: 1px solid rgba(16,185,129,0.2); }
.kpi-blue   { background: rgba(0,245,255,0.08); color: var(--c); border: 1px solid rgba(0,245,255,0.15); }
.kpi-purple { background: rgba(176,96,255,0.1); color: var(--p); border: 1px solid rgba(176,96,255,0.2); }

.case-body h3 { font-size: 1.1rem; margin-bottom: 0.5rem; }
.case-body p { color: var(--muted); font-size: 0.875rem; line-height: 1.6; }