/* Shared Imputo header — source of truth. Do not create page-specific header variants. */
/* Mirrors the homepage (index.html) .appbar exactly. Relies on each page's design tokens
   (--ink, --paper, --paper-2, --ink-soft, --ink-faint, --brass, --brass-bright, --line). */

.appbar{position:sticky;top:0;z-index:200;padding:0;background:rgba(242,236,221,.85);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid transparent;transition:border-color .3s}
html.night .appbar{background:rgba(26,22,17,.85)}
.appbar.stuck{border-bottom-color:var(--line)}
.appbar-in{max-width:1080px;margin:0 auto;padding:14px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.appbar-brand{display:flex;align-items:baseline;gap:11px;text-decoration:none;cursor:pointer}
.appbar-brand .abw{font-family:'Fraunces',serif;font-weight:900;font-size:28px;letter-spacing:-.02em;line-height:1;color:var(--ink)}
.appbar-brand .abw .dot{color:var(--brass)}
.appbar-brand .abk{font-family:'Spline Sans Mono',monospace;font-size:9.5px;letter-spacing:.22em;text-transform:uppercase;color:var(--ink-faint);border-left:1px solid var(--line);padding-left:11px}
.appbar nav{display:flex;gap:2px;align-items:center;margin:0;flex-wrap:wrap;position:relative}
.appbar .tab{appearance:none;background:none;border:none;cursor:pointer;font-family:'Hanken Grotesk',sans-serif;font-weight:600;font-size:14px;color:var(--ink-soft);text-decoration:none;padding:8px 11px;border-radius:8px;position:relative;white-space:nowrap;display:inline-flex;align-items:center;transition:background .15s,color .15s}
.appbar nav>.tab:first-child{padding-left:13px}
.appbar .tab:hover{background:var(--paper-2);color:var(--ink)}
.appbar .tab.active{background:var(--ink);color:var(--paper)}
.appbar-cta{appearance:none;background:var(--ink);color:var(--paper);border:none;cursor:pointer;font-family:'Hanken Grotesk',sans-serif;font-weight:700;font-size:14px;text-decoration:none;padding:10px 18px;border-radius:24px;margin-left:6px;display:inline-flex;align-items:center;white-space:nowrap;transition:background .15s}
.appbar-cta:hover{background:#0f0b07}
html.night .appbar-cta{background:var(--brass);color:#17130E}
html.night .appbar-cta:hover{background:var(--brass-bright)}
.soon-badge{display:inline-block;margin-left:7px;font-family:'Spline Sans Mono',monospace;font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:var(--brass);border:1px solid var(--brass);border-radius:4px;padding:2px 5px;vertical-align:middle;line-height:1}
.theme-tog{flex:none;appearance:none;cursor:pointer;width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;background:none;border:1px solid var(--line);border-radius:50%;color:var(--ink-soft);transition:border-color .15s,color .15s,background .15s;padding:0}
.theme-tog:hover{border-color:var(--brass);color:var(--ink)}
.theme-tog svg{width:17px;height:17px;display:block}
.theme-tog .ico-sun{display:none}
html.night .theme-tog .ico-moon{display:none}
html.night .theme-tog .ico-sun{display:block}
.nav-burger{display:none;flex:none;appearance:none;cursor:pointer;width:42px;height:42px;align-items:center;justify-content:center;background:none;border:1px solid var(--line);border-radius:10px;color:var(--ink);padding:0;transition:border-color .15s}
.nav-burger:hover{border-color:var(--brass)}
.nav-burger svg{width:20px;height:20px;display:block}
.nav-burger .ico-close{display:none}
#nav.nav-open ~ .nav-burger .ico-menu{display:none}
#nav.nav-open ~ .nav-burger .ico-close{display:block}
.theme-tog-m{display:none}

@media(max-width:1000px){
  .appbar-brand .abk{display:none}
  .appbar-in{position:relative;padding:12px 16px}
  .nav-burger{display:inline-flex}
  #nav{position:absolute;top:100%;left:0;right:0;z-index:50;flex-direction:column;align-items:stretch;gap:3px;background:var(--paper);border-bottom:1px solid var(--line);box-shadow:0 22px 46px -28px rgba(20,15,9,.5);padding:10px 16px 18px;display:none}
  #nav.nav-open{display:flex}
  #nav .tab{width:100%;justify-content:flex-start;text-align:left;padding:13px 12px;font-size:15.5px;border-radius:10px}
  #nav .theme-tog{display:none}
  .appbar-cta{display:inline-flex !important;width:100%;justify-content:center;margin-top:10px}
  .theme-tog.theme-tog-m{display:inline-flex !important;margin-left:auto}
}