.header{position:sticky;top:0;z-index:20;background:var(--color-background);box-shadow:0 0 0 100vmax var(--color-background);clip-path:inset(0 -100vmax);}
html{scroll-padding-top:var(--scroll-offset)}
.header .brand .brand-name{display:block;font-family:var(--font-heading);font-size:var(--brand-name-size)!important;font-weight:var(--weight-regular);letter-spacing:-.5px;line-height:1.2;white-space:nowrap}
.header{transition:padding var(--motion-dialog) var(--ease-entrance)}
.header .brand img{transition:width var(--motion-dialog) var(--ease-entrance),height var(--motion-dialog) var(--ease-entrance)}
.header.is-compact{padding-top:var(--header-compact-padding);padding-bottom:var(--header-compact-padding)}
.header.is-compact .brand img{width:var(--header-compact-logo);height:var(--header-compact-logo)}
@media(max-width:700px){.header.is-compact{padding-top:6px;padding-bottom:6px}.header.is-compact .brand img{width:36px;height:36px}}
.header nav a{position:relative;display:inline-flex;align-items:center;min-height:44px;padding:10px 5px;color:var(--color-text)}
.header nav a::after{content:'';position:absolute;left:5px;right:5px;bottom:4px;height:2px;background:var(--color-text);transform:scaleX(0);transform-origin:left;transition:transform var(--motion-hover),background-color var(--motion-hover)}
.header nav a:hover{color:var(--color-text)}
.header nav a:hover::after,.header nav a:focus-visible::after{transform:scaleX(1)}
.header nav a[aria-current="location"]::after{transform:scaleX(1);background:var(--color-brand)}
@media(max-width:700px){.header nav{gap:0 var(--space-2)}.header nav a{padding:8px 3px}.header nav a::after{left:3px;right:3px}}
@media(prefers-reduced-motion:reduce){.header nav a::after{transition:none}}