/* Portfolio page */
.pf-hero{padding:120px 0 40px;background:linear-gradient(135deg,#0a0a0a,#151515)}
.pf-container{max-width:1200px;margin:0 auto;padding:0 24px}
.pf-eyebrow{color:#00d4ff;font-weight:800;letter-spacing:2px;text-transform:uppercase;font-size:.9rem}
.pf-title{font-size:3rem;font-weight:800;margin:10px 0;background:linear-gradient(135deg,#fff,#00d4ff,#ff0080);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.pf-sub{color:#cfcfcf;max-width:900px}
.pf-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:22px;margin-top:24px}
.proj{background:linear-gradient(145deg,#1a1a1a,#0f0f0f);border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:20px;transition:.3s;position:relative;overflow:hidden}
.proj:hover{transform:translateY(-6px);border-color:rgba(0,212,255,.28);box-shadow:0 20px 40px rgba(0,212,255,.12)}
.proj .cat{padding:6px 10px;border-radius:999px;border:1px solid rgba(0,212,255,.35);color:#00d4ff;display:inline-block;font-size:.78rem;font-weight:800;background:linear-gradient(135deg,rgba(0,212,255,.12),rgba(255,0,128,.12))}
.proj h3{color:#fff;margin:10px 0 6px;font-size:1.2rem}
.proj p{color:#cfcfcf}
.proj a{color:#00d4ff;text-decoration:none;font-weight:800}
.proj a:hover{text-decoration:underline}

/* Case study */
.cs-hero{padding:120px 0 40px;background:linear-gradient(135deg,#0a0a0a,#171717)}
.cs-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:22px}
.cs-card{background:linear-gradient(145deg,#1a1a1a,#0f0f0f);border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:20px;color:#cfcfcf}
.cs-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:12px}
.cs-m{background:linear-gradient(145deg,#161616,#0f0f0f);border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:14px;text-align:center}
.cs-m strong{font-size:1.6rem;background:linear-gradient(135deg,#00d4ff,#ff0080);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
@media(max-width:960px){.cs-grid{grid-template-columns:1fr}.pf-title{font-size:2.4rem}}