.site-header{--header-mobile-padding-inline:0.5em;--header-mobile-padding-block:0.5em;--content-size:min(100% - (var(--header-mobile-padding-block) * 2),var(--max-width));background:transparent;display:grid;grid-template-columns:[full-start] var(--header-mobile-padding-inline) [gutter-start] auto [header-start body-start footer-start] var(--content-size) [header-end body-end footer-end] auto [gutter-end] var(--header-mobile-padding-inline) [full-end];grid-template-rows:[full-start gutter-start header-start] var(--header-mobile-padding-block) [header-end body-start] auto [body-end footer-start] var(--header-mobile-padding-block) [footer-end gutter-end full-end];position:sticky;top:0;transition:background-color var(--global-trans);z-index:900}@media (min-width:1040px){.site-header{--content-size:min(100% - (var(--window-padding--inline) * 2),var(--max-width));grid-template-columns:[full-start] var(--window-padding--inline) [gutter-start] auto [header-start body-start footer-start] var(--content-size) [header-end body-end footer-end] auto [gutter-end] var(--window-padding--inline) [full-end];grid-template-rows:[full-start gutter-start header-start] var(--window-padding--inline) [header-end body-start] auto [body-end footer-start] var(--window-padding--inline) [footer-end gutter-end full-end]}}.site-header__header{align-items:center;display:grid;grid-area:header;justify-content:center}.site-header__body{align-items:center;backdrop-filter:blur(10px);background:hsla(0,0%,100%,.9);border-radius:var(--global-radius-md);box-shadow:var(--box-shadow);column-gap:var(--molecule-standard-gap);display:grid;grid-area:body;grid-template-columns:[logo-start] auto [logo-end menu-start] 1fr [menu-end];grid-template-rows:[logo-start menu-start] auto [logo-end menu-end];padding-inline:var(--molecule-standard-gap);position:relative;z-index:10}.menu-open .site-header__body{backdrop-filter:none}.site-header__logo{grid-area:logo;padding-block:var(--molecule-small-gap)}.site-header__logo svg{max-width:240px;width:100%}