:root{--site-header-height:calc(env(safe-area-inset-top) + var(--tap-target) + 40px)}:root[data-layout=compact]{--site-header-height:calc(env(safe-area-inset-top) + var(--tap-target) + 20px)}.site-header{--header-gap:20px;z-index:3;min-height:calc(env(safe-area-inset-top) + var(--tap-target) + 2 * var(--header-gap));padding:env(safe-area-inset-top) calc(env(safe-area-inset-right) + 20px) 0 calc(env(safe-area-inset-left) + 2 * var(--tap-target) + 60px);border-bottom:var(--border-width) solid var(--color-fg);background:var(--color-bg);justify-content:flex-end;align-items:center;display:flex;position:sticky;top:0}.site-header__panel{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.5rem 1.25rem;font-size:1.25rem;display:flex}.site-header .site-header__socials{border-left:var(--border-width) solid var(--color-fg);padding-left:1rem}:root:not([data-layout=compact]) .site-header__socials .socials__link{min-width:0;min-height:0;padding:.3em}@media (max-width:880px){:root:not([data-layout=compact]) .site-header__panel{gap:0 .75rem;font-size:1.1rem}:root:not([data-layout=compact]) .site-header__socials{border-left:0;padding-left:0}}.site-header .site-header__nav ul{flex-flow:wrap;justify-content:flex-end}.site-header__nav .nav__link{font-weight:400}.site-header__menu{display:none}.site-header__menu svg{width:20px;height:20px}.site-header[data-open] .site-header__open,.site-header:not([data-open]) .site-header__close{display:none}:root[data-layout=compact] .site-header{--header-gap:10px;padding-left:calc(env(safe-area-inset-left) + var(--header-gap));justify-content:flex-start}:root[data-layout=compact] .site-header__menu{display:grid}:root[data-layout=compact] .site-header__panel{padding:.5rem var(--header-gap) .75rem;border-bottom:var(--border-width) solid var(--color-fg);background:var(--color-bg);flex-direction:column;align-items:flex-start;gap:.5rem;display:none;position:absolute;top:100%;left:0;right:0}:root[data-layout=compact] .site-header[data-open] .site-header__panel{display:flex}:root[data-layout=compact] .site-header__socials{border-left:0;border-top:var(--border-width) solid var(--color-fg);align-self:stretch;padding:.5rem 0 0}:root[data-layout=compact] .site-header__nav ul{flex-direction:column;align-items:flex-start}