/* Header matches index.html; scoped to preserve the project gallery styling. */
.site-header{--yellow:#ffc400;--border:#33332b;--bg:#090907;--heading:Anton,Impact,'Arial Narrow',sans-serif;color:#f7f7f4;font-family:Arial,Helvetica,sans-serif;font-size:15px;line-height:1.65}
.site-header,.site-header *{box-sizing:border-box}
.site-header a{color:inherit;text-decoration:none}
.site-header button{font:inherit}
.site-header img{display:block;width:100%;height:auto}
.site-header :focus-visible{outline:3px solid var(--yellow);outline-offset:5px}
@font-face{font-family:Anton;src:url('assets/anton.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
.site-header .button{display:inline-flex;align-items:center;justify-content:center;gap:28px;min-height:48px;padding:12px 24px;background:var(--yellow);border:1px solid var(--yellow);color:#080807;font-family:var(--heading);font-size:15px;text-transform:uppercase;letter-spacing:.7px;line-height:1.3;transition:background .2s,color .2s,transform .2s}
.site-header .button span{font-family:Arial,sans-serif;font-size:23px;line-height:1}
.site-header .button:hover{background:#ffe06a;transform:translateY(-2px)}
.site-header .button-outline{background:transparent;color:var(--yellow)}
.site-header .button-outline:hover{background:var(--yellow);color:var(--bg)}
.site-header{position:sticky;top:0;z-index:30;background:#090907f5;border-bottom:1px solid #22221d;backdrop-filter:blur(12px)}
.header-inner{width:min(1400px,calc(100% - 64px));height:86px;margin:auto;display:flex;align-items:center;gap:26px}
.brand{width:218px;flex-shrink:0}
.brand img{width:100%;max-height:65px;object-fit:contain}
.site-header nav{display:flex;align-items:center;justify-content:center;gap:22px;flex:1}
.site-header nav a{font-size:10px;text-transform:uppercase;letter-spacing:1.1px;font-weight:700;color:#aaa9a3;padding:12px 0}
.site-header nav a:hover{color:var(--yellow)}
.header-cta .button{font-size:12px;padding:12px 19px;gap:10px}
.header-cta .button span{display:none}
.menu-toggle{display:none}
@media(max-width:1150px){.header-inner{gap:20px}
.brand{width:175px}
.site-header nav{gap:14px}
.site-header nav a{font-size:9px}
.header-cta .button{padding:12px}}
@media(max-width:950px){.header-inner{width:calc(100% - 44px);height:76px}
.brand{width:170px}
.header-cta{margin-left:auto}
.menu-toggle{display:flex;flex-direction:column;gap:5px;justify-content:center;align-items:center;width:44px;height:44px;background:transparent;color:white;border:1px solid #555;cursor:pointer;order:3}
.menu-toggle span{width:20px;height:2px;background:currentColor;transition:transform .2s}
.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(7px) rotate(45deg)}
.menu-toggle[aria-expanded=true] span:nth-child(2){opacity:0}
.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-7px) rotate(-45deg)}
.site-header nav{display:none;position:absolute;top:76px;left:0;right:0;background:#0c0c09;padding:18px 24px 24px;flex-direction:column;align-items:stretch;border-bottom:1px solid var(--border);gap:0}
.site-header nav.open{display:flex}
.site-header nav a{font-size:13px;padding:12px}}
@media(max-width:600px){.header-inner{width:calc(100% - 32px);height:70px;gap:12px}
.brand{width:145px}
.header-cta .button{font-size:10px;min-height:37px;padding:9px}
.menu-toggle{width:38px;height:38px}
.site-header nav{top:70px}}
@media(prefers-reduced-motion:reduce){.site-header *{transition:none!important}}