/* FIX75 public homepage header: pearl logo panel and blue/cyan navigation,
   coordinated with the Night FX banner. Scoped away from staff pages. */
html body .site-header.kx-brand-header {
  position:relative;top:auto;width:100%;z-index:1200;padding:0;
  color:#fff;background:radial-gradient(ellipse at 78% 0%,#56dfff44,transparent 50%),linear-gradient(112deg,#082c64 0%,#124eb0 52%,#087d97 100%);
  border:0;border-bottom:3px solid #95eaff;box-shadow:inset 0 1px 0 #ffffff88,0 5px 20px #082c6426;
  backdrop-filter:none;
}
html body .kx-brand-header:after {
  content:"";position:absolute;bottom:-3px;left:0;width:100%;height:3px;
  background:linear-gradient(90deg,#c8efff 0%,#fff 22%,#75ddff 58%,#e6fbff 100%);
  pointer-events:none;
}
html body .kx-brand-header .nav-wrap {
  width:min(1320px,100%);max-width:1320px;height:auto;min-height:118px;
  margin:0 auto;padding:12px 28px;display:flex;flex-direction:row;
  align-items:center;justify-content:space-between;gap:28px;
  border:0;border-radius:0;background:transparent;box-shadow:none;overflow:visible;
}
html body .kx-brand-header .brand {
  display:flex;flex-direction:column;align-items:flex-start;justify-content:center;
  gap:7px;flex:0 0 262px!important;width:262px;min-width:0!important;max-width:none;
  padding:10px 14px;margin:0;border:1px solid #fff;border-radius:14px;
  background:linear-gradient(145deg,#fff 48%,#edf7ff 100%);
  box-shadow:inset 0 2px 0 #fff,0 6px 18px #03245340;
  text-decoration:none;overflow:visible;
}
html body .kx-brand-header .brand img {
  display:block;width:232px!important;max-width:100%!important;height:auto!important;
  max-height:none;object-fit:contain;object-position:left center;
}
html body .kx-brand-header .brand-tagline {
  display:flex;align-items:center;gap:5px;max-width:100%;white-space:nowrap;
  color:#14396a;font:700 8px/1.4 Inter,Arial,sans-serif;letter-spacing:.09em;
}
html body .kx-brand-header .brand-tagline i {width:2px;height:8px;background:#079246;flex-shrink:0}
html body .kx-brand-header .brand:focus-visible {
  outline:3px solid #ffda67;outline-offset:4px;
}
html body .kx-brand-header .main-nav {
  display:flex;position:relative;top:auto;left:auto;right:auto;bottom:auto;
  width:auto;max-width:100%;min-width:0;flex:0 1 auto;
  flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:flex-end;
  gap:8px;margin:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;
}
html body .kx-brand-header .main-nav > a,
html body .kx-brand-header .main-nav .nav-group-toggle {
  display:flex;position:relative;align-items:center;justify-content:center;
  gap:7px;min-height:46px!important;width:auto!important;padding:0 13px!important;
  border:1px solid #a5dbff!important;border-radius:10px!important;
  color:#fff!important;background:linear-gradient(180deg,#2468cf 0%,#154caa 48%,#103b86 50%,#082e6a 100%)!important;
  box-shadow:inset 0 1px 0 #ffffffb3,inset 0 -1px 0 #041d5140,0 4px 9px #03245340!important;
  font:700 12px/1.2 Inter,Arial,sans-serif!important;text-decoration:none!important;
  white-space:nowrap;cursor:pointer;transform:none!important;
  transition:background .16s ease,box-shadow .16s ease,border-color .16s ease;
}
html body .kx-brand-header .main-nav > a:hover,
html body .kx-brand-header .main-nav .nav-group-toggle:hover {
  background:linear-gradient(180deg,#246dcc,#124ba8 50%,#093b88)!important;
  border-color:#fff!important;box-shadow:inset 0 1px 0 #fff,0 0 0 1px #a7eaff66,0 5px 13px #03245345!important;
}
html body .kx-brand-header .main-nav > a[aria-current="page"],
html body .kx-brand-header .main-nav .nav-group-toggle[aria-expanded="true"] {
  color:#082c64!important;border-color:#fff!important;
  background:linear-gradient(180deg,#fff 0%,#f8fcff 48%,#e0f1ff 100%)!important;
  box-shadow:inset 0 -3px 0 #58cbed,0 0 0 1px #b1eaff66,0 4px 10px #0324533b!important;
}
html body .kx-brand-header .main-nav > a:before,
html body .kx-brand-header .main-nav > a:after {display:none!important}
html body .kx-brand-header .main-nav :is(a,button):focus-visible {
  outline:3px solid #ffda67!important;outline-offset:3px;
  box-shadow:0 0 0 2px #fff!important;
}
html body .kx-brand-header .nav-icon {display:block;width:17px;height:17px;flex:0 0 17px;opacity:.95}
html body .kx-brand-header .nav-chevron {
  display:block;width:6px;height:6px;border-right:1.7px solid currentColor;
  border-bottom:1.7px solid currentColor;transform:rotate(45deg);margin:-3px 0 0 2px;
}
html body .kx-brand-header [aria-expanded="true"] .nav-chevron {transform:rotate(225deg);margin-top:3px}
html body .kx-brand-header .nav-group {position:relative;margin:0;padding:0;width:auto;min-width:0}
html body .kx-brand-header .nav-group-menu {
  display:none;position:absolute;top:calc(100% + 9px);left:0;right:auto;z-index:1250;
  min-width:245px;width:max-content;max-width:min(310px,calc(100vw - 32px));
  padding:8px;margin:0;border:1px solid #ccdfed!important;border-top:3px solid #409bdc!important;
  border-radius:11px;background:#fff!important;box-shadow:0 12px 28px #082c6426!important;
}
html body .kx-brand-header .nav-group.open .nav-group-menu {display:grid;gap:3px}
html body .kx-brand-header .nav-group-menu[hidden] {display:none!important}
html body .kx-brand-header .nav-group-menu a {
  display:flex;align-items:center;justify-content:flex-start;min-height:44px;
  width:100%;padding:10px 12px;white-space:normal;
  font:600 13px/1.4 Inter,Arial,sans-serif;color:#082c64!important;background:#fff!important;
  border:0;border-radius:6px;box-shadow:none;text-decoration:none;overflow-wrap:anywhere;
}
html body .kx-brand-header .nav-group-menu a:hover,
html body .kx-brand-header .nav-group-menu a:focus-visible {background:#e7f3ff!important;color:#082c64!important}
@media(max-width:1150px) {
  html body .kx-brand-header .nav-wrap {padding:14px 20px;gap:16px}
  html body .kx-brand-header .brand {flex-basis:230px!important;width:230px;padding:9px 11px}
  html body .kx-brand-header .brand img {width:206px!important}
  html body .kx-brand-header .brand-tagline {font-size:7px;gap:4px;letter-spacing:.07em}
  html body .kx-brand-header .main-nav {gap:6px}
  html body .kx-brand-header .main-nav > a,
  html body .kx-brand-header .main-nav .nav-group-toggle {padding:0 10px!important;gap:5px;font-size:11px!important}
}
@media(max-width:950px) {
  html body .kx-brand-header .nav-wrap {flex-direction:column;align-items:center;gap:15px;padding:14px 20px 17px}
  html body .kx-brand-header .brand {flex:0 0 auto!important;width:248px;align-items:center;padding:9px 12px}
  html body .kx-brand-header .brand img {width:222px!important}
  html body .kx-brand-header .brand-tagline {font-size:7.5px}
  html body .kx-brand-header .main-nav {justify-content:center;width:100%;gap:7px}
  html body .kx-brand-header .main-nav > a,
  html body .kx-brand-header .main-nav .nav-group-toggle {font-size:12px!important;padding:0 12px!important}
}
@media(max-width:650px) {
  html body .kx-brand-header .nav-wrap {gap:13px;padding:12px 14px 14px}
  html body .kx-brand-header .brand {width:220px;gap:5px;padding:8px 11px}
  html body .kx-brand-header .brand img {width:196px!important}
  html body .kx-brand-header .brand-tagline {font-size:6.8px;gap:4px}
  html body .kx-brand-header .main-nav {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;width:100%;flex:0 0 auto}
  html body .kx-brand-header .main-nav > a,
  html body .kx-brand-header .main-nav .nav-group-toggle {width:100%!important;min-height:46px!important;padding:7px 5px!important;gap:5px;white-space:normal;font-size:11px!important;text-align:center}
  html body .kx-brand-header .nav-icon {width:15px;height:15px;flex-basis:15px}
  html body .kx-brand-header .nav-group {position:static;width:100%}
  html body .kx-brand-header .nav-group-menu {left:0;right:0;top:calc(100% + 8px);min-width:0;width:100%;max-width:100%;max-height:55vh;overflow:auto}
}
@media(max-width:360px) {
  html body .kx-brand-header .nav-wrap {padding-left:10px;padding-right:10px}
  html body .kx-brand-header .main-nav {gap:6px}
  html body .kx-brand-header .main-nav > a,
  html body .kx-brand-header .main-nav .nav-group-toggle {font-size:10px!important;gap:4px}
  html body .kx-brand-header .nav-icon {display:none}
}
@media(prefers-reduced-motion:reduce) {html body .kx-brand-header *{transition:none!important}}