/* ---------- header / nav ---------- */
.site-head{position:relative;z-index:70}
.head-in{display:flex;align-items:center;justify-content:space-between;gap:18px;padding-top:16px;padding-bottom:16px}
.logo-link{display:inline-flex;flex:none}
.logo-link img{height:30px;width:auto}
.nav>a{color:var(--ink);padding:26px 0;margin:-26px 0;display:inline-flex;align-items:center}
.nav>a:hover{color:var(--red-500)}
.nav>a.on{color:var(--red-500)}
[data-mode="dark"] .nav>a:hover,[data-mode="dark"] .nav>a.on{color:var(--gold-300)}
.nav{display:flex;align-items:center;gap:clamp(16px,2.4vw,30px);font:600 12px/1 var(--font-mono);letter-spacing:.1em}
.head-tools{display:flex;align-items:center;gap:10px}
.mode-btn{display:inline-flex;align-items:center;gap:7px;font:600 10px/1 var(--font-mono);letter-spacing:.12em;padding:9px 13px;border-radius:999px;border:1px solid var(--line);color:var(--ink);background:transparent;transition:color .2s,border-color .2s}
.mode-btn:hover{color:var(--hot);border-color:var(--hot)}
.mode-btn .on-dark{display:none}
[data-mode="dark"] .mode-btn .on-dark{display:inline}
[data-mode="dark"] .mode-btn .on-light{display:none}
.hamburger{display:none;align-items:center;gap:8px;font:700 11px/1 var(--font-display);letter-spacing:.12em}

/* mega menus — desktop hover + keyboard focus */
.mm-bar{position:relative}
.mm{display:inline-flex}
.mm-p{display:none;position:absolute;left:0;right:0;top:100%;z-index:60;box-shadow:0 22px 40px rgba(19,26,50,.3);cursor:default;text-align:left}
@media (min-width:1001px){
  .mm{padding:26px 0;margin:-26px 0}
  .mm:hover>.mm-p,.mm:focus-within>.mm-p{display:block}
}
.mm-cols{display:grid;gap:28px;padding:24px clamp(16px,4vw,44px) 26px}
.mm-col{display:flex;flex-direction:column}
.mm-t{font:700 9.5px/1.4 var(--font-mono);letter-spacing:.18em;padding-bottom:6px}
.mm-l{font:500 11px/1.4 var(--font-mono);letter-spacing:.04em;padding:6px 0}

/* mobile full-screen menu */
.mobile-menu{position:fixed;inset:0;z-index:120;display:none;flex-direction:column;overflow-y:auto;overscroll-behavior:contain}
html[data-menu="open"] .mobile-menu{display:flex}
html[data-menu="open"] body{overflow:hidden}
.mob-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px clamp(16px,5vw,28px)}
.mob-close{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;font:700 16px/1 var(--font-mono)}
@media (max-width:1000px){
  .nav{display:none}
  .hamburger{display:inline-flex;min-height:44px;align-items:center}
}
@media (min-width:1001px){
  .mobile-menu{display:none !important}
}

/* ---------- shared footer bones ---------- */
.foot-banner{width:100%;display:block}
.foot-legal{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 18px;font:400 10px/1.6 var(--font-mono);letter-spacing:.05em;padding:14px 0}

/* ---------- header skin (was inline on every page) ---------- */
.cbar{background:var(--sand-900);color:var(--sand-300)}
.cbar-in{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:9px 0;font:600 9.5px/1.4 var(--font-mono);letter-spacing:.14em}
.cbar a{color:var(--gold-300)}
.logo-dark{display:none}
[data-mode="dark"] .logo-light{display:none}
[data-mode="dark"] .logo-dark{display:block}
.site-head{background:var(--pg);border-bottom:1px solid var(--hair)}
.nav{gap:clamp(12px,1.8vw,22px)}
/* compact dropdowns (Santa Rosa-style lists, Ventura clothes) */
.wx{display:inline-flex;align-items:center;gap:7px;font:600 10px/1 var(--font-mono);letter-spacing:.1em;color:var(--ink);border:1px solid var(--line);border-radius:999px;padding:9px 13px;white-space:nowrap}
.wx i{font-style:normal;color:var(--gold-500)}
[data-mode="dark"] .wx i{color:var(--gold-300)}
/* ---------- footer skin ---------- */
/* footer */
.foot{background:var(--navy-600);color:var(--navy-300)}
.foot-cols{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:30px;padding:34px 0 26px}
.f-brand{display:flex;flex-direction:column;gap:12px}
.f-brand img{height:26px;width:auto;align-self:flex-start}
.f-brand .a{font:400 11px/1.8 var(--font-mono)}
.f-brand .c{font:500 11px/1.7 var(--font-mono);color:var(--gold-400)}
.f-soc{display:flex;gap:16px;font:600 10.5px/1.4 var(--font-mono);letter-spacing:.14em}
.f-col{display:flex;flex-direction:column;gap:9px;font:500 11px/1.5 var(--font-mono)}
.f-col b{font:700 10px/1.4 var(--font-mono);letter-spacing:.18em;color:var(--gold-400)}
.f-col a{color:var(--sand-300)}.f-col a:hover{color:var(--gold-400)}
.foot .foot-legal{border-top:1px solid rgba(224,204,171,.14)}
.foot-legal a{color:var(--gold-400)}
/* mobile menu */
.mobile-menu{background:var(--navy-900);color:var(--sand-200)}
.mob-groups{display:flex;flex-direction:column;padding:0 clamp(16px,5vw,28px) 20px}
.mob-link{border-bottom:1px solid rgba(224,204,171,.14);padding:17px 0;font:900 clamp(24px,7vw,30px)/1 var(--font-display);text-transform:uppercase;letter-spacing:-.01em;color:var(--sand-200)}
.mob-link:hover,.mob-link[aria-current]{color:var(--gold-300)}
.mob-foot{padding:16px clamp(16px,5vw,28px) 34px;display:flex;flex-direction:column;gap:14px;margin-top:auto}
.mob-foot .wx{border-color:var(--navy-500);color:var(--sand-200)}
@media (max-width:1000px){
 .foot-cols{grid-template-columns:1fr 1fr}
}
@media (max-width:640px){
 .foot-cols{grid-template-columns:1fr}
 .wx.head-wx{display:none}
}
[data-mode="dark"] .nav>.dd>a.on{color:var(--gold-300)}