/* Clear glass follows the page; each label chooses its own light or dark ink. */
:root{--header-height:94px}
body{padding-top:var(--header-height)}
body.page-home{padding-top:0}
.site-header{--header-ink:#000;position:fixed;inset:0 0 auto;max-width:none;height:var(--header-height);background:transparent;border:0;backdrop-filter:none;-webkit-backdrop-filter:none;color:var(--header-ink);padding-inline:max(var(--gutter),calc((100vw - 1920px)/2 + var(--gutter)))}
.page-home .site-header{--header-ink:#fff}
.site-header::before,.site-header #navigation::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:rgb(255 255 255 / .045);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}
.site-header [data-ink=dark]{--header-ink:#000}
.site-header [data-ink=light]{--header-ink:#fff}
.site-header .brand,.site-header .brand>span,.site-header #navigation>a:not(.nav-contact),.site-header .menu,.site-header .language-switch{color:var(--header-ink)}
.site-header #navigation>a:not(.nav-contact):hover,.site-header #navigation>a:not(.nav-contact)[aria-current]{color:var(--header-ink)}
.site-header #navigation>a:not(.nav-contact)::after{background:currentColor;transition:transform .2s var(--ease)}
.site-header #navigation .nav-contact{background:var(--action);color:var(--on-action)}
.site-header #navigation .nav-contact:hover{background:var(--action-hover);color:var(--on-action)}
.site-header .menu,.site-header .language-switch{background:transparent;border-color:color-mix(in srgb,var(--header-ink) 28%,transparent)}
.site-header .language-option:hover{background:color-mix(in srgb,var(--header-ink) 12%,transparent);color:var(--header-ink)}
.site-header .language-option[aria-current]{background:var(--action);color:var(--on-action)}
.site-header a:focus-visible,.site-header button:focus-visible{outline-color:var(--header-ink)}
.site-header #navigation::before{display:none}
@media(max-width:1100px){
 .site-header #navigation{background:transparent;border:0;box-shadow:none;top:100%;max-height:calc(100svh - var(--header-height));overflow-y:auto;overscroll-behavior:contain}
 .site-header #navigation::before{display:block;background:rgb(255 255 255 / .08);-webkit-backdrop-filter:blur(28px);backdrop-filter:blur(28px)}
}
@media(max-width:800px){:root{--header-height:84px}}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
 .site-header::before,.site-header #navigation::before{background:rgb(241 245 247 / .98)}
 .site-header,.page-home .site-header,.site-header [data-ink]{--header-ink:#000}
}