.portfolio-breadcrumb{padding:0 0 1.25rem}.portfolio-breadcrumb nav{font-family:var(--font-mono);flex-wrap:wrap;align-items:center;gap:.5rem;font-size:.78rem;display:flex}.portfolio-breadcrumb a{color:var(--text-secondary);transition:var(--transition);text-decoration:none}.portfolio-breadcrumb a:hover{color:var(--accent-primary)}.portfolio-breadcrumb span,.portfolio-breadcrumb .crumb-current{color:#0fa;opacity:1}.portfolio-breadcrumb .crumb-pin{color:var(--accent-primary);opacity:1;align-items:center;gap:4px;font-size:.75rem;display:none}@media (max-width:768px){.portfolio-breadcrumb .crumb-current{display:none}.portfolio-breadcrumb .crumb-pin{display:inline-flex}}.portfolio-section{background:var(--bg-primary)}.portfolio-section .portfolio-grid{grid-template-columns:repeat(2,1fr);gap:2rem;margin-bottom:3rem;display:grid}.portfolio-section .portfolio-footer{text-align:center}.portfolio-section .portfolio-card,.portfolio-page .portfolio-card{background:var(--card-bg);border:1px solid var(--border-color);transition:var(--transition);border-radius:16px;flex-direction:column;text-decoration:none;display:flex;overflow:hidden}.portfolio-section .portfolio-card:hover,.portfolio-page .portfolio-card:hover{border-color:var(--accent-primary);transform:translateY(-6px);box-shadow:0 16px 48px #00ff881a}.portfolio-section .portfolio-card-image,.portfolio-page .portfolio-card-image{aspect-ratio:16/9;background:var(--bg-tertiary);position:relative;overflow:hidden}.portfolio-section .portfolio-card-image img,.portfolio-page .portfolio-card-image img{object-fit:cover;object-position:top;width:100%;height:100%;transition:transform .4s}.portfolio-section .portfolio-card:hover .portfolio-card-image img,.portfolio-page .portfolio-card:hover .portfolio-card-image img{transform:scale(1.04)}.portfolio-section .portfolio-card-placeholder,.portfolio-page .portfolio-card-placeholder{background:linear-gradient(135deg, var(--bg-secondary) 0%, var(--bg-tertiary) 100%);flex-direction:column;justify-content:center;align-items:center;gap:.75rem;width:100%;height:100%;display:flex}.portfolio-section .portfolio-card-placeholder-icon,.portfolio-page .portfolio-card-placeholder-icon{filter:grayscale(.2);font-size:3rem;line-height:1}.portfolio-section .portfolio-card-placeholder-label,.portfolio-page .portfolio-card-placeholder-label{font-family:var(--font-mono);color:var(--text-secondary);opacity:.6;text-transform:uppercase;letter-spacing:.1em;font-size:.8rem}.portfolio-section .portfolio-card-badges,.portfolio-page .portfolio-card-badges{flex-wrap:wrap;gap:.5rem;display:flex;position:absolute;top:1rem;left:1rem}.portfolio-section .portfolio-card-body,.portfolio-page .portfolio-card-body{flex-direction:column;flex:1;padding:1.5rem;display:flex}.portfolio-section .portfolio-card-meta,.portfolio-page .portfolio-card-meta{align-items:center;gap:.75rem;margin-bottom:.75rem;display:flex}.portfolio-section .portfolio-card-year,.portfolio-page .portfolio-card-year{font-family:var(--font-mono);color:var(--accent-primary);font-size:.8rem;font-weight:700}.portfolio-section .portfolio-card-agency,.portfolio-page .portfolio-card-agency{color:var(--text-secondary);opacity:.7;font-size:.8rem}.portfolio-section .portfolio-card-title,.portfolio-page .portfolio-card-title{font-family:var(--font-display);color:var(--text-primary);margin-bottom:.75rem;font-size:1.1rem;font-weight:700;line-height:1.3}.portfolio-section .portfolio-card-summary,.portfolio-page .portfolio-card-summary{color:var(--text-secondary);flex:1;margin-bottom:1.25rem;font-size:.9rem;line-height:1.7}.portfolio-section .portfolio-card-tags,.portfolio-page .portfolio-card-tags{flex-wrap:wrap;gap:.4rem;margin-bottom:1.25rem;display:flex}.portfolio-section .portfolio-card-footer,.portfolio-page .portfolio-card-footer{border-top:1px solid var(--border-color);justify-content:space-between;align-items:center;padding-top:1rem;display:flex}.portfolio-section .portfolio-card-cta,.portfolio-page .portfolio-card-cta{font-family:var(--font-mono);color:var(--accent-primary);transition:var(--transition);font-size:.85rem;font-weight:600}.portfolio-section .portfolio-card:hover .portfolio-card-cta,.portfolio-page .portfolio-card:hover .portfolio-card-cta{letter-spacing:.02em}.portfolio-section .portfolio-card-live,.portfolio-page .portfolio-card-live{color:var(--text-secondary);font-size:.8rem}.portfolio-section .portfolio-badge,.portfolio-page .portfolio-badge,.project-page .portfolio-badge{font-family:var(--font-mono);border-radius:20px;align-items:center;gap:4px;padding:4px 10px;font-size:.75rem;font-weight:600;display:inline-flex}.portfolio-section .portfolio-badge--category,.portfolio-page .portfolio-badge--category,.project-page .portfolio-badge--category{color:var(--accent-primary);background:#000000db;border:1px solid #00ff884d}.portfolio-section .portfolio-badge--ongoing,.portfolio-page .portfolio-badge--ongoing,.project-page .portfolio-badge--ongoing{color:var(--accent-secondary);background:#003f4cd1;border:1px solid #00d4ff4d}.portfolio-section .portfolio-tag,.portfolio-page .portfolio-tag,.project-page .portfolio-tag{font-family:var(--font-mono);color:var(--text-secondary);background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:4px;padding:2px 8px;font-size:.75rem}.portfolio-section .portfolio-tag--more,.portfolio-page .portfolio-tag--more,.project-page .portfolio-tag--more{color:var(--accent-primary);border-color:#00ff884d}.portfolio-page .portfolio-page-hero{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);padding:60px 0}.portfolio-page .portfolio-page-title{font-family:var(--font-display);color:var(--text-primary);margin:1rem 0 1.5rem;font-size:clamp(2rem,5vw,3.5rem);font-weight:800;line-height:1.1}.portfolio-page .portfolio-page-title .highlight{background:var(--accent-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.portfolio-page .portfolio-page-subtitle{color:var(--text-secondary);max-width:600px;font-size:1.1rem;line-height:1.8}.portfolio-page .portfolio-page-projects{background:var(--bg-primary);padding:80px 0}.portfolio-page .portfolio-page-grid{grid-template-columns:repeat(2,1fr);gap:2rem;display:grid}.portfolio-page .portfolio-page-cta{background:var(--bg-secondary);border-top:1px solid var(--border-color);text-align:center;padding:80px 0}.portfolio-page .portfolio-page-cta h2{font-family:var(--font-display);color:var(--text-primary);margin-bottom:1rem;font-size:2rem;font-weight:700}.portfolio-page .portfolio-page-cta p{color:var(--text-secondary);margin-bottom:2rem;font-size:1.1rem}.project-page .project-hero{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);padding:60px 0 80px}.project-page .project-back{font-family:var(--font-mono);color:var(--text-secondary);transition:var(--transition);margin-bottom:2rem;font-size:.85rem;text-decoration:none;display:inline-block}.project-page .project-back:hover{color:var(--accent-primary)}.project-page .project-hero-meta{flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.project-page .project-year{font-family:var(--font-mono);color:var(--text-secondary);font-size:.85rem}.project-page .project-title{font-family:var(--font-display);color:var(--text-primary);margin-bottom:1.25rem;font-size:clamp(1.5rem,4vw,3rem);font-weight:800;line-height:1.15}.project-page .project-summary{color:var(--text-secondary);max-width:720px;margin-bottom:2rem;font-size:1.15rem;line-height:1.8}.project-page .project-info-row{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;flex-wrap:wrap;gap:2.5rem;margin-bottom:1.5rem;padding:1.5rem;display:flex}.project-page .project-info-item{flex-direction:column;gap:.25rem;display:flex}.project-page .project-info-label{font-family:var(--font-mono);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.08em;opacity:.7;font-size:.75rem}.project-page .project-info-value{color:var(--text-primary);font-size:.95rem;font-weight:600}.project-page .project-tags{flex-wrap:wrap;gap:.5rem;margin-bottom:2rem;display:flex}.project-page .project-links{flex-wrap:wrap;gap:1rem;display:flex}.project-page .project-image-section{background:var(--bg-primary);padding:3rem 0}.project-page .project-image{border:1px solid var(--border-color);border-radius:16px;width:100%;display:block}.project-page .project-content{background:var(--bg-primary);padding:80px 0}.project-page .project-content-grid{grid-template-columns:1fr 340px;align-items:start;gap:4rem;display:grid}.project-page .project-block{margin-bottom:3rem}.project-page .project-block:last-child{margin-bottom:0}.project-page .project-block-title{font-family:var(--font-display);background:var(--accent-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:1rem;font-size:1.25rem;font-weight:800}.project-page .project-block p{color:var(--text-secondary);font-size:1rem;line-height:1.9}.project-page .project-block--result{background:var(--card-bg);border:1px solid var(--border-color);border-left:3px solid var(--accent-primary);border-radius:12px;padding:2rem}.project-page .project-sidebar{top:calc(var(--nav-height) + 2rem);position:sticky}.project-page .project-sidebar-block{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;margin-bottom:1.5rem;padding:1.5rem}.project-page .project-sidebar-title{font-family:var(--font-display);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.08em;margin-bottom:1rem;font-size:.9rem;font-weight:700}.project-page .project-did-list{flex-direction:column;gap:.75rem;list-style:none;display:flex}.project-page .project-did-list li{color:var(--text-secondary);padding-left:1.25rem;font-size:.9rem;line-height:1.6;position:relative}.project-page .project-did-list li:before{content:"▹";color:var(--accent-primary);font-size:.85rem;position:absolute;left:0}.project-page .project-tags--sidebar{margin-bottom:0}.project-page .project-cta{background:var(--bg-secondary);border-top:1px solid var(--border-color);text-align:center;padding:80px 0}.project-page .project-cta h2{font-family:var(--font-display);color:var(--text-primary);margin-bottom:1rem;font-size:2rem;font-weight:700}.project-page .project-cta p{color:var(--text-secondary);margin-bottom:2rem;font-size:1.1rem}.project-page .project-cta-buttons{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}@media (max-width:900px){.portfolio-section .portfolio-grid,.portfolio-page .portfolio-page-grid{grid-template-columns:1fr}.project-page .project-content-grid{grid-template-columns:1fr;gap:2rem}.project-page .project-sidebar{position:static}}@media (max-width:768px){.portfolio-page .portfolio-page-hero{padding:40px 0 30px}.project-page .project-info-row{gap:1.5rem}.project-page .project-links{flex-direction:column}.project-page .project-cta-buttons{flex-direction:column;align-items:center}}