.site-header{position:sticky;top:0;z-index:100;display:grid;grid-template-columns:auto 1fr auto;gap:var(--space-lg);align-items:center;padding:0 var(--space-md)}.site-header:before{position:absolute;z-index:-1;width:100%;display:block;content:"";top:0;height:10vh;background:linear-gradient(to bottom,var(--bg-hero-gradient-start) 1vh,var(--bg-hero-gradient-end) 100%);transition:opacity var(--transition-base)}.site-header:after{position:absolute;z-index:-1;inset:0;display:block;content:"";background-color:transparent;border-block-end:1px solid transparent;transition:backdrop-filter var(--transition-base),-webkit-backdrop-filter var(--transition-base),background-color var(--transition-base),box-shadow var(--transition-base),border-block-end-color var(--transition-base)}body[data-scrolled=true] .site-header:after,.site-header:focus-within:after{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:var(--shadow-sm);border-block-end-color:hsl(var(--clr-coral-500) / .1)}body[data-scrolled=true] .site-header:before,.site-header:focus-within:before{opacity:0}.site-header:focus-within:after{background-color:var(--bg-card-translucent)}@media(prefers-reduced-motion:reduce){.site-header:before,.site-header:after{transition:none}}.logo{direction:ltr;font-family:var(--font-logo);font-size:var(--fs-xl);font-weight:600;letter-spacing:.01em;color:transparent;background:linear-gradient(179deg,var(--logo-gradient-start) 1%,var(--logo-gradient-end) 55%);background-clip:text;-webkit-background-clip:text;position:relative;padding-inline-start:1em}.logo:hover,.logo:focus,.logo:active,.logo:visited{color:transparent;text-decoration:none}.logo:hover:before{text-shadow:.05em .05em .1em hsl(var(--clr-green-900) / .7),.06em .06em .2em hsl(var(--clr-coral-500) / .6)}.logo:before{content:attr(data-text);position:absolute;inset:0;padding-inline-start:1em;z-index:-1;text-shadow:.05em .05em .1em hsl(var(--clr-green-900) / .7);transition:text-shadow var(--transition-base)}.logo-icon{position:absolute;height:.8em;margin-block-start:.35em;margin-inline-start:-.8em;filter:drop-shadow(var(--shadow-logo-icon-sm))}.site-header .logo{grid-column:1}.site-header .nav-menu{grid-column:2;justify-self:center;width:clamp(14em,50%,32em);transition:width var(--transition-fast)}.site-header .nav-menu:focus-within{width:clamp(18em,65%,42em)}.site-header .language-picker{grid-column:3}@media(max-width:768px){.site-header{grid-template-columns:auto 1fr auto;gap:var(--space-sm);padding:var(--space-xs) var(--space-sm)}.site-header .logo{padding-inline-start:0;font-size:0}.logo__wordmark{display:none}.logo-icon{position:static;height:2rem;margin:0}.site-header .nav-menu,.site-header .nav-menu:focus-within{width:100%}}