.site-header {
  position:fixed; inset:0 0 auto; z-index:800; height:var(--header-height);
  background:linear-gradient(180deg,rgba(7,9,9,.91),rgba(7,9,9,.58));
  backdrop-filter: blur(18px) saturate(130%); -webkit-backdrop-filter: blur(18px) saturate(130%);
  border-bottom:1px solid rgba(211,166,78,.14);
  transition:height .65s var(--ease-luxury), background .45s ease, box-shadow .45s ease;
}
.site-header::after { content:""; position:absolute; left:0; right:0; bottom:-1px; height:1px; transform:scaleX(0); background:linear-gradient(90deg,transparent,var(--gold),transparent); transition:transform .7s var(--ease-luxury); }
.site-header.is-scrolled { height:var(--header-compact); background:rgba(8,10,10,.94); box-shadow:0 12px 40px rgba(0,0,0,.28); }
.site-header.is-scrolled::after { transform:scaleX(1); }
.header-inner { position:relative; height:100%; width:min(calc(100% - 48px),var(--max-width)); margin:auto; display:flex; align-items:center; justify-content:space-between; }
.brand-lockup { display:flex; align-items:center; gap:15px; position:relative; z-index:3; min-width:365px; flex:0 0 auto; }
.header-logo { width:58px; height:58px; object-fit:contain; transition:width .55s var(--ease-luxury),height .55s var(--ease-luxury),transform .78s var(--ease-luxury),filter .4s; animation:introGlow 5s ease-in-out infinite; }
.brand-copy { display:flex; flex-direction:column; align-items:flex-start; justify-content:center; white-space:nowrap; overflow:visible; max-width:305px; opacity:1; transform:translateX(0); transition:max-width .6s var(--ease-luxury),opacity .38s ease,transform .55s var(--ease-luxury); }
.brand-name { display:block; width:max-content; font-size:.96rem; color:var(--ivory); line-height:1.08; letter-spacing:.19em; }
.brand-signature { display:block; width:max-content; margin-top:8px; font-size:.54rem; line-height:1; letter-spacing:.34em; white-space:nowrap; }
.desktop-nav { display:flex; align-items:center; gap:30px; margin-left:auto; }
.desktop-nav a { position:relative; padding:16px 0; color:rgba(243,237,224,.76); transition:color .3s; }
.desktop-nav a::after { content:""; position:absolute; left:50%; right:50%; bottom:9px; height:1px; background:var(--gold); transition:left .3s,right .3s; }
.desktop-nav a:hover,.desktop-nav a[aria-current="page"] { color:var(--gold-bright); }
.desktop-nav a:hover::after,.desktop-nav a[aria-current="page"]::after { left:0; right:0; }
.header-cta { margin-left:24px; }
.header-cta.button { padding:12px 18px; }
.menu-toggle { display:none; width:48px; height:48px; border:0; background:transparent; color:var(--ivory); position:relative; z-index:5; }
.menu-toggle span { position:absolute; width:25px; height:1px; background:currentColor; left:12px; transition:transform .3s,top .3s,opacity .3s; }
.menu-toggle span:nth-child(1){top:17px}.menu-toggle span:nth-child(2){top:24px}.menu-toggle span:nth-child(3){top:31px}
.menu-toggle[aria-expanded="true"] span:nth-child(1){top:24px;transform:rotate(45deg)}
.menu-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}
.menu-toggle[aria-expanded="true"] span:nth-child(3){top:24px;transform:rotate(-45deg)}
.mobile-menu { display:none; position:fixed; inset:0; background:radial-gradient(circle at 20% 20%,rgba(13,75,72,.3),transparent 28rem),rgba(8,10,10,.98); padding:130px 30px 40px; z-index:4; }
.mobile-menu.is-open { display:block; animation:menuIn .4s ease both; }
.mobile-menu nav { display:grid; gap:12px; }
.mobile-menu a { font-family:"Bodoni 72",Didot,"Times New Roman",serif;font-size:clamp(2.2rem,10vw,4rem);padding:8px 0;border-bottom:1px solid rgba(211,166,78,.13); }
.mobile-menu .mobile-meta { margin-top:42px; color:var(--stone); }
@media (max-width: 1380px) and (min-width: 1025px) {
  .desktop-nav { gap:22px; }
  .header-cta { display:none; }
}
@media (min-width: 1025px) {
  .site-header.is-scrolled .brand-copy { max-width:0; opacity:0; transform:translateX(-18px); }
  .site-header.is-scrolled .header-logo { width:50px; height:50px; transform:translateX(calc(50vw - max(24px, (100vw - min(calc(100vw - 48px), var(--max-width))) / 2) - 25px)); }
  .site-header.is-scrolled .brand-lockup { pointer-events:none; }
  .site-header.is-scrolled .header-logo { pointer-events:auto; }
}