.work-navbar{width:100%;padding:20px 30px 0;display:flex;flex-direction:column;z-index:100;position:relative;font-family:Lexend Exa,sans-serif;box-sizing:border-box}.work-nav-top{display:flex;justify-content:space-between;align-items:center;width:100%}.navbar-brand{color:#666;font-size:14px;letter-spacing:.25em;font-weight:700;text-transform:uppercase;transition:color .3s ease;cursor:pointer}.navbar-brand:hover{color:#fff}.navbar-nav{display:flex;gap:16px}.nav-link{display:flex;align-items:center;color:#666;text-decoration:none;font-size:14px;letter-spacing:.15em;font-weight:700;transition:color .3s}.nav-link.active{color:#fff}.nav-bracket{opacity:.3;color:#666;font-size:20px;transition:all .3s;font-weight:300}.nav-link.active .nav-bracket{color:#666;opacity:.3;font-weight:300;transform:none}.nav-text{padding:0 10px}.nav-link.active .nav-text{font-weight:900;color:#fff}.work-nav-mid{display:flex;align-items:center;gap:16px;margin-top:1.5rem;width:100%}.navbar-coordinates{font-size:10px;letter-spacing:.25em;color:#444;white-space:nowrap}.navbar-line{flex:1;border-top:1px dotted rgba(255,255,255,.1)}.navbar-status{font-size:10px;letter-spacing:.25em;color:#444;display:flex;align-items:center;gap:8px;white-space:nowrap}.status-dot{width:4px;height:4px;border-radius:50%;background-color:#10b981;animation:blink 1s ease-in-out infinite}@keyframes blink{0%,to{opacity:.3}50%{opacity:1}}.work-nav-bottom-wrapper{position:relative;width:100%;margin:1.2rem auto 0;padding:0;box-sizing:border-box}.control-accent{position:absolute;width:15px;height:15px;border-color:#fff;z-index:5}.top-left-l{left:0;border-left:1px solid #fff}.top-left-l,.top-right-l{top:0;border-top:1px solid #fff}.top-right-l{right:0;border-right:1px solid #fff}.work-controls{display:flex;justify-content:space-between;align-items:center;padding:0 0 10px;font-size:11px;letter-spacing:.15em;gap:2rem}.control-label{color:#444;margin-right:.8rem}.control-value{color:#fff;font-weight:700}.control-line{flex:1;height:1px;border-top:1px dotted rgba(255,255,255,.15)}.view-toggle{background:none;border:none;color:#444;font-size:11px;font-weight:400;cursor:pointer;letter-spacing:.15em;transition:all .3s}.view-toggle.active{color:#fff;font-weight:700}.divider{color:#fff;opacity:.5;margin:0 .3rem}@media (max-width:768px){.work-navbar{padding:20px 20px 0}.work-nav-top{flex-direction:column;gap:20px;text-align:center}.work-nav-bottom-wrapper,.work-nav-mid{margin-top:24px}.control-accent{display:none}}