.masthead-wrapper{z-index:100;position:sticky;top:0}.masthead{border-bottom:2px solid var(--border);background:var(--card);z-index:2;justify-content:space-between;align-items:center;padding:1rem 2rem;display:flex;position:relative}.masthead-logo{width:36px;height:36px;position:relative}.logo-mark{object-fit:contain}.masthead-theme{text-transform:uppercase;letter-spacing:.1em;color:var(--primary);white-space:nowrap;font-size:.75rem}.masthead-nav{flex:1;justify-content:center;gap:2rem;display:flex}.masthead-toggle{border:1px solid var(--border);width:36px;height:36px;color:var(--foreground);cursor:pointer;background:0 0;justify-content:center;align-items:center;display:none}.masthead-toggle span{background:currentColor;width:16px;height:2px;transition:transform .3s,background .3s;display:block;position:relative}.masthead-toggle span:before,.masthead-toggle span:after{content:"";background:currentColor;width:16px;height:2px;transition:transform .3s,top .3s;position:absolute;left:0}.masthead-toggle span:before{top:-5px}.masthead-toggle span:after{top:5px}.masthead-wrapper.is-open .masthead-toggle span{background:0 0}.masthead-wrapper.is-open .masthead-toggle span:before{top:0;transform:rotate(45deg)}.masthead-wrapper.is-open .masthead-toggle span:after{top:0;transform:rotate(-45deg)}.masthead-nav a{color:var(--foreground);text-transform:uppercase;letter-spacing:.1em;align-items:center;gap:.4rem;padding:.35rem .2rem;font-size:.75rem;font-weight:700;text-decoration:none;display:inline-flex;position:relative}.masthead-nav a:before{content:"";border:1px solid var(--secondary);width:6px;height:6px;transition:border-color .3s,transform .3s;display:inline-block;transform:rotate(45deg)}.masthead-nav a:after{content:"";background:var(--primary);width:0;height:2px;transition:width .3s;position:absolute;bottom:-2px;left:0}.masthead-nav a:not(.active):hover:after{width:100%}.masthead-nav a:not(.active):hover:before{border-color:var(--primary);transform:rotate(90deg)scale(1.1)}.masthead-nav a.active{color:var(--primary)}.masthead-nav a.active:before{border-color:var(--primary);background:var(--primary)}.masthead-nav a.active:after{width:100%}.mobile-nav{display:none}@media (max-width:600px){.masthead{padding:.75rem 1.25rem}.masthead-logo{font-size:1.1rem}.logo-mark{width:30px;height:30px}.masthead-toggle{display:inline-flex}.masthead-theme{letter-spacing:.08em;pointer-events:none;font-size:.65rem;position:absolute;left:50%;transform:translate(-50%)}.desktop-nav{display:none}.mobile-nav{background:var(--card);border-bottom:2px solid var(--border);z-index:1;opacity:0;pointer-events:none;flex-direction:column;gap:0;transition:opacity .25s,transform .25s;display:flex;position:absolute;top:100%;left:0;right:0;transform:translateY(-10px)}.mobile-nav a{border-top:1px solid var(--border);padding:1rem 1.25rem;font-size:.8rem}.mobile-nav a:after{bottom:0}.masthead-wrapper.is-open .mobile-nav{opacity:1;pointer-events:auto;transform:translateY(0)}}