.page-hero{padding:calc(var(--header-h) + 48px) 0 40px;background:radial-gradient(ellipse 70% 50% at 50% 0,var(--turquoise-glow),transparent);text-align:center}.breadcrumb{font-size:.9rem;color:var(--text-muted);margin-bottom:16px}.breadcrumb a{color:var(--text-muted)}.breadcrumb a:hover{color:var(--turquoise)}.breadcrumb-sep{margin:0 8px;opacity:.5}.page-title{font-size:clamp(1.8rem, 5vw, 2.4rem);font-weight:800;margin-bottom:12px;background:linear-gradient(135deg,var(--text),var(--turquoise));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.page-desc{color:var(--text-muted);max-width:520px;margin:0 auto;font-size:1.05rem}.portfolio-filters-section{padding:20px 0 0;position:sticky;top:var(--header-h);z-index:50;background:rgba(11,18,32,.92);backdrop-filter:blur(10px);border-bottom:1px solid var(--border)}.portfolio-filters{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;padding-bottom:16px}.filter-btn{font-family:inherit;font-size:.9rem;font-weight:500;padding:8px 18px;border-radius:20px;border:1px solid var(--border);background:var(--card);color:var(--text-muted);cursor:pointer;transition:all var(--transition)}.filter-btn:hover{border-color:var(--turquoise);color:var(--turquoise)}.filter-btn.active{background:linear-gradient(135deg,var(--turquoise),var(--turquoise-dark));color:var(--bg);border-color:transparent;font-weight:600}.portfolio-list-section{padding-top:40px}.portfolio-list-grid{display:grid;grid-template-columns:1fr;gap:28px}.portfolio-list-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;transition:all var(--transition)}.portfolio-list-card:hover{border-color:var(--turquoise);transform:translateY(-6px);box-shadow:0 12px 40px rgba(0,0,0,.45)}.portfolio-list-card.hidden{display:none}.portfolio-list-link{display:block;color:inherit}.portfolio-list-link:hover{color:inherit}.portfolio-list-image{position:relative;aspect-ratio:16/10;overflow:hidden}.portfolio-list-image img{width:100%;height:100%;object-fit:cover;transition:transform .45s}.portfolio-list-card:hover .portfolio-list-image img{transform:scale(1.06)}.portfolio-list-badge{position:absolute;top:14px;right:14px;background:rgba(11,18,32,.85);backdrop-filter:blur(6px);color:var(--gold);font-size:.8rem;font-weight:600;padding:4px 12px;border-radius:20px;border:1px solid rgba(245,158,11,.35)}.portfolio-list-body{padding:22px}.portfolio-list-body h2{font-size:1.2rem;margin-bottom:8px;color:var(--text);transition:color var(--transition)}.portfolio-list-card:hover .portfolio-list-body h2{color:var(--turquoise)}.portfolio-list-body p{color:var(--text-muted);font-size:.95rem;margin-bottom:14px;line-height:1.65}.portfolio-list-meta{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.meta-tag{font-size:.8rem;background:rgba(45,212,191,.1);color:var(--turquoise);border:1px solid rgba(45,212,191,.25);padding:3px 10px;border-radius:12px}.portfolio-list-cta{display:inline-block;font-size:.9rem;font-weight:600;color:var(--gold);transition:color var(--transition)}.portfolio-list-card:hover .portfolio-list-cta{color:var(--gold-light)}.no-results{text-align:center;color:var(--text-muted);padding:40px 0;font-size:1.05rem}.cta-box{text-align:center;padding:20px 0}.cta-box h2{font-size:1.5rem;margin-bottom:8px}.cta-box p{color:var(--text-muted);margin-bottom:20px}.project-loading{padding:calc(var(--header-h) + 80px) 0 80px;text-align:center;color:var(--text-muted)}.project-hero{padding:calc(var(--header-h) + 40px) 0 0}.project-hero-inner{max-width:900px;margin:0 auto}.project-category{display:inline-block;background:var(--gold-glow);color:var(--gold);font-size:.85rem;font-weight:600;padding:4px 14px;border-radius:20px;margin-bottom:14px}.project-title{font-size:clamp(1.7rem, 4.5vw, 2.3rem);font-weight:800;margin-bottom:14px;line-height:1.35}.project-summary{color:var(--text-muted);font-size:1.1rem;margin-bottom:24px;line-height:1.7}.project-meta-row{display:flex;flex-wrap:wrap;gap:20px 32px;margin-bottom:32px;padding-bottom:28px;border-bottom:1px solid var(--border)}.project-meta-item{display:flex;flex-direction:column;gap:2px}.project-meta-item span{font-size:.8rem;color:var(--text-muted)}.project-meta-item strong{font-size:.95rem;color:var(--text)}.project-cover{border-radius:var(--radius);overflow:hidden;border:1px solid var(--border);box-shadow:var(--shadow);margin-bottom:40px}.project-cover img{width:100%;aspect-ratio:16/9;object-fit:cover}.project-content{max-width:800px;margin:0 auto;padding-bottom:60px}.project-content h3{font-size:1.25rem;color:var(--gold);margin:32px 0 12px}.project-content p{color:var(--text-muted);margin-bottom:14px;line-height:1.75;text-align:justify}.project-content ul{margin:12px 0 20px;padding-right:20px}.project-content ul li{color:var(--text-muted);margin-bottom:8px;position:relative;padding-right:16px}.project-content ul li::before{content:'';position:absolute;right:0;top:10px;width:6px;height:6px;background:var(--turquoise);border-radius:50%}.project-tech{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0 28px}.project-tech span{background:rgba(45,212,191,.1);color:var(--turquoise);border:1px solid rgba(45,212,191,.3);padding:6px 14px;border-radius:20px;font-size:.875rem;font-weight:500}.project-gallery{display:grid;grid-template-columns:1fr;gap:16px;margin:24px 0 32px}.project-gallery img{width:100%;border-radius:var(--radius-sm);border:1px solid var(--border);aspect-ratio:16/10;object-fit:cover}.project-links{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px;padding-top:28px;border-top:1px solid var(--border)}.project-links .btn{min-width:140px}.related-grid{display:grid;grid-template-columns:1fr;gap:20px}.related-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;transition:all var(--transition)}.related-card:hover{border-color:var(--turquoise);transform:translateY(-4px)}.related-card a{display:block;color:inherit}.related-card a:hover{color:inherit}.related-card img{width:100%;aspect-ratio:16/10;object-fit:cover}.related-card-body{padding:16px}.related-card-body h3{font-size:1rem;margin-bottom:4px}.related-card-body p{font-size:.85rem;color:var(--text-muted)}.project-not-found{padding:calc(var(--header-h) + 80px) 0 80px;text-align:center}.project-not-found h1{font-size:1.6rem;margin-bottom:12px}.project-not-found p{color:var(--text-muted);margin-bottom:24px}@media (min-width:640px){.portfolio-list-grid,.project-gallery,.related-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:900px){.portfolio-list-grid{grid-template-columns:repeat(2,1fr);gap:32px}.related-grid{grid-template-columns:repeat(3,1fr)}}