/* V21: clean brushed brass; continuous wave silhouette beneath the bridge. */
.site-header,.site-header.scrolled{isolation:isolate;background:linear-gradient(180deg,#09202dfc,#0d2b38)!important;border-bottom:0!important;box-shadow:none!important;overflow:visible}
.nav-waterline{position:absolute;left:0;right:0;top:calc(100% - 1px);height:38px;overflow:hidden;pointer-events:none;z-index:-1}
.nav-waterline::before,.nav-waterline::after{content:"";position:absolute;left:0;top:0;width:calc(100% + 640px);height:36px;background:url('../assets/ui/nav-wave.v21.svg') repeat-x 0 0;background-size:640px 36px;animation:bridge-wave 18s linear infinite;will-change:transform;pointer-events:none}
.nav-waterline::before{opacity:.5;top:4px;animation-duration:25s;animation-direction:reverse}
.nav-waterline::after{top:-2px}
@keyframes bridge-wave{from{transform:translate3d(0,0,0)}to{transform:translate3d(-640px,0,0)}}
.site-header .nav a,.site-header .nav-toggle,.site-header .header-buy{
 position:relative;color:#352b1a!important;text-shadow:0 1px #fff4d466;
 border:1px solid #ad884b!important;border-radius:5px!important;
 background:repeating-linear-gradient(0deg,#ffffff0c 0 1px,#76562608 1px 2px,transparent 2px 4px),linear-gradient(170deg,#f1deb0 0%,#dac087 32%,#c6a467 55%,#e7cc93 80%,#be985c 100%)!important;
 box-shadow:inset 0 1px 0 #fff6db,inset 1px 0 0 #f5dda955,inset 0 -2px 0 #8c693e88,0 2px 2px #00162380,0 5px 9px #00101c33!important;
 transition:transform .2s ease-out,box-shadow .2s ease-out!important
}
.site-header .nav a.active{color:#2f2414!important;border-color:#eed197!important;background:repeating-linear-gradient(0deg,#ffffff10 0 1px,transparent 1px 3px),radial-gradient(ellipse at 50% 40%,#fff4c7aa,transparent 80%),linear-gradient(160deg,#ecd7a1,#cca86b)!important;box-shadow:inset 0 1px #fff9e4,inset 0 -2px #ad874966,0 0 12px #edc66b30,0 3px 5px #00162377!important}
.site-header .nav a::after{width:4px!important;height:4px!important;background:radial-gradient(circle at 30% 25%,#fff4cb,#c9a269 45%,#684b2c 85%)!important;box-shadow:0 -6px 0 -1px #ddbd82,0 6px 0 -1px #b38c4e,0 1px 1px #001320!important}
.brass-glint{position:absolute;inset:1px 2px 3px;overflow:hidden;border-radius:3px;pointer-events:none}
.brass-glint::before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,#fff9df55 49%,transparent 67%);transform:translate3d(-130%,0,0);animation:brass-reflection 15s ease-in-out infinite;pointer-events:none}
.nav a:nth-child(2n) .brass-glint::before{animation-delay:-4s}.nav a:nth-child(3n) .brass-glint::before{animation-delay:-8s}
@keyframes brass-reflection{0%,72%{transform:translate3d(-130%,0,0)}90%,100%{transform:translate3d(130%,0,0)}}
@media(hover:hover){.site-header .nav a:hover,.site-header .nav-toggle:hover,.site-header .header-buy:hover{transform:translateY(-1px);box-shadow:inset 0 1px #fff9e8,inset 0 -2px #9b733f66,0 0 9px #f5d48c33,0 4px 7px #00162366!important}}
.site-header :is(.nav a,.header-buy,.nav-toggle):focus-visible{outline:2px solid #fff0c0!important;outline-offset:4px}
@media(max-width:1300px){.site-header .nav{z-index:5;background:linear-gradient(145deg,#173b47,#0d2734)!important;border-color:#c1a16880!important}.site-header .nav a::after{box-shadow:-6px 0 0 -1px #ddbd82,6px 0 0 -1px #b38c4e!important}}
@media(max-width:700px){.nav-waterline{height:30px}.nav-waterline::before,.nav-waterline::after{background-size:640px 28px;height:28px}.brass-glint::before{animation:none;opacity:0}}
@media(prefers-reduced-motion:reduce){.nav-waterline::before,.nav-waterline::after,.brass-glint::before{animation:none!important;will-change:auto;transform:none}.brass-glint::before{opacity:0}.site-header .nav a,.site-header .nav-toggle,.site-header .header-buy{transition:none!important;transform:none!important}}
