.logo-container{display:contents}.header-container{width:100%;display:flex;align-items:center;justify-content:space-between;padding:10px 40px;background:var(--bg-secondary);position:fixed;top:0;left:0;z-index:1000;box-sizing:border-box;transition:transform .35s ease,padding .25s ease}.header-container.hide{transform:translateY(-100%)}.logo{height:90px;transition:height .25s ease;display:block}nav ul{list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:30px}nav ul li a{color:rgba(255,255,255,.75);text-decoration:none;font-size:.95rem;letter-spacing:.04em;transition:color .2s}nav ul li a:hover{color:#fff}.header-actions{display:flex;align-items:center;gap:1rem}.hamburger-menu{display:none;cursor:pointer;padding:6px;border-radius:8px;transition:background .2s}.hamburger-menu:hover{background:rgba(255,255,255,8%)}.hamburger-menu img{width:28px;display:block;filter:brightness(0)invert(1)}.drawer-overlay{position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:1100;opacity:0;pointer-events:none;transition:opacity .3s ease}.drawer-overlay.open{opacity:1;pointer-events:all}.drawer{position:fixed;top:0;right:0;width:260px;height:100%;background:var(--bg-secondary);z-index:1200;display:flex;flex-direction:column;padding:1.5rem;box-sizing:border-box;transform:translateX(100%);transition:transform .3s ease;box-shadow:-4px 0 32px rgba(0,0,0,.5);border-left:1px solid rgba(255,255,255,7%)}.drawer.open{transform:translateX(0)}.drawer-close{align-self:flex-end;background:0 0;border:1px solid rgba(255,255,255,.12);border-radius:6px;color:rgba(255,255,255,.6);font-size:1rem;cursor:pointer;padding:4px 10px;margin-bottom:2rem;transition:all .2s;line-height:1}.drawer-close:hover{background:rgba(255,255,255,8%);color:#fff}.drawer-nav ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.drawer-nav ul li{border-bottom:1px solid rgba(255,255,255,7%)}.drawer-nav ul li:last-child{border-bottom:none}.drawer-nav a{font-size:1rem;color:#fff;text-decoration:none;letter-spacing:.04em;padding:1rem 0;display:flex;align-items:center;justify-content:space-between;transition:color .2s,padding-left .2s}.drawer-nav a::after{content:"→";font-size:.85rem;opacity:0;transform:translateX(-6px);transition:opacity .2s,transform .2s}.drawer-nav a:hover{color:var(--accent-yellow);padding-left:4px}.drawer-nav a:hover::after{opacity:1;transform:translateX(0)}@media(max-width:820px){.header-container nav{display:none}.hamburger-menu{display:flex;align-items:center}}@media(max-width:520px){.header-container{padding:10px 20px}.logo{height:55px!important}}