/* layout/header.css — global. White, airy, a hairline below. */
.header{position:sticky;top:0;z-index:60;background:rgba(255,255,255,.96);backdrop-filter:saturate(1.2) blur(6px);border-bottom:1px solid var(--rule)}
.header .bar{display:flex;align-items:center;gap:40px;height:var(--header-h)}
.brand{display:flex;align-items:center;margin-right:auto}
.brand img{height:21px;width:auto}
.nav{display:flex;align-items:center;gap:6px;height:100%}
.nav a{position:relative;display:flex;align-items:center;height:100%;padding:0 14px;color:var(--slate);font-size:.92rem;font-weight:400;letter-spacing:.01em;text-decoration:none;transition:color .2s}
.nav a:hover,.nav a.active{color:var(--ink)}
.nav a::after{content:"";position:absolute;left:14px;right:14px;bottom:26px;height:1px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .3s}
.nav a:hover::after,.nav a.active::after{transform:scaleX(1)}
.header .btn{min-height:44px;padding:0 22px;font-size:.85rem}
.menu-btn{display:none;width:44px;height:44px;margin-right:-10px;background:none;border:0;cursor:pointer;place-items:center;color:var(--ink)}
.menu-btn svg{width:24px;height:24px}
.menu-btn .i-close{display:none}
.menu-btn[aria-expanded="true"] .i-open{display:none}
.menu-btn[aria-expanded="true"] .i-close{display:block}
@media (max-width:1000px){.nav,.header .btn{display:none}.menu-btn{display:grid}}

.mobile-menu{position:fixed;left:0;right:0;top:var(--header-h);z-index:59;max-height:calc(100dvh - var(--header-h));overflow-y:auto;background:var(--white);border-bottom:1px solid var(--rule);padding:8px var(--gutter) 28px;opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity .2s,transform .25s,visibility 0s .25s}
.mobile-menu.open{opacity:1;visibility:visible;transform:none;transition:opacity .2s,transform .25s}
.mm-backdrop{position:fixed;inset:0;z-index:58;background:rgba(15,24,40,.4);opacity:0;visibility:hidden;transition:opacity .25s,visibility 0s .25s}
.mm-backdrop.open{opacity:1;visibility:visible;transition:opacity .25s}
.mm-links a{display:block;padding:16px 0;border-bottom:1px solid var(--rule);color:var(--ink);font-family:var(--serif);font-size:1.35rem;font-weight:400;text-decoration:none}
.mm-links a.active{color:var(--accent-dark)}
.mm-foot{display:grid;gap:14px;padding-top:24px;font-size:var(--t-small);color:var(--muted)}
.mm-foot .btn{width:100%}