.site-header{background-color:var(--color-background);border:none;position:sticky;top:0;z-index:100;transition:var(--transition-base)}body.nav-open .site-logo{opacity:0;pointer-events:none}body.nav-open .site-header{z-index:1003}body.nav-open .menu-toggle{opacity:1;visibility:visible;z-index:1002}.header-wrapper{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg) var(--spacing-lg);width:100%;min-height:80px}.site-logo{display:flex;flex-direction:column;font-weight:var(--font-weight-bold);font-size:var(--font-size-xl)}.logo-keys{display:flex;align-items:center}.logo-key{height:36px;width:auto}.logo-dot{margin-left:2px}.logo-byline{font-family:'Courier New',Courier,monospace;font-size:11px;font-weight:var(--font-weight-normal);color:var(--color-text-muted);letter-spacing:5px;text-transform:uppercase;margin-top:4px;padding-left:2px}@media (max-width:768px){.logo-key{height:24px}.logo-byline{font-size:8px}}.header-category{flex:1;display:flex;justify-content:center;align-items:center}.category-name{font-size:var(--font-size-2xl);font-weight:var(--font-weight-medium);color:var(--color-text);text-transform:uppercase;letter-spacing:1px}.menu-toggle{background:0 0;border:none;cursor:pointer;padding:var(--spacing-sm);z-index:1002;position:relative}.hamburger{display:flex;flex-direction:column;justify-content:space-between;width:30px;height:24px}.hamburger-line{display:block;width:100%;height:3px;background-color:var(--color-text);border-radius:2px;transition:var(--transition-base)}.menu-toggle:hover .hamburger-line{background-color:var(--color-primary)}.menu-toggle.active .hamburger-line:first-child{transform:translateY(10.5px) rotate(45deg)}.menu-toggle.active .hamburger-line:nth-child(2){opacity:0}.menu-toggle.active .hamburger-line:nth-child(3){transform:translateY(-10.5px) rotate(-45deg)}.nav-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:var(--color-background);z-index:1001;display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:0;visibility:hidden;transform:scale(.95);transition:opacity .3s,visibility .3s,transform .3s}.nav-overlay.active{opacity:1;visibility:visible;transform:scale(1)}.nav-overlay-title{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);color:var(--color-text);text-align:center;margin:0 0 var(--spacing-3xl) 0}.nav-overlay-content{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-2xl);display:grid;grid-template-columns:1fr 1fr;width:100%;height:100%;max-width:1200px;margin:0 auto;padding:var(--spacing-2xl)}.nav-left-image{display:flex;align-items:center;justify-content:center;grid-column:1}.nav-left-image img{max-width:100%;max-height:80vh;object-fit:contain}.nav-overlay-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;justify-content:center;gap:var(--spacing-xl);grid-column:2;padding-left:var(--spacing-3xl)}.nav-overlay-list li{position:relative}.nav-overlay-list>li>a{font-size:var(--font-size-4xl);font-weight:var(--font-weight-light);color:var(--color-text);text-decoration:none;display:block;padding:var(--spacing-md) 0;transition:.3s}.nav-overlay-list>li>a:hover{color:var(--color-primary);transform:translateX(20px)}@media (max-width:768px){.header-wrapper{padding:var(--spacing-md) var(--spacing-md)}.category-name{font-size:var(--font-size-lg)}.nav-overlay-content{grid-template-columns:1fr;padding:var(--spacing-lg)}.nav-left-image{display:none}.nav-overlay-list{grid-column:1;padding-left:0;align-items:flex-start;gap:var(--spacing-lg)}.nav-overlay-list>li>a{font-size:var(--font-size-3xl)}.nav-overlay-list>li>a:hover{transform:translateX(10px)}}