header.site-header:has(.site-header__inner){
	position:fixed;
	top:0;
	left:0;
	right:0;
	z-index:1200;
	padding-top:env(safe-area-inset-top,0px);
	background:rgba(6,14,8,.5);
	backdrop-filter:blur(16px) saturate(1.12);
	-webkit-backdrop-filter:blur(16px) saturate(1.12);
	border-bottom:1px solid rgba(255,255,255,.14);
	box-shadow:0 4px 20px rgba(0,0,0,.28),0 1px 0 rgba(255,255,255,.06);
}
.site-header__inner{
	max-width:var(--site-content-max);
	margin:0 auto;
	padding:0 22px;
	display:flex;
	align-items:center;
	justify-content:space-between;
	height:64px;
	gap:14px;
	box-sizing:border-box;
	width:100%;
}
header.site-header .site-logo-title{
	background:none!important;
	-webkit-background-clip:border-box!important;
	background-clip:border-box!important;
	-webkit-text-fill-color:var(--accent)!important;
	color:var(--accent)!important;
}
header.site-header .site-logo-title .site-logo-tld{
	color:#fff!important;
	-webkit-text-fill-color:#fff!important;
}
.site-header__nav-cluster{display:flex;align-items:center;flex:1;justify-content:flex-end;min-width:0}
.site-header__nav-cluster > .site-nav{display:flex;flex:1;align-items:center;justify-content:flex-end;gap:10px;min-width:0}
.nav-search__mobile-label{display:none}
.nav-search{position:relative;flex:0 0 auto;width:min(200px,32vw);max-width:248px}
.nav-search__field{position:relative;width:100%}
.nav-search__icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--accent);opacity:.92;pointer-events:none;display:flex;filter:drop-shadow(0 0 6px rgba(var(--accent-rgb),.35))}
.nav-search__input{width:100%;box-sizing:border-box;height:40px;padding:0 12px 0 40px;border:1px solid rgba(var(--accent-rgb),.42);border-radius:10px;background:linear-gradient(180deg,rgba(26,34,26,.98) 0%,rgba(10,12,10,.98) 100%);color:#fff;font-size:.88rem;font-weight:700;outline:none;transition:border-color .18s,box-shadow .18s,background .18s;box-shadow:0 2px 12px rgba(0,0,0,.45),0 0 0 1px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.06)}
.nav-search__input::placeholder{color:rgba(255,255,255,.55);font-weight:600}
.nav-search__input:hover{border-color:rgba(var(--accent-rgb),.58);box-shadow:0 2px 14px rgba(0,0,0,.5),0 0 0 1px rgba(var(--accent-rgb),.15),inset 0 1px 0 rgba(255,255,255,.08)}
.nav-search__input:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(var(--accent-rgb),.28),0 4px 18px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,255,255,.1)}
.nav-search__dropdown{
	position:absolute;top:calc(100% + 6px);right:0;left:0;z-index:10050;
	max-height:min(320px,52vh);
	overflow-y:auto;
	overflow-x:hidden;
	-webkit-overflow-scrolling:touch;
	scrollbar-width:thin;
	scrollbar-color:rgba(var(--accent-rgb),.52) rgba(255,255,255,.04);
	background:linear-gradient(165deg,#141a14,#0a0c0a);
	border:1px solid rgba(var(--accent-rgb),.22);
	border-radius:10px;
	box-shadow:0 16px 40px rgba(0,0,0,.55),inset 0 0 0 1px rgba(255,255,255,.03);
	padding:6px 4px 6px 6px;
}
.nav-search__dropdown::-webkit-scrollbar{width:6px}
.nav-search__dropdown::-webkit-scrollbar-track{background:transparent;margin:6px 0}
.nav-search__dropdown::-webkit-scrollbar-thumb{
	background:linear-gradient(180deg,rgba(var(--accent-rgb),.65),rgba(var(--accent-rgb),.28));
	border-radius:100px;
	border:1px solid rgba(0,0,0,.35);
	box-shadow:inset 0 1px 0 rgba(255,255,255,.12);
}
.nav-search__dropdown::-webkit-scrollbar-thumb:hover{
	background:linear-gradient(180deg,rgba(var(--accent-rgb),.85),rgba(var(--accent-rgb),.42));
	border-color:rgba(0,0,0,.25);
}
.nav-search__dropdown::-webkit-scrollbar-corner{background:transparent}
.nav-search__opt{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:7px;text-decoration:none;color:#fff;font-size:.86rem;font-weight:600;line-height:1.25;transition:background .12s}
.nav-search__opt:hover,.nav-search__opt:focus{background:rgba(255,255,255,.08);outline:none}
.nav-search__opt img{width:28px;height:28px;object-fit:cover;border-radius:6px;flex-shrink:0;border:1px solid rgba(255,255,255,.1)}
.nav-search__opt span{min-width:0;word-break:break-word}
.nav-search__empty{padding:10px 8px;font-size:.82rem;color:rgba(255,255,255,.55);text-align:center}
.nav-link{padding:7px 14px;font-size:.92rem;font-weight:700;color:#fff;border-radius:7px;text-decoration:none;white-space:nowrap;transition:color .15s,background .15s,transform .12s}
.nav-link:hover:not(.active){color:#fff;background:rgba(255,255,255,.1)}
.nav-link.active{color:#000!important;-webkit-text-fill-color:#000!important;background:var(--accent);box-shadow:none}
.nav-link.active:hover{color:#000!important;-webkit-text-fill-color:#000!important;background:var(--accent-2)}
.nav-home{color:#fff}
.nav-hamburger{display:none;flex-direction:column;justify-content:center;gap:5px;width:38px;height:38px;background:transparent;border:1px solid var(--card-border);border-radius:7px;padding:7px;cursor:pointer;flex-shrink:0;transition:border-color .15s}
.nav-hamburger:hover{border-color:rgba(255,255,255,.35)}
.nav-hamburger span{display:block;width:100%;height:2px;background:#fff;border-radius:2px;transition:all .22s cubic-bezier(.4,0,.2,1)}
.nav-hamburger.open span:nth-child(1){transform:translateY(7px) rotate(45deg);background:#fff}
.nav-hamburger.open span:nth-child(2){opacity:0}
.nav-hamburger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg);background:#fff}
@media(max-width:900px){
  .site-header__inner{
    max-width:none;
    width:100%;
    margin:0;
    padding-left:14px;
    padding-right:max(10px, env(safe-area-inset-right, 0px));
  }
  .site-header__nav-cluster{flex:1;justify-content:flex-end;min-width:0}
  .site-header__nav-cluster > .site-nav{
    flex:none;
    justify-content:flex-start;
    display:none;
    position:absolute;top:calc(64px + env(safe-area-inset-top,0px));left:0;right:0;
    flex-direction:column;align-items:stretch;gap:0;
    background:rgba(4,10,4,.97);
    border-bottom:1px solid var(--card-border);
    padding:8px 16px 16px;
    z-index:999;
    backdrop-filter:blur(12px);
  }
  .site-header__nav-cluster > .site-nav.open{display:flex}
  .nav-link{padding:13px 10px;font-size:1rem;border-radius:0;border-bottom:1px solid rgba(255,255,255,.08);white-space:normal}
  .nav-link:hover{transform:none;padding-left:16px}
  .site-nav .nav-search{
    width:100%;
    max-width:none;
    flex:none;
    margin-top:2px;
    padding-top:14px;
    border-top:1px solid rgba(255,255,255,.12);
    box-sizing:border-box;
  }
  .nav-search__mobile-label{
    display:block;
    font-size:.68rem;
    font-weight:800;
    text-transform:uppercase;
    letter-spacing:.12em;
    color:rgba(255,255,255,.45);
    margin:0 2px 8px;
  }
  .site-nav .nav-search__dropdown{
    left:0;
    right:0;
    max-height:min(50vh,360px);
  }
  .nav-hamburger{display:flex}
}
