/* Enlarged Kronos bear and a restrained mirror-glass treatment for the fixed header. */
.ks-nav {
  isolation:isolate;
  background:linear-gradient(160deg,rgba(255,255,255,.105) 0%,rgba(255,255,255,.035) 32%,rgba(7,7,9,.62) 100%) !important;
  border:1px solid rgba(255,255,255,.14) !important;
  box-shadow:0 1px 0 rgba(255,255,255,.2) inset,0 10px 38px rgba(0,0,0,.42),0 0 28px rgba(206,177,123,.035) !important;
  -webkit-backdrop-filter:blur(26px) saturate(180%) brightness(1.08) !important;
  backdrop-filter:blur(26px) saturate(180%) brightness(1.08) !important;
  transition:background .32s ease,border-color .32s ease,box-shadow .32s ease,backdrop-filter .32s ease,-webkit-backdrop-filter .32s ease !important;
}
.ks-nav::before {
  content:"";
  position:absolute;
  z-index:0;
  inset:0;
  border-radius:inherit;
  pointer-events:none;
  background:linear-gradient(112deg,transparent 8%,rgba(255,255,255,.035) 24%,rgba(255,255,255,.13) 38%,rgba(255,255,255,.025) 51%,transparent 68%),linear-gradient(180deg,rgba(255,255,255,.055),transparent 45%);
  opacity:.8;
}
.ks-nav-fx { z-index:0; }
.ks-nav-fx::after {
  background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.045) 50%,transparent 70%);
  animation-duration:11s;
}
.ks-nav-inner { position:relative !important;z-index:1; }
.ks-logo { gap:11px !important; }
.ks-logo img {
  flex:0 0 98px !important;
  width:98px !important;
  height:98px !important;
  object-fit:contain;
  transform-origin:50% 50%;
  transform:scale(1.37);
  animation:kxBearAura 5.4s ease-in-out infinite !important;
  transition:filter .3s ease,transform .3s ease !important;
}
@keyframes kxBearAura {
  0%,100% { transform:scale(1.37);filter:drop-shadow(0 0 7px rgba(255,255,255,.27)) drop-shadow(0 0 12px rgba(222,190,130,.13)); }
  50% { transform:scale(1.395);filter:drop-shadow(0 0 10px rgba(255,255,255,.42)) drop-shadow(0 0 19px rgba(226,191,126,.26)); }
}
.ks-logo:hover img { animation-play-state:paused !important;transform:scale(1.43);filter:drop-shadow(0 0 12px rgba(255,255,255,.5)) drop-shadow(0 0 23px rgba(226,191,126,.31)) !important; }
.ks-logo-text {
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  gap:5px !important;
  font-size:22px !important;
  line-height:1 !important;
  letter-spacing:.1em !important;
  text-shadow:none !important;
  animation:kxWordGlow 4.2s ease-in-out infinite !important;
}
.ks-logo-text span {
  display:block !important;
  margin-right:-.38em !important;
  color:rgba(255,255,255,.78) !important;
  background:none !important;
  background-image:none !important;
  -webkit-text-fill-color:currentColor !important;
  font-size:12px !important;
  line-height:1 !important;
  letter-spacing:.38em !important;
  animation:none !important;
}
@keyframes kxWordGlow {
  0%,100% { opacity:.92;text-shadow:0 0 4px rgba(255,255,255,.12),0 0 10px rgba(255,255,255,.04); }
  50% { opacity:1;text-shadow:0 0 7px rgba(255,255,255,.24),0 0 17px rgba(255,255,255,.1); }
}
body.ks-sc .ks-nav {
  background:linear-gradient(160deg,rgba(255,255,255,.085) 0%,rgba(255,255,255,.028) 34%,rgba(7,7,9,.58) 100%) !important;
  border-color:rgba(255,255,255,.18) !important;
  box-shadow:0 1px 0 rgba(255,255,255,.24) inset,0 14px 38px rgba(0,0,0,.34),0 0 30px rgba(206,177,123,.045) !important;
  -webkit-backdrop-filter:blur(30px) saturate(185%) brightness(1.04) !important;
  backdrop-filter:blur(30px) saturate(185%) brightness(1.04) !important;
}
@media(max-width:1400px) and (min-width:601px) {
  .ks-logo img { flex-basis:92px !important;width:92px !important;height:92px !important; }
}
@media(max-width:600px) {
  .ks-logo { gap:8px !important; }
  .ks-logo img { flex-basis:72px !important;width:72px !important;height:72px !important; }
  .ks-logo-text { font-size:18px !important; }
  .ks-logo-text span { font-size:11px !important; }
}
@media(max-width:370px) {
  .ks-logo img { flex-basis:64px !important;width:64px !important;height:64px !important; }
  .ks-logo-text { font-size:17px !important; }
  .ks-logo-text span { font-size:10px !important; }
}
@media(prefers-reduced-motion:reduce) {
  .ks-logo img { animation:none !important;transform:scale(1.37) !important;transition:none !important; }
  .ks-logo-text { animation:none !important;opacity:1 !important;text-shadow:0 0 5px rgba(255,255,255,.14) !important; }
  .ks-nav-fx::after { animation:none !important; }
}