.header{display:flex;flex-direction:column;width:100%;background:var(--background);position:sticky;top:0;z-index:1000;border-bottom:1px solid color-mix(in srgb,var(--accent) 20%,transparent)}.header__inner{display:flex;align-items:stretch;justify-content:space-between;width:100%;padding:0 22px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);position:relative;height:32px}.header__inner.full,.header__inner.center{max-width:100%}.header__logo{display:flex;align-items:stretch;flex:none}.header__logo a{text-decoration:none;display:flex;align-items:stretch}.header__nav{flex:1;display:flex;align-items:stretch;justify-content:center}.header__right{display:flex;align-items:center;gap:0;flex:none}.menu-trigger{display:none;background:var(--accent);border:none;color:var(--background);width:32px;height:32px;cursor:pointer;z-index:1001;border-radius:0;align-items:center;justify-content:center;padding:0;margin:0;transition:opacity .2s ease}.menu-trigger:hover{opacity:.9}.menu-trigger svg{display:block;width:18px;height:18px}.menu-trigger line{stroke:var(--background);stroke-width:2.5;transform-origin:50% 50%;transform-box:fill-box;transition:transform .25s cubic-bezier(.4,0,.2,1),opacity .2s ease}.menu-open .menu-trigger .line-top{transform:translateY(6px)rotate(45deg)}.menu-open .menu-trigger .line-mid{opacity:0;transform:scaleX(0)}.menu-open .menu-trigger .line-bot{transform:translateY(-6px)rotate(-45deg)}@media(max-width:684px){.menu-trigger{display:flex}.header__inner{padding:0;height:32px}.header__logo{padding-left:14px}.header__nav{position:absolute;top:100%;left:0;right:0;width:100%;height:calc(100vh - 32px);background:color-mix(in srgb,var(--background) 98%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);flex-direction:column;z-index:999;justify-content:flex-start;margin:0;border-bottom:1px solid color-mix(in srgb,var(--accent) 20%,transparent);transform:translateX(100%)scale(.98);opacity:0;transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .3s ease;overflow-y:auto;pointer-events:none}.menu-open .header__nav{transform:translateX(0)scale(1);opacity:1;pointer-events:all}}.logo{display:flex;align-items:center;padding:0 12px;background:0 0;color:var(--accent);font-weight:700;font-size:.8rem;letter-spacing:.05em;text-transform:uppercase;border-radius:0;position:relative;height:100%;user-select:none}.logo:hover{background:color-mix(in srgb,var(--accent) 10%,transparent)}.logo::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(0,transparent,transparent 1px,rgba(0,0,0,.1) 1px,rgba(0,0,0,.1) 2px);pointer-events:none}@media print{.header{display:none}}