/* Pangea Printing - Shared Navigation CSS
   Single source of truth. Edit ONLY this file for nav changes.
   Linked from: all pages */

nav{position:fixed;top:0;left:0;right:0;z-index:100;height:56px;display:flex;justify-content:space-between;align-items:center;background:#1a1a1a;border-bottom:1px solid #333;padding:0 0 0 24px}
.nav-logo{display:flex;flex-direction:row;align-items:baseline;gap:8px;text-decoration:none;cursor:pointer;white-space:nowrap}
.nav-logo:hover{opacity:.8}
nav .wm-pangea{font-family:'Jost',sans-serif;font-weight:700;font-size:20px;letter-spacing:.5px;line-height:1;text-transform:lowercase;color:#F5F2ED}
nav .wm-printing{font-family:'EB Garamond',Georgia,serif;font-style:italic;font-weight:400;font-size:10px;letter-spacing:1.5px;text-transform:lowercase;color:rgba(245,242,237,.6)}
.nav-links{display:flex;height:100%;align-items:stretch}
.nav-links a{display:flex;align-items:center;padding:0 22px;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#e0e0e0;text-decoration:none;border-left:1px solid rgba(255,255,255,.1);transition:background .2s,color .2s;height:100%}
.nav-links a:hover{background:#333;color:#fff}
.nav-toggle{display:none;background:0 0;border:none;cursor:pointer;padding:16px;margin-right:8px}
.nav-toggle span{display:block;width:20px;height:2px;background:#fff;margin:4px 0}
.nav-paths{display:flex;height:100%;align-items:stretch}
.nav-path{display:flex!important;align-items:center!important;padding:0 24px!important;font-family:'Space Mono',monospace;font-size:11px!important;font-weight:700;letter-spacing:.12em;text-transform:uppercase;text-decoration:none!important;border-left:1px solid rgba(255,255,255,.15);transition:all .2s;color:#fff!important;height:100%}
.np-biz{background:#1a1a1a!important}
.np-edu{background:#1a1a1a!important}
.np-personal{background:#1a1a1a!important}
.np-biz:hover{background:#2952a3!important}
.np-edu:hover{background:#00897b!important}
.np-personal:hover{background:#e64a19!important}
.nav-back{display:none;background:0 0;border:none;color:#fff;font-family:'Space Mono',monospace;font-size:11px;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;padding:0 20px;height:100%;border-left:1px solid rgba(255,255,255,.15);transition:background .2s}
.nav-back:hover{background:#333}
.nav-back.show{display:flex;align-items:center}

@media(max-width:900px){
nav .wm-pangea{font-size:18px}
nav .wm-printing{font-size:9px}
.nav-toggle{display:block}
.nav-links{display:none}
.nav-links.open{display:flex;flex-direction:column;position:absolute;top:56px;left:0;right:0;background:#1a1a1a;border-bottom:2px solid #333;height:auto}
.nav-links.open a{border-left:none;border-bottom:1px solid rgba(255,255,255,.1);padding:20px 24px;justify-content:flex-start;font-size:13px;letter-spacing:.1em}
.nav-paths{flex-direction:column;width:100%;height:auto}
.nav-path{padding:20px 24px!important;justify-content:flex-start;font-size:13px!important;letter-spacing:.1em;border-left:none!important;border-bottom:1px solid rgba(255,255,255,.1)}
}