:root{--navy: #0E1F3E;--white: #FFFFFF;--teal: #0BA8D3;--font-sans: "Inter", sans-serif;--font-mono: "IBM Plex Mono", monospace;--transition-smooth: all .3s cubic-bezier(.16, 1, .3, 1)}.case-showcase-container{display:flex;flex-direction:column;gap:40px;margin-top:24px}.case-showcase-row{display:grid;grid-template-columns:.9fr 1.1fr;background:var(--white);border:1px solid rgba(14,31,62,.08);border-radius:24px;overflow:hidden;box-shadow:0 10px 30px #0e1f3e05;transition:var(--transition-smooth);opacity:0;transform:translate3d(0,30px,0);will-change:transform,opacity}.case-showcase-row.vis{opacity:1;transform:translateZ(0);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1)}.case-showcase-row:hover{transform:translateY(-4px);border-color:var(--teal);box-shadow:0 20px 50px #0e1f3e0f}.case-showcase-img-wrap{position:relative;width:100%;height:100%;min-height:320px;overflow:hidden}.case-showcase-img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s cubic-bezier(.16,1,.3,1)}.case-showcase-row:hover .case-showcase-img{transform:scale(1.03)}.case-showcase-content{padding:48px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.case-tag{font-family:var(--font-mono);font-size:11px;font-weight:600;color:var(--teal);letter-spacing:.1em;text-transform:uppercase;margin-bottom:12px;display:block}.case-title{font-family:var(--font-sans);font-size:clamp(20px,2.5vw,26px);font-weight:800;color:var(--navy);letter-spacing:-.02em;margin-bottom:12px;line-height:1.25}.case-desc{font-size:14.5px;line-height:1.65;color:#0e1f3eb3;margin-bottom:28px}.case-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;width:100%;padding-top:24px;border-top:1px solid rgba(14,31,62,.08);margin-bottom:28px}.stat-box{display:flex;flex-direction:column;gap:4px}.stat-val{font-family:var(--font-sans);font-size:clamp(20px,2.2vw,28px);font-weight:800;color:var(--navy);letter-spacing:-.03em;line-height:1}.stat-lbl{font-family:var(--font-mono);font-size:9.5px;font-weight:600;color:#0e1f3e80;text-transform:uppercase;letter-spacing:.05em;line-height:1.2}.case-link{font-family:var(--font-sans);font-size:13.5px;font-weight:700;color:var(--teal);text-decoration:none;display:inline-flex;align-items:center;gap:4px;transition:opacity .2s}.case-link:hover{opacity:.85}@media (max-width: 1024px){.case-showcase-row{grid-template-columns:1fr}.case-showcase-img-wrap{height:240px;min-height:auto}.case-showcase-content{padding:32px}.case-stats-grid{grid-template-columns:repeat(2,1fr);gap:16px}}