/* E3BAT — Header + navigation (menu burger mobile inclus) */
/* ============ HEADER ============ */
header{
  position:sticky;top:0;z-index:50;
  background:rgba(29,29,27,.92);
  backdrop-filter:blur(10px);
  color:#fff;
  border-bottom:1px solid rgba(167,168,169,.18);
}
.nav{display:flex;align-items:center;justify-content:space-between;height:4.5rem}
.brand{display:flex;align-items:center;gap:.65rem;text-decoration:none;font-weight:800;font-size:1.45rem;font-variation-settings:"wdth" 72;letter-spacing:.01em}
.brand .e3{color:var(--orange)}
.brand img{height:3rem;width:auto;flex:none}
footer.site .brand img{height:2.4rem}
.nav-links{display:flex;align-items:center;gap:2.2rem;list-style:none}
.nav-links a{
  text-decoration:none;font-size:.9rem;font-weight:600;color:var(--chrome-dim);
  text-transform:uppercase;letter-spacing:.08em;font-variation-settings:"wdth" 88;
  transition:color .15s;
}
.nav-links a:hover{color:#fff}
.nav-cta{background:var(--orange);color:#fff!important;padding:.6rem 1.2rem}
.nav-cta:hover{background:var(--orange-deep)}
.burger{display:none;background:none;border:0;color:#fff;padding:.5rem}
.burger svg{width:1.7rem;height:1.7rem}
@media (max-width:900px){
  .nav-links{
    position:fixed;inset:4.5rem 0 auto 0;
    flex-direction:column;align-items:stretch;gap:0;
    background:var(--ink);padding:.5rem var(--gutter) 1.6rem;
    border-bottom:2px solid var(--orange);
    max-height:calc(100vh - 4.5rem);max-height:calc(100dvh - 4.5rem);
    overflow-y:auto;
    transform:translateY(-130%);transition:transform .25s ease;
    visibility:hidden;
  }
  .nav-links.open{transform:translateY(0);visibility:visible}
  .nav-links li{width:100%}
  .nav-links a{
    display:block;width:100%;
    padding:1.05rem 0;
    border-bottom:1px solid rgba(167,168,169,.15);
  }
  .nav-cta{margin-top:1.2rem;text-align:center;border-bottom:0!important;padding:1rem 1.2rem!important}
  .burger{display:block}
}