/* ===== PORTFOLIO PAGE ===== */
  .page-hero{
    position:relative;padding:80px 24px 60px;overflow:hidden;
    background:
      radial-gradient(ellipse 1000px 600px at 70% 0%, rgba(109,92,255,0.32), transparent 60%),
      radial-gradient(ellipse 700px 500px at 100% 30%, rgba(0,212,255,0.12), transparent 60%),
      var(--bg-deep);
  }
  .page-hero-swirl{
    position:absolute;top:-160px;left:-100px;width:1100px;height:600px;
    background:conic-gradient(from 160deg at 50% 50%, transparent, rgba(109,92,255,0.45), transparent 30%);
    filter:blur(50px);opacity:0.5;animation:spin 32s linear infinite;pointer-events:none;
  }
  @keyframes spin{to{transform:rotate(360deg);}}
  .page-hero-inner{position:relative;z-index:2;max-width:1200px;margin:0 auto;}
  .page-hero h1{font-size:52px;}
  .page-hero p{margin-top:16px;max-width:560px;color:var(--text-dim);font-size:16px;line-height:1.6;}
  .breadcrumb{
    margin-top:28px;display:inline-flex;gap:8px;align-items:center;font-size:13px;color:var(--text-dim);
    border:1px solid var(--card-border);padding:8px 18px;border-radius:50px;background:var(--card-bg);
  }
  .breadcrumb a{color:var(--text-light);}
  .breadcrumb span{opacity:.5;}
  @media (max-width:600px){.page-hero h1{font-size:36px;}}

  /* Filter tabs */
  .portfolio-filters{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:44px;}
  .pf-tab{
    padding:10px 20px;border-radius:50px;font-size:13px;font-weight:600;cursor:pointer;
    border:1px solid var(--card-border);background:var(--card-bg);color:var(--text-dim);transition:.3s;
    user-select:none;
  }
  .pf-tab:hover{border-color:var(--purple-2);color:var(--text-light);}
  .pf-tab.active{
    background:linear-gradient(90deg,var(--purple-1),var(--pink-acc));color:#fff;border-color:transparent;
  }

  /* Featured case-study cards */
  .case-studies{padding:60px 24px 40px;}
  .case-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px;max-width:1200px;margin:0 auto;}
  .case-card{
    position:relative;border-radius:var(--radius);overflow:hidden;
    background:var(--card-bg);border:1px solid var(--card-border);transition:.4s;
  }
  .case-card:hover{border-color:var(--purple-2);transform:translateY(-6px);box-shadow:0 25px 50px rgba(0,0,0,0.4);}
  .case-img{height:230px;background-size:cover;background-position:center;position:relative;}
  .case-img::after{
    content:'';position:absolute;inset:0;
    background:linear-gradient(180deg, transparent 40%, rgba(10,4,20,0.9));
  }
  .case-cat{
    position:absolute;top:16px;left:16px;z-index:2;
    background:rgba(10,4,20,0.7);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,0.15);
    padding:6px 14px;border-radius:50px;font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;color:var(--purple-2);
  }
  .case-body{padding:26px;}
  .case-body h3{font-size:19px;margin-bottom:8px;}
  .case-body p{color:var(--text-dim);font-size:13.5px;line-height:1.6;margin-bottom:18px;}
  .case-stats{display:flex;gap:22px;flex-wrap:wrap;}
  .case-stat b{
    font-family:var(--font-display);font-size:20px;display:block;
    background:linear-gradient(90deg,var(--purple-2),var(--pink-acc));
    -webkit-background-clip:text;background-clip:text;color:transparent;
  }
  .case-stat span{font-size:11px;color:var(--text-dim);text-transform:uppercase;letter-spacing:.5px;}
  @media (max-width:900px){.case-grid{grid-template-columns:1fr;}}

  /* Compact project chips (non-image) */
  .more-projects{padding:40px 24px 100px;}
  .chip-grid{
    display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:1100px;margin:44px auto 0;
  }
  .chip-card{
    background:var(--card-bg);border:1px solid var(--card-border);border-radius:16px;
    padding:26px;text-align:left;transition:.3s;
  }
  .chip-card:hover{border-color:var(--purple-2);transform:translateY(-4px);}
  .chip-icon{
    width:44px;height:44px;border-radius:12px;margin-bottom:14px;
    background:linear-gradient(135deg,var(--purple-1),var(--pink-acc));
    display:flex;align-items:center;justify-content:center;font-size:19px;
  }
  .chip-card h4{font-size:15px;margin-bottom:6px;}
  .chip-card p{font-size:12.5px;color:var(--text-dim);line-height:1.6;margin-bottom:12px;}
  .chip-result{font-size:12px;color:var(--pink-acc);font-weight:600;}
  @media (max-width:900px){.chip-grid{grid-template-columns:1fr 1fr;}}
  @media (max-width:560px){.chip-grid{grid-template-columns:1fr;}}

  /* Testimonial */
  .testimonial-section{padding:20px 24px 110px;}
  .testimonial-card{
    max-width:760px;margin:0 auto;text-align:center;background:var(--card-bg);
    border:1px solid var(--card-border);border-radius:24px;padding:50px 40px;position:relative;
  }
  .testimonial-quote{font-size:40px;color:var(--purple-2);opacity:.5;font-family:var(--font-display);line-height:1;}
  .testimonial-card p{font-size:17px;line-height:1.7;color:var(--text-light);margin:16px 0 24px;}
  .testimonial-who{display:flex;align-items:center;justify-content:center;gap:12px;}
  .testimonial-avatar{
    width:44px;height:44px;border-radius:50%;
    background:linear-gradient(135deg,var(--purple-1),var(--pink-acc));
    display:flex;align-items:center;justify-content:center;font-weight:700;font-size:15px;color:#fff;
  }
  .testimonial-who b{font-size:14px;display:block;}
  .testimonial-who span{font-size:12px;color:var(--text-dim);}