/* One shared canvas: header colour follows the page in the same animation frame. */
header{background:var(--canvas-bg);border-bottom:0;box-shadow:none;backdrop-filter:none;isolation:isolate}
header::after{content:'';position:absolute;top:100%;left:0;right:0;height:18px;background:linear-gradient(180deg,var(--canvas-bg),transparent);pointer-events:none;z-index:-1}
header .wordmark{background:transparent}
header #nav>a{font-weight:400;transition:color .2s ease}
header #nav>a::after{height:1px;opacity:.65;transition:right .25s ease}
header a.nav-cta.contact-action{font-weight:400;gap:16px;border-radius:3px;box-shadow:none}
header .lang{font-size:10px;letter-spacing:.6px}
@media(max-width:800px){header::after{height:12px}header #nav{border-bottom-color:var(--canvas-line)}}
@media(prefers-reduced-motion:reduce){header #nav>a,header #nav>a::after{transition:none}}