.csf-header{position:sticky;top:0;z-index:100;background:var(--color--header-bg);backdrop-filter:blur(14px);border-block-end:var(--border--width) solid var(--color--line)}.csf-header-in{display:flex;align-items:center;justify-content:space-between;height:var(--bar--height-header);gap:var(--space-s)}.csf-header-logo{display:flex;align-items:center}.csf-header-logo svg{height:44px;width:auto;display:block}.csf-header-right{display:flex;align-items:center;gap:var(--space-s)}.csf-header-inline{display:flex;align-items:center;gap:var(--space-s-m);margin-inline-end:var(--space-xs)}.csf-header-inlink{position:relative;display:inline-flex;align-items:center;min-height:44px;font-stretch:var(--font--stretch--expanded);font-weight:700;font-size:var(--text--1);color:var(--color--grey-300);white-space:nowrap;transition:color var(--transition--base)}.csf-header-inlink:hover{color:var(--color--fg)}.csf-header-inlink[aria-current]{color:var(--color--fg)}.csf-header-inlink[aria-current]::after{content:"";position:absolute;inset-inline:0;inset-block-end:var(--space-2xs);height:var(--border--width-strong);background:var(--color--yellow)}.csf-header-prog{padding-block:var(--space-xs);padding-inline:var(--space-m);font-size:var(--text--1)}.csf-header-burger{display:none;flex-direction:column;justify-content:center;gap:var(--space-3xs);width:52px;height:44px;padding-block:0;padding-inline:var(--space-xs);border:var(--border--width) solid var(--color--line);border-radius:var(--radius--10);background:#fff0;cursor:pointer;transition:border-color var(--transition--base)}.csf-header-burger:hover{border-color:rgb(255 255 255 / .5)}.csf-header-burger:focus-visible{outline:var(--border--width-strong) solid var(--color--yellow);outline-offset:var(--space-3xs)}.csf-header-burger span{display:block;height:var(--border--width-strong);width:100%;background:var(--color--fg);transition:transform var(--transition--menu),opacity var(--transition--base)}.csf-menu-open .csf-header-burger{border-color:var(--color--yellow)}.csf-menu-open .csf-header-burger span:nth-child(1){transform:translateY(7px) rotate(45deg)}.csf-menu-open .csf-header-burger span:nth-child(2){opacity:0}.csf-menu-open .csf-header-burger span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.csf-header-overlay{position:fixed;inset:0;z-index:90;display:flex;align-items:center;padding-block:clamp(88px, 11vh, 110px) clamp(32px, 6vh, 60px);padding-inline:var(--grid-gutter);background:var(--color--bg);opacity:0;visibility:hidden;overflow-y:auto;transition:opacity var(--transition--menu),visibility var(--transition--menu)}.csf-menu-open .csf-header-overlay{opacity:1;visibility:visible}.csf-header-nav{display:flex;flex-direction:column;gap:var(--space-xs-s);width:100%;max-width:var(--grid-max-width);margin-inline:auto}.csf-header-navlink{display:flex;align-items:center;min-height:44px;font-stretch:var(--font--stretch--expanded);font-weight:900;font-size:min(var(--text-8), 9vh);line-height:1;letter-spacing:var(--font--letter-spacing--tight);color:var(--color--fg);opacity:0;transform:translateY(16px);transition:opacity var(--transition--slow),transform var(--transition--slow),color var(--transition--base)}.csf-header-navlink:hover,.csf-header-navlink:focus-visible{color:var(--color--yellow)}.csf-header-navlink[aria-current]{color:var(--color--yellow);text-decoration:underline;text-decoration-thickness:.06em;text-underline-offset:.14em}.csf-menu-open .csf-header-navlink{opacity:1;transform:none}.csf-header-navlink:nth-child(2){transition-delay:0.04s}.csf-header-navlink:nth-child(3){transition-delay:0.08s}.csf-header-navlink:nth-child(4){transition-delay:0.12s}.csf-header-navlink:nth-child(5){transition-delay:0.16s}.csf-header-navlink:nth-child(6){transition-delay:0.2s}.csf-header-navlink:nth-child(7){transition-delay:0.24s}.csf-header-navlink:nth-child(8){transition-delay:0.28s}.csf-header-navlink:nth-child(9){transition-delay:0.32s}@media (prefers-reduced-motion:reduce){.csf-header-overlay,.csf-header-navlink,.csf-header-burger span{transition:none}}@media (max-width:1279px){.csf-header-inline{display:none}.csf-header-burger{display:flex}}@media (max-width:478px){.csf-header-prog{display:none}}.csf-header-prog[aria-current]{box-shadow:0 0 0 var(--border--width-strong) var(--color--bg),0 0 0 calc(var(--border--width-strong) * 2) var(--color--fg)}