header{z-index:100;height:var(--header-height);padding-inline:var(--spacing-lg);color:var(--color-bg);justify-content:space-between;align-items:center;transition:background-color .2s ease-in-out,color .2s ease-in-out,border-color .2s ease-in-out;display:flex;position:fixed;top:0;left:0;right:0}header.is-scrolled{background-color:var(--color-bg);color:var(--color-text);border-bottom-color:var(--color-border)}header>a{align-items:center;gap:var(--spacing-md);display:flex}header>a>img{width:48px;height:auto}header>a>span{flex-direction:column;line-height:1.15;display:flex}header>a strong{font-family:var(--font-family-display);letter-spacing:.04em;font-size:1.5rem;font-weight:400}header.is-scrolled strong{color:#b0241a}header>a small{opacity:.85;font-size:.8rem}header>nav{gap:var(--spacing-lg);display:flex}header>nav>a{padding-block:4px;font-size:.95rem;position:relative}header>nav>a:after{content:"";transform-origin:0;background-color:currentColor;height:1px;transition:transform .2s ease-out;position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}header>nav>a:hover:after,header>nav>a:focus-visible:after{transform:scaleX(1)}#menu-toggle{width:36px;height:30px;color:inherit;background-color:#0000;border:none;padding:0;display:none}#menu-toggle>span{background-color:currentColor;width:24px;height:2px;margin:6px auto;transition:transform .3s cubic-bezier(1,.54,.58,1),opacity .3s;display:block}#menu-toggle[aria-expanded=true]>span:first-of-type{transform:translateY(8px)rotate(45deg)}#menu-toggle[aria-expanded=true]>span:nth-of-type(2){opacity:0}#menu-toggle[aria-expanded=true]>span:last-of-type{transform:translateY(-8px)rotate(-45deg)}main>section{scroll-margin-top:var(--header-height)}@media (width<=1024px){header>nav{gap:var(--spacing-md)}header>nav>a{font-size:.85rem}}@media (width<=768px){header{background-color:var(--color-bg);color:var(--color-text);border-bottom-color:var(--color-border);padding-inline:var(--spacing-md)}#menu-toggle{display:block}header>nav{top:var(--header-height);background-color:var(--color-bg);flex-direction:column;gap:0;max-height:0;transition:max-height .4s ease-in-out;position:absolute;left:0;right:0;overflow:hidden}header.is-open>nav{border-bottom:1px solid var(--color-border);max-height:400px}header>nav>a{padding:var(--spacing-md);border-top:1px solid var(--color-border);font-size:1rem}header>nav>a:after{display:none}header>nav>a:hover{background-color:var(--color-surface)}}@media (prefers-reduced-motion:reduce){header,header>nav,header>nav>a:after,#menu-toggle>span{transition:none}}