.portfolio-page-hero{padding:120px 0 16px;background:var(--bg);border-bottom:1px solid rgba(255,255,255,.06)}.portfolio-page-back{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--muted);text-decoration:none;margin-bottom:28px;transition:color .2s}.portfolio-page-back:hover{color:var(--accent)}.portfolio-page-back svg{width:14px;height:14px}.portfolio-page-title{font-family:var(--sans);font-size:clamp(28px,4vw,44px);font-weight:700;color:var(--text);line-height:1.2;margin-bottom:16px}.portfolio-page-meta{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:24px}.portfolio-page-cat{font-size:11px;font-weight:600;letter-spacing:.08em;color:var(--accent);border:1px solid var(--accent);padding:3px 10px;border-radius:20px;text-transform:uppercase}.portfolio-page-accomplish{font-size:13px;color:var(--muted)}.portfolio-page-visit{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:500;color:var(--accent);text-decoration:none;border:1px solid var(--accent);padding:6px 16px;border-radius:6px;transition:background .2s,color .2s}.portfolio-page-visit:hover{background:var(--accent);color:#080810}.portfolio-cover-wrap{margin:16px 0 32px}.portfolio-cover-wrap a{display:block}.portfolio-cover-img{width:100%;border-radius:12px;display:block;border:1px solid rgba(255,255,255,.06)}.portfolio-content{max-width:860px;margin:0 auto;padding:0 32px 0}.portfolio-section{background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:28px 32px;margin-bottom:24px}.portfolio-section-title{font-family:var(--sans);font-size:13px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);margin-bottom:8px}.portfolio-section-divider{height:1px;background:rgba(255,255,255,.08);margin-bottom:20px}.portfolio-section-body{font-size:15px;line-height:1.8;color:rgba(255,255,255,.75)}.portfolio-section-body p{margin-bottom:14px}.portfolio-section-body p:last-child{margin-bottom:0}.portfolio-section-body ul{padding-left:20px;margin-bottom:14px}.portfolio-section-body ul li{margin-bottom:8px}.portfolio-section-body a{color:var(--accent);text-decoration:none}.portfolio-section-body a:hover{text-decoration:underline}.portfolio-tech-tags{display:flex;flex-wrap:wrap;gap:8px}.portfolio-tech-tag{font-size:12px;font-weight:500;color:var(--accent);border:1px solid rgba(78,205,196,.35);padding:5px 14px;border-radius:6px;background:rgba(78,205,196,.05)}.portfolio-testimonial{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:40px 36px;text-align:center;max-width:600px;margin:0 auto 24px}.portfolio-testimonial-pfp{width:96px;height:96px;border-radius:50%;object-fit:cover;margin:0 auto 20px;display:block}.portfolio-testimonial-name{font-size:14px;font-weight:600;color:var(--text);margin-bottom:2px}.portfolio-testimonial-role{font-size:12px;color:var(--muted);margin-bottom:16px}.portfolio-testimonial-quote{font-size:14px;line-height:1.8;color:rgba(255,255,255,.7);font-style:italic}.portfolio-testimonial-quote::before{content:'"';color:var(--accent);font-size:24px;line-height:0;vertical-align:-8px;margin-right:4px}.portfolio-testimonial-quote::after{content:'"';color:var(--accent);font-size:24px;line-height:0;vertical-align:-8px;margin-left:4px}.portfolio-cta{background:rgba(78,205,196,.04);border:1px solid rgba(78,205,196,.15);border-radius:16px;padding:48px 40px;text-align:center;margin-bottom:24px}.portfolio-cta h3{font-family:var(--sans);font-size:20px;font-weight:600;color:var(--text);margin-bottom:20px}.portfolio-cta-btn{display:inline-block;background:var(--accent);color:#080810;font-size:14px;font-weight:600;padding:12px 28px;border-radius:8px;text-decoration:none;transition:opacity .2s}.portfolio-cta-btn:hover{opacity:.85;color:#080810;text-decoration:none}.portfolio-footer{border-top:1px solid rgba(255,255,255,.06);padding:32px 24px;text-align:center}.portfolio-footer-text{font-size:13px;color:var(--muted)}.portfolio-footer-text a{color:var(--accent);text-decoration:none}.portfolio-cover-img--crop{object-fit:cover;object-position:center;height:420px}.portfolio-sub-img{width:100%;max-width:500px;display:block;margin:28px auto 0;border-radius:10px;border:1px solid rgba(255,255,255,.08)}.portfolio-sub-caption{font-size:12px;color:var(--muted);text-align:center;margin:10px 0 32px;padding:0 8px}