/* Menu 04 — quiet hardware. Previous menus are preserved in design/menu-versions. */
.site-header{
 --nav-face:#e5e4df;--nav-key:#f3f2ed;--nav-text:#302720;--nav-edge:#b9b6af;
 width:calc(100% - 2 * var(--gutter));max-width:1040px;height:88px;top:14px;margin:14px auto 0;padding:10px 12px 12px 20px;gap:24px;
 color:var(--nav-text);background:var(--nav-face);border:1px solid var(--nav-edge);border-radius:5px;
 box-shadow:inset 0 1px 0 #fff,0 3px 0 #b0aba2,0 8px 18px #30272015;
}
.site-header.is-scrolled{box-shadow:inset 0 1px 0 #fff,0 3px 0 #b0aba2,0 9px 24px #30272025}
.site-header::after{background:#9a4248;height:1px;bottom:-1px;left:4px;width:calc(100% - 8px)}
.site-header .brand{gap:10px;min-width:160px;min-height:56px;align-items:center}
.site-header .brand img{filter:none;width:38px;height:28px}
.site-header .brand>span{display:flex;font-size:13px;letter-spacing:-.025em;gap:6px}
.site-header .brand small{font:400 12px/1.2 var(--sans);letter-spacing:-.015em;color:#746b62}
.site-header .desktop-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;flex:1;margin:0;align-items:stretch}
.site-header .desktop-nav a{
 display:flex;flex-direction:column-reverse;align-items:flex-start;justify-content:space-between;gap:7px;min-height:61px;padding:9px 11px 10px;
 border:1px solid #c7c4bd;border-radius:3px;background:var(--nav-key);color:var(--nav-text);font:400 14px/1.1 var(--sans);letter-spacing:-.02em;
 box-shadow:inset 0 1px 0 #fff,0 2px 0 #bab5ac;transition:background .15s,box-shadow .15s,translate .15s;
}
.site-header .desktop-nav sup{font:400 12px/1 var(--mono);color:#7d736a;display:flex;align-items:center;gap:8px;width:100%;justify-content:space-between}
.site-header .desktop-nav sup::after{content:'';width:5px;height:5px;border-radius:50%;background:#c6c1b8;box-shadow:inset 0 1px 1px #30272025}
.site-header .desktop-nav a[aria-current=location]{background:#f5d7d3;color:var(--nav-text);border-color:#cda19a;box-shadow:inset 0 1px 0 #fff7,0 2px 0 #ba8f88}
.site-header .desktop-nav a[aria-current=location] sup{color:#803d40}
.site-header .desktop-nav a[aria-current=location] sup::after{background:#a64f56;box-shadow:0 0 0 2px #ff8d9033}
.site-header .header-actions{padding-left:17px;border-left:1px solid #bdb8af;gap:10px;align-self:stretch;align-items:center}
.site-header .sound-switch{background:transparent;box-shadow:none;border:0;min-width:101px;height:60px;padding:0;gap:12px;color:var(--nav-text)}
.site-header .power-copy{gap:6px;font:400 12px/1 var(--mono)}
.site-header .power-copy>span:first-child{font-size:12px;color:#746b62}
.site-header .power-switch-track{width:40px;height:40px;border-radius:50%;border:1px solid #aaa39a;background:#d2cec6;box-shadow:inset 0 1px 3px #30272035,0 1px 0 #fff}
.site-header .power-switch-thumb{width:32px;height:32px;top:3px;left:3px;color:var(--nav-text);background:linear-gradient(#faf9f4,#e7e4db);border:1px solid #bfb9ae;box-shadow:inset 0 1px 0 #fff,0 2px 1px #8f877c;transition:background .15s,box-shadow .15s,translate .15s}
.site-header .power-switch-thumb svg{width:17px;height:17px;stroke-width:1.6}
.site-header .sound-switch[aria-checked=true]{color:#803d40}
.site-header .sound-switch[aria-checked=true] .power-switch-track{background:#d2cec6}
.site-header .sound-switch[aria-checked=true] .power-switch-thumb{transform:none;background:var(--pink);border-color:#cb8a88;color:var(--nav-text);box-shadow:inset 0 1px 0 #ffcbc9,0 2px 1px #a77570}
.site-header .menu-toggle{height:44px;width:44px;border:1px solid #bfb9ae;background:var(--nav-key);box-shadow:inset 0 1px 0 #fff,0 2px 0 #bab5ac;border-radius:3px}
.site-header .menu-toggle span{background:var(--nav-text)}
.site-header .mobile-nav{top:calc(100% + 8px);padding:10px;background:var(--nav-face);border-color:var(--nav-edge);border-radius:4px;box-shadow:0 3px 0 #b0aba2,0 10px 20px #30272020}
.site-header .mobile-nav:not([hidden]){display:grid;grid-template-columns:1fr 1fr;gap:8px}
.site-header .mobile-nav a{min-height:104px;padding:14px;position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:14px;border:1px solid #c7c4bd;border-radius:3px;background:var(--nav-key);box-shadow:0 2px 0 #bab5ac;font:400 19px/1.1 var(--sans);letter-spacing:-.025em}
.site-header .mobile-nav a:last-child{border:1px solid #c7c4bd}
.site-header .mobile-nav .nav-index{color:#7d736a;font-size:12px}
.site-header .mobile-nav .nav-arrow{position:absolute;right:13px;top:12px;font-size:18px;color:#7d736a}
.site-header .mobile-nav a[aria-current=location]{color:var(--nav-text);background:#f5d7d3;border-color:#cda19a}
.site-header :is(a,button):focus-visible{outline:2px solid #9a4248;outline-offset:3px}
@media(hover:hover) and (pointer:fine){
 .site-header .desktop-nav a:hover,.site-header .mobile-nav a:hover{color:var(--nav-text);background:#fffdf7;box-shadow:inset 0 1px 0 #fff,0 2px 0 #9b9387}
 .site-header .desktop-nav a:hover sup{color:var(--nav-text)}
 .site-header .desktop-nav a:hover sup::after{background:#9a4248}
 .site-header .desktop-nav a[aria-current=location]:hover,.site-header .mobile-nav a[aria-current=location]:hover{background:#f9deda}
 .site-header .sound-switch:hover:not(:disabled) .power-switch-thumb{box-shadow:inset 0 1px 0 #fff,0 2px 1px #8f877c,0 0 0 2px #9a424833}
 .site-header .menu-toggle:hover{background:#fffdf7}
}
.site-header .desktop-nav a:active,.site-header .mobile-nav a:active,.site-header .menu-toggle:active{translate:0 2px;box-shadow:inset 0 1px 3px #30272015}
.site-header .sound-switch:active:not(:disabled) .power-switch-thumb{translate:0 1px;box-shadow:inset 0 1px 3px #30272025}
@media(max-width:1100px){.site-header{gap:18px}.site-header .brand{min-width:130px}.site-header .brand small{display:none}.site-header .desktop-nav a{padding-inline:9px}}
@media(max-width:900px){.site-header{height:78px;max-width:620px;gap:20px}.site-header .desktop-nav{display:none}.site-header .brand>span{display:flex}.site-header .brand small{display:block}.site-header .header-actions{margin-left:auto}.site-header .menu-toggle{display:block}}
@media(max-width:600px){.site-header{top:8px;width:calc(100% - 24px);margin:8px 12px 0;height:72px;padding:8px 10px 10px 13px;gap:12px}.site-header .brand{min-width:0;min-height:44px;gap:7px}.site-header .brand img{width:34px;height:25px}.site-header .brand>span{font-size:12px}.site-header .brand small{display:none}.site-header .header-actions{padding-left:12px;gap:12px}.site-header .sound-switch{min-width:82px;gap:7px;height:44px}.site-header .power-copy{font-size:12px}.site-header .power-copy>span:first-child{display:none}.site-header .menu-toggle{width:40px;min-width:40px}.site-header .mobile-nav a{font-size:18px}}
@media(max-width:359px){.site-header .brand>span{display:none}.site-header .sound-switch{min-width:78px}.site-header .header-actions{gap:10px}}
.large-text .site-header{height:auto;min-height:88px}.large-text .site-header .brand>span,.large-text .site-header .desktop-nav{display:none}.large-text .site-header .brand{min-width:0}.large-text .site-header .mobile-nav:not([hidden]){grid-template-columns:1fr}.large-text .site-header .mobile-nav a{font-size:1rem;min-height:90px}
@media(prefers-reduced-motion:reduce){.site-header *{transition:none!important}}