/* Project navigation uses the homepage header markup and its current navigation styles. */
#site-header{max-width:none;transform:none;align-items:center;gap:16px}
#site-header .brand{width:max-content;text-decoration:none}
#site-header .brand img{object-fit:contain}
#site-header .menu-toggle{display:flex;align-items:center;justify-content:center;min-height:44px;border:0;background:transparent;cursor:pointer}
#site-header .header-quote{display:inline-flex;align-items:center;justify-content:center;min-height:44px;white-space:nowrap;text-decoration:none}
#project-navigation{position:fixed;inset:0;margin:0;width:100%;max-width:none;height:100%;max-height:none;border:0;padding:80px 7vw;background:#101014;color:#fff;z-index:100;font-family:Manrope,sans-serif}
#project-navigation::backdrop{background:#101014}
#project-navigation nav{display:grid;gap:12px;max-width:720px;margin:auto}
#project-navigation nav a{padding:12px;font-size:clamp(22px,4vw,38px);color:#eee;border-bottom:1px solid #ffffff25}
#project-navigation nav a:hover{background:#27202e;color:#ddbbf4}
#project-navigation .close-navigation{position:absolute;top:20px;right:5vw;min-height:44px;min-width:44px;border:0;background:transparent;color:#fff;font-size:32px;cursor:pointer}
body:has(#project-navigation[open]){overflow:hidden}
#site-header{position:absolute;inset:0 0 auto;width:100%;height:112px;padding:20px 5vw;display:grid;grid-template-columns:1fr auto 1fr;background:transparent;border:0;border-radius:0;box-shadow:none;backdrop-filter:none;z-index:50}
#site-header .brand{grid-column:2;grid-row:1;display:flex;align-items:center;gap:10px;justify-self:center}
#site-header .brand img{width:64px;height:64px}
#site-header .brand>span{display:block;font:700 24px Syne,sans-serif;letter-spacing:.14em;color:white}
#site-header .menu-toggle{grid-column:1;grid-row:1;justify-self:start;flex-direction:row;width:auto;gap:10px;font:400 14px Manrope,sans-serif;color:white;padding:0}
#site-header .menu-toggle span{display:none}
#site-header .menu-toggle:before{content:'☰';font-size:17px;font-weight:400}
#site-header .menu-toggle:after{content:'Menu'}
#site-header .header-quote{grid-column:3;grid-row:1;justify-self:end;background:transparent;border:1px solid #ffffff70;border-radius:4px;font:500 12px Manrope,sans-serif;text-transform:none;letter-spacing:0;padding:12px 18px}
@media(max-width:760px){#site-header{height:88px;padding:12px 5vw}
#site-header .brand{gap:0}
#site-header .brand img{width:54px;height:54px}
#site-header .brand>span{display:none}
#site-header .menu-toggle{font-size:12px;gap:7px}
#site-header .header-quote{padding:10px 12px;font-size:10px}
}
#site-header .header-quote{background:#a119cc;border:1px solid #bd43de;color:#fff;border-radius:6px;font-weight:650;padding:14px 23px;box-shadow:0 6px 24px #45095840;transition:background .2s ease,box-shadow .2s ease}
#site-header .header-quote:hover{background:#b225db;box-shadow:0 8px 28px #710c8755}
#site-header .header-quote:focus-visible{outline:2px solid #fff;outline-offset:4px}
@media(max-width:760px){#site-header .header-quote{padding:12px 14px;font-size:11px;min-height:44px}
}