:root{--nav-primary: #191970;--nav-primary-hover: #13134d;--nav-accent: #ffd700;--nav-accent-hover: #e6c200;--nav-text: #333333;--nav-text-light: #666666;--nav-background: #ffffff;--nav-background-alt: #f9f9f9;--nav-border: #e0e0e0;--nav-shadow: rgba(0, 0, 0, .1);--nav-dropdown-bg: #ffffff;--nav-dropdown-hover: #f0f0f0;--nav-dropdown-border: rgba(0, 0, 0, .05);--nav-transition: .3s ease}@media (prefers-color-scheme: dark){:root{--nav-primary: #a67c00;--nav-primary-hover: #d4af37;--nav-accent: #191970;--nav-accent-hover: #13134d;--nav-text: #e0e0e0;--nav-text-light: #b0b0b0;--nav-background: #121212;--nav-background-alt: #1e1e1e;--nav-border: #333333;--nav-shadow: rgba(0, 0, 0, .3);--nav-dropdown-bg: #2a2a2a;--nav-dropdown-hover: #333333;--nav-dropdown-border: rgba(255, 255, 255, .05);--nav-gold-gradient: linear-gradient( 135deg, #704700 0%, #a67c00 20%, #d4af37 40%, #f9df85 50%, #d4af37 60%, #a67c00 80%, #704700 100% )}}.portfolio-nav{margin-top:80px;padding:1rem 2rem;background-color:var(--nav-background-alt);border-bottom:1px solid var(--nav-border);transition:background-color var(--nav-transition),border-color var(--nav-transition)}.portfolio-nav-container{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:1rem}.portfolio-breadcrumb{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:var(--nav-text-light);transition:color var(--nav-transition);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.portfolio-breadcrumb a{color:var(--nav-primary);transition:color var(--nav-transition)}.portfolio-breadcrumb a:hover{color:var(--nav-accent)}.portfolio-breadcrumb .separator{color:var(--nav-text-light);transition:color var(--nav-transition)}.portfolio-breadcrumb .current{font-weight:600;color:var(--nav-text);transition:color var(--nav-transition)}.portfolio-categories{display:flex;flex-wrap:wrap;gap:1rem;margin-top:.5rem}.portfolio-category{padding:.5rem 1rem;background-color:var(--nav-background);border:1px solid var(--nav-border);border-radius:4px;color:var(--nav-text);transition:all var(--nav-transition);text-decoration:none;font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.portfolio-category:hover{background-color:var(--nav-dropdown-hover);transform:translateY(-2px)}.portfolio-category.active{background-color:var(--nav-primary);color:#fff;border-color:var(--nav-primary)}.portfolio-category.active:hover{background-color:var(--nav-primary-hover)}.back-to-portfolio{display:inline-flex;align-items:center;padding:.5rem 1rem;background-color:var(--nav-primary);color:#fff;border-radius:4px;text-decoration:none;transition:all var(--nav-transition);margin-bottom:1rem;font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.back-to-portfolio:hover{background-color:var(--nav-accent);color:var(--nav-primary);transform:translate(-5px)}.nav-dropdown{position:relative}.nav-dropdown-content{display:none;position:absolute;top:100%;left:0;background-color:var(--nav-dropdown-bg);min-width:200px;box-shadow:0 8px 16px var(--nav-shadow);z-index:1100;border-radius:4px;overflow:hidden;transition:background-color var(--nav-transition),box-shadow var(--nav-transition)}.nav-dropdown:hover .nav-dropdown-content{display:block}.nav-dropdown-content a{color:var(--nav-primary)!important;padding:.75rem 1rem;display:block;border-bottom:1px solid var(--nav-dropdown-border);transition:background-color var(--nav-transition),color var(--nav-transition)}.nav-dropdown-content a:hover{background-color:var(--nav-dropdown-hover);color:var(--nav-accent)!important}.nav-dropdown-content a.active{background-color:var(--nav-dropdown-hover);color:var(--nav-accent)!important;font-weight:600}@media (max-width: 768px){.portfolio-categories{flex-direction:column;gap:.5rem}.portfolio-category{text-align:center}.nav .nav-dropdown-content{position:static;display:none;box-shadow:none;background-color:#ffffff0d;padding-left:.5rem;margin-top:.25rem;border-left:2px solid rgba(255,255,255,.2);transition:background-color var(--nav-transition)}@media (prefers-color-scheme: dark){.nav .nav-dropdown-content{background-color:#0003;border-left:2px solid rgba(166,124,0,.3)}}.nav .nav-dropdown.active .nav-dropdown-content{display:block}.nav .nav-dropdown-content a{border-bottom:none;padding:.35rem 0;font-size:.9rem}.nav .nav-dropdown>a:after{content:"▼";font-size:.6rem;margin-left:.5rem;opacity:.8}.nav .nav-dropdown.active>a:after{content:"▲"}}@media (prefers-color-scheme: dark){.portfolio-category.active{background:var(--nav-gold-gradient);background-size:200% auto;animation:navGoldShimmer 8s linear infinite}.back-to-portfolio{background:var(--nav-gold-gradient);background-size:200% auto;animation:navGoldShimmer 8s linear infinite;position:relative;overflow:hidden}.back-to-portfolio:hover{box-shadow:0 10px 25px #0000004d,0 0 15px #a67c0033}.portfolio-category{border-color:#a67c004d}.portfolio-breadcrumb a:hover{animation:navGoldPulse 2s ease infinite alternate}}.dark-mode .portfolio-nav{background-color:var(--nav-background-alt);border-bottom-color:var(--nav-border)}.dark-mode .portfolio-breadcrumb{color:var(--nav-text-light)}.dark-mode .portfolio-breadcrumb a{color:var(--nav-primary)}.dark-mode .portfolio-breadcrumb a:hover{color:var(--nav-accent)}.dark-mode .portfolio-breadcrumb .separator{color:var(--nav-text-light)}.dark-mode .portfolio-breadcrumb .current{color:var(--nav-text)}.dark-mode .portfolio-category{background-color:var(--nav-background);border-color:var(--nav-border);color:var(--nav-text)}.dark-mode .portfolio-category:hover{background-color:var(--nav-dropdown-hover)}.dark-mode .portfolio-category.active{background-color:var(--nav-primary);color:#fff;border-color:var(--nav-primary)}.dark-mode .portfolio-category.active:hover{background-color:var(--nav-primary-hover)}.dark-mode .back-to-portfolio{background-color:var(--nav-primary);color:#fff}.dark-mode .back-to-portfolio:hover{background-color:var(--nav-accent);color:var(--nav-primary)}.dark-mode .nav-dropdown-content{background-color:var(--nav-dropdown-bg);box-shadow:0 8px 16px var(--nav-shadow)}.dark-mode .nav-dropdown-content a{color:var(--nav-primary)!important;border-bottom-color:var(--nav-dropdown-border)}.dark-mode .nav-dropdown-content a:hover,.dark-mode .nav-dropdown-content a.active{background-color:var(--nav-dropdown-hover);color:var(--nav-accent)!important}.dark-mode .nav .nav-dropdown-content{background-color:#0003;border-left-color:#a67c004d}@keyframes navGoldShimmer{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes navGoldPulse{0%{text-shadow:0 0 5px rgba(249,223,133,.1)}to{text-shadow:0 0 15px rgba(249,223,133,.4)}}