.site-header{
  position:sticky;top:0;z-index:100;
  backdrop-filter:blur(14px);
  background:rgba(18,18,18,.78);
  border-bottom:1px solid rgba(200,122,46,.18);
}
.site-header__inner{
  max-width:1440px;margin:0 auto;
  padding:16px 24px;
  display:flex;align-items:center;gap:32px;
}

.logo{
  font-family:var(--font-heading, 'Cormorant Garamond', serif);
  font-weight:700;font-size:26px;letter-spacing:.08em;
  text-decoration:none;color:var(--cream);
  display:flex;gap:6px;align-items:baseline;white-space:nowrap;
}
.logo__main{color:var(--cream)}
.logo__accent{color:var(--amber);text-shadow:0 0 24px rgba(200,122,46,.4)}

.nav{display:flex;gap:26px;margin-left:auto}
.nav a{
  color:var(--muted);text-decoration:none;font-size:14px;
  letter-spacing:.03em;position:relative;padding:6px 0;transition:color .2s;
}
.nav a:hover{color:var(--cream)}
.nav a.is-active{color:var(--saffron)}
.nav a.is-active::after{
  content:'';position:absolute;left:0;right:0;bottom:-6px;height:2px;
  background:linear-gradient(90deg,var(--copper),var(--saffron));
  border-radius:2px;
}

.header-cta{
  background:rgba(200,122,46,.12);
  border:1px solid rgba(200,122,46,.45);
  color:var(--cream);
  padding:10px 18px;border-radius:999px;
  font-size:13px;letter-spacing:.04em;cursor:pointer;
  display:flex;align-items:center;gap:8px;transition:.25s;
}
.header-cta:hover{background:rgba(200,122,46,.28)}
.header-cta .dot{
  width:8px;height:8px;border-radius:50%;background:var(--saffron);
  box-shadow:0 0 10px var(--saffron);animation:pulse 2s infinite;
}

.nav-toggle{display:none;background:none;border:0;color:var(--cream);font-size:22px;cursor:pointer}

@media (max-width:1100px){
  .nav{display:none}
  .nav-toggle{display:block}
  .header-cta{margin-left:auto}
}