/* PC HEADER — PHASE42 */
.site-header{
  position:sticky;top:0;z-index:1000;
  border-bottom:1px solid rgba(255,255,255,.07);
  background:rgba(7,7,8,.90);
  backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)
}
.site-header__main{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:28px}
.site-brand{display:inline-flex;align-items:center;gap:11px;text-decoration:none;min-width:0}
.site-brand__mark{
  position:relative;width:50px;height:42px;border-radius:8px 15px 8px 15px;display:grid;place-items:center;
  border:1px solid rgba(255,91,154,.42);
  background:linear-gradient(135deg,rgba(230,37,114,.28),rgba(217,185,110,.10) 62%,rgba(255,255,255,.025)),#0b090b;
  color:#fff4f8;font-size:14px;font-weight:950;font-style:italic;letter-spacing:-.4px;
  text-shadow:0 0 12px rgba(255,91,154,.42);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10),inset 0 -1px 0 rgba(230,37,114,.22),0 12px 34px rgba(92,4,38,.24);
  transform:skewX(-7deg);overflow:hidden
}
.site-brand__mark:after{content:"";position:absolute;inset:auto -9px 7px 9px;height:1px;background:linear-gradient(90deg,transparent,var(--pink-soft),var(--gold-soft),transparent)}
.site-brand__text{display:flex;flex-direction:column;min-width:0}
.site-brand__text strong{font-size:14px;letter-spacing:2.15px;line-height:1.15}
.site-brand__text small{margin-top:4px;color:var(--dim);font-size:8px;font-weight:800;letter-spacing:1.5px}
.site-nav{display:flex;align-items:center;gap:7px}
.site-nav>a{
  padding:10px 14px;border-radius:999px;text-decoration:none;
  color:#b9b4ad;font-size:11px;font-weight:850;letter-spacing:.1px;transition:.18s ease
}
.site-nav>a:hover{color:#fff;background:rgba(255,255,255,.05)}
.site-nav>a.is-active{color:#17130d;background:linear-gradient(135deg,var(--gold-soft),#b99344)}