@layer components{:root{--header-block-size:calc(
            var(--touch-target) +
            2 *
            var(--space-2xs) +
            var(--border-width-thick)
        )}.skip-link{position:fixed;inset-block-start:var(--space-2xs);inset-inline-start:var(--space-2xs);z-index:var(--z-overlay);padding-block:var(--space-2xs);padding-inline:var(--space-s);background-color:var(--color-accent);color:var(--color-on-accent);font-weight:var(--font-weight-bold);text-decoration:none;&:not(:focus){overflow:hidden;clip-path:inset(50%);white-space:nowrap}&:focus-visible{outline-color:var(--color-text)}}.header{position:sticky;inset-block-start:0;z-index:var(--z-sticky);border-block-end:var(--border-width-thick)solid var(--color-accent);@media(width < 75rem){&:not([data-enhanced=true]){position:relative}&[data-open=true]{z-index:var(--z-overlay);max-block-size:100dvh;overflow-y:auto;overscroll-behavior:contain}}& .header__inner{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-xs)var(--space-m);padding-block:var(--space-2xs)}& .header__brand{display:flex;align-items:center;gap:var(--space-2xs);margin-inline-end:auto;color:inherit;text-decoration:none;@media(width < 75rem){flex: 1 1 0; min-inline-size: 0;}}& .header__mark{display:grid;place-items:center;inline-size:var(--touch-target);aspect-ratio:1;border-radius:var(--radius-s);background-color:var(--color-accent);color:var(--color-on-accent)}& .header__brand-text{display:flex;flex-direction:column;line-height:var(--leading-display)}& .header__name{font-family:var(--font-display);font-size:var(--size-step-2);font-weight:var(--font-weight-display);letter-spacing:var(--tracking-display);text-transform:uppercase}& .header__tagline{color:var(--color-text-muted);font-size:var(--size-step--2);letter-spacing:var(--tracking-caps);text-transform:uppercase}& .header__toggle{display:none;align-items:center;gap:var(--space-2xs);min-block-size:var(--touch-target);padding-inline:var(--space-xs);border:var(--border-width-hairline)solid var(--color-border-strong);border-radius:var(--radius-s);background:0 0;color:inherit;font-size:var(--size-step-1);cursor:pointer;@media(width < 75rem){order: 1; .header[data-enhanced=true] &{display:inline-flex}}}& .header__toggle-icon{&[data-icon=close], .header[data-open=true] &[data-icon=open]{display:none}.header[data-open=true] &[data-icon=close]{display:block}}& .header__panel{@media(width < 75rem){order: 2; display: flex; flex-basis: 100%; flex-direction: column; gap: var(--space-m); padding-block: var(--space-xs) var(--space-s); .header[data-enhanced=true][data-open=false] &{display:none}}}& .header__links{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3xs)var(--space-s);@media(width < 75rem){flex-direction: column; align-items: stretch; gap: 0;}}& .header__item{position:relative;display:flex;flex-wrap:wrap;align-items:center;@media(width < 75rem){border-block-end: var(--border-width-hairline) solid var(--color-border);}}& .header__link{display:flex;align-items:center;min-block-size:var(--touch-target);color:inherit;font-size:var(--size-step-2);text-decoration:none;@media(width >= 75rem){font-size: var(--size-step-0);}&[aria-current]{color:var(--color-accent-text);text-decoration:underline var(--border-width-thick)var(--color-accent);text-underline-offset:var(--space-3xs)}}& .header__submenu-toggle{display:none;place-items:center;min-inline-size:var(--touch-target);min-block-size:var(--touch-target);padding:0;border:0;border-radius:var(--radius-s);background:0 0;color:inherit;cursor:pointer;@media(width < 75rem){margin-inline-start: auto; border: var(--border-width-hairline) solid var(--color-border-strong);}&:hover{color:var(--color-accent-text)}.header[data-enhanced=true] &{display:grid}& svg{transition:rotate var(--transition);.header[data-submenu-open=true] &{rotate:180deg}}}& .header__submenu{display:none;grid-template-columns:repeat(2,minmax(max-content,1fr));gap:var(--space-3xs);padding:var(--space-2xs);border:var(--border-width-hairline)solid var(--color-border);border-block-start:var(--border-width-thick)solid var(--color-accent);background-color:var(--color-surface-raised);@media(width >= 75rem){position: absolute; inset-block-start: 100%; inset-inline-start: 0; z-index: var(--z-overlay); box-shadow: var(--shadow-m);}@media(width < 75rem){flex-basis: 100%; grid-template-columns: 1fr; margin-block-end: var(--space-2xs);}.header:not([data-enhanced=true]) .header__item:is(:hover, :focus-within) &, .header[data-submenu-open=true] &{display:grid}}& .header__submenu-link{display:flex;align-items:center;gap:var(--space-2xs);min-block-size:var(--touch-target);padding-inline:var(--space-xs);border-inline-start:var(--border-width-thick)solid transparent;color:inherit;text-decoration:none;& svg{color:var(--color-accent-text)}&:hover{background-color:var(--color-surface)}&[aria-current=page]{border-inline-start-color:var(--color-accent);color:var(--color-accent-text)}}& .header__extras{--stack-space:var(--space-s);display:none;@media(width < 75rem){display: flex;}}& .header__actions{--cluster-space:var(--space-2xs)}& .header__call{@media screen and (width < 48rem){display: none;}}}}