/* Keep the existing header geometry while it follows the page. */
html[data-rezim-system] body.pixel-reference .site-header{position:fixed}
.pixel-reference .pixel-hero-bottom{justify-content:flex-end}

/* The original SVG supplies the exact shape for the brand-blue logo. */
.pixel-reference .site-header .brand{position:relative}
.pixel-reference .site-header .brand::after{
 content:"";position:absolute;inset:0;pointer-events:none;opacity:0;
 background:#315cff;
 -webkit-mask:url("assets/brand/rezim-pixel-white.svg?v=20260915-19") center/contain no-repeat;
 mask:url("assets/brand/rezim-pixel-white.svg?v=20260915-19") center/contain no-repeat;
}
.pixel-reference .site-header[data-header-surface="light"] .brand img{opacity:0}
.pixel-reference .site-header[data-header-surface="light"] .brand::after{opacity:1}
html[data-rezim-system] body.pixel-reference .site-header[data-header-surface="light"]{background:#f3f2ef!important}
html[data-rezim-system] body.pixel-reference .site-header[data-header-surface="light"] .header-cta{
 color:#315cff!important;border-color:#315cff!important;
}
.pixel-reference .site-header[data-header-surface="light"] .header-cta:focus-visible{outline-color:#315cff}
.pixel-reference .site-header[data-header-surface="light"] .brand:focus-visible{outline-color:#315cff}
.pixel-reference .site-header[data-header-surface="light"] .menu-toggle{color:#315cff;border-color:#315cff80}
@media(min-width:761px) and (max-width:1000px){
 html[data-rezim-system] body.pixel-reference .site-header[data-header-surface="light"] .site-nav:not(.is-open) a{color:#315cff;text-shadow:none}
}
@media(hover:hover) and (pointer:fine){
 html[data-rezim-system] body.pixel-reference .site-header[data-header-surface="light"] .header-cta:hover{
  color:#fff!important;background:#315cff!important;border-color:#315cff!important;
 }
}