/* GhostTones shared site header (homepage + blog). v1 2026-10-12 */
:root{--void:#08090a;--graphite:#23252a;--smoke:#383b3f;--mist:#d0d6e0;--paper:#ffffff;--purple:#8B5CFF;--on-purple:#ffffff;--r-pill:9999px}
html[data-theme="light"]{--void:#f3efe6;--graphite:#c8c0b2;--smoke:#9a9286;--mist:#2c2925;--paper:#141311;--purple:#7044E8}
header.gt-header{position:sticky;top:0;z-index:50;background:var(--void);border-bottom:1px solid var(--graphite)}
header.gt-header .wrap{max-width:1200px;margin:0 auto;padding:0 24px;display:block}
header.gt-header nav{position:relative;display:flex;align-items:center;justify-content:space-between;height:88px;gap:16px;width:auto}
header.gt-header a{text-decoration:none}
header.gt-header .brand{display:flex;align-items:center;gap:14px;min-width:0;color:var(--paper)}
header.gt-header .brand img{width:72px;height:72px;border-radius:8px;object-fit:contain;mix-blend-mode:screen;flex:none}
html[data-theme="light"] header.gt-header .brand img{mix-blend-mode:normal}
header.gt-header .wordmark{font-family:"Space Grotesk",Inter,sans-serif;font-weight:600;font-size:24px;letter-spacing:-.02em;color:var(--paper);white-space:nowrap}
header.gt-header .nav-end{display:flex;align-items:center;gap:8px;flex-wrap:nowrap;flex:none}
header.gt-header .nav-links{display:flex;align-items:center;gap:4px}
header.gt-header .nav-links a{color:var(--mist);font-size:13px;padding:8px 12px;border-radius:6px}
header.gt-header .nav-links a:hover{color:var(--paper)}
header.gt-header .btn{display:inline-flex;align-items:center;justify-content:center;height:36px;padding:0 16px;font-size:13px;font-weight:500;border:0;cursor:pointer;white-space:nowrap;line-height:1}
header.gt-header .btn-purple{background:var(--purple);color:var(--on-purple)!important;border-radius:var(--r-pill)}
header.gt-header .nav-cta{margin-left:8px}
header.gt-header .theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--r-pill);border:1px solid var(--graphite);background:rgba(255,255,255,.04);color:var(--mist);cursor:pointer;padding:0;flex:none}
header.gt-header .theme-toggle svg{width:18px;height:18px;display:block}
html:not([data-theme="light"]) header.gt-header .ico-sun{display:none}
html[data-theme="light"] header.gt-header .ico-moon{display:none}
header.gt-header .nav-right{display:none;align-items:center;gap:8px}
header.gt-header .menu-btn{display:none;background:none;border:0;color:var(--mist);font:inherit;font-size:14px;cursor:pointer;padding:8px;-webkit-appearance:none;appearance:none}
@media (max-width:880px){
  header.gt-header .wrap{padding:0 16px}
  header.gt-header nav{height:68px;gap:10px}
  header.gt-header .brand{gap:8px}
  header.gt-header .brand img{width:44px;height:44px}
  header.gt-header .wordmark{font-size:20px}
  header.gt-header .nav-right{display:flex}
  header.gt-header .nav-cta{display:none}
  header.gt-header .menu-btn{display:inline-flex}
  header.gt-header .nav-mobile-cta{display:inline-flex;height:34px;padding:0 14px;font-size:13px}
  header.gt-header .nav-links{display:none}
  header.gt-header .nav-links.open{display:flex;flex-direction:column;align-items:stretch;position:absolute;left:-16px;right:-16px;top:100%;
    background:var(--void);background-color:var(--void);opacity:1;z-index:60;border-bottom:1px solid var(--graphite);
    box-shadow:0 18px 40px rgba(0,0,0,.55);padding:8px 16px 18px;gap:0;max-height:calc(100vh - 68px);overflow:auto}
  header.gt-header .nav-links.open a{display:block;font-size:17px;padding:14px 4px;color:var(--paper);border-bottom:1px solid var(--graphite);border-radius:0;text-align:left}
  header.gt-header .nav-links.open a:last-child{border-bottom:0}
  header.gt-header .nav-links.open a.nav-cta{display:flex;justify-content:center;align-items:center;height:46px;margin:14px 0 0;padding:0 16px;border-radius:var(--r-pill);color:var(--on-purple);font-size:15px}
}
@media (max-width:420px){
  header.gt-header .nav-mobile-cta{display:none}
  header.gt-header .wordmark{font-size:19px}
}