.site-header{--site-utility-height:32px;--site-primary-height:56px;--site-service-height:44px;--site-visible-height:calc(var(--site-utility-height) + var(--site-primary-height) + var(--site-service-height));--site-sage-50:#f3f7f2;--site-sage-100:#e8f0e6;--site-sage-200:#d7e3d4;--site-sage-700:#49624c;transition:transform .18s,box-shadow .18s}.site-utility{height:var(--site-utility-height)}.site-primary{height:var(--site-primary-height)}.site-online-services{height:var(--site-service-height)}.site-header-spacing{height:44px}.site-header[data-scrolled=true]{--site-visible-height:calc(var(--site-primary-height) + var(--site-service-height));transform:translateY(calc(-1 * var(--site-utility-height)));box-shadow:0 2px 8px #0000000f}.site-mobile-menu{max-height:calc(100dvh - var(--site-visible-height))}.site-online-secondary{color:var(--site-sage-700);background:var(--site-sage-50);border-color:var(--site-sage-200)}.site-online-secondary:hover{background:var(--site-sage-100)}.site-header :is(a,button,summary):focus-visible{outline:3px solid var(--color-ergo);outline-offset:3px}@media (min-width:640px){.site-header{--site-utility-height:36px;--site-primary-height:64px}}@media (max-width:639px){.site-online-action{white-space:nowrap;flex:1 1 0;padding-inline:8px}}@media (prefers-reduced-motion:reduce){.site-header,.site-online-action{transition:none}}