/* A fixed header outside the hero's clipping and stacking context. */
:root{
  --header-inset:48px;
  --header-top:32px;
  --header-bottom:16px;
  --header-row:48px;
  --header-logo:125px;
  --header-compact-logo:100px;
  --header-compact-padding:8px;
  --header-safe-top:env(safe-area-inset-top,0px);
  --header-compact-height:calc(44px + 2 * var(--header-compact-padding) + var(--header-safe-top));
}
html{scroll-padding-top:calc(var(--header-compact-height) + 16px)}
.hero{padding-top:calc(var(--header-top) + var(--header-safe-top))}
.site-header-space{grid-area:header;height:calc(var(--header-row) + var(--header-bottom));pointer-events:none}
.site-header{
  position:fixed;inset:0 0 auto;z-index:20;
  width:100%;max-width:1920px;margin:0 auto;
  padding:calc(var(--header-top) + var(--header-safe-top)) max(var(--header-inset),env(safe-area-inset-right)) var(--header-bottom) max(var(--header-inset),env(safe-area-inset-left));
  background:var(--yellow);border-radius:var(--radius) var(--radius) 0 0;
  transition:padding 180ms ease,box-shadow 180ms ease,border-radius 180ms ease;
}
.site-header .brand{display:inline-flex;align-items:center;min-height:44px}
.site-header .brand img{width:var(--header-logo);transition:width 180ms ease}
.site-header .desktop-nav a{
  display:inline-flex;align-items:center;min-height:44px;
  transition:padding 180ms ease,font-size 180ms ease,background-color 120ms,color 120ms;
}
.site-header.is-compact{
  padding-top:calc(var(--header-compact-padding) + var(--header-safe-top));
  padding-bottom:var(--header-compact-padding);
  border-radius:0 0 var(--small-radius) var(--small-radius);
  box-shadow:0 1px 0 #1a1a1a18,0 5px 18px #1a1a1a0c;
}
.site-header.is-compact .brand img{width:var(--header-compact-logo)}
.site-header.is-compact .desktop-nav a{font-size:14px;padding:12px 16px}
.site-header .language{position:relative;flex:0 0 44px;width:44px;height:44px}
.language-button{position:relative;z-index:1;display:grid;place-items:center;width:44px;height:44px;padding:0;border-radius:var(--small-radius);background:transparent;font:inherit;user-select:none}
.language-label{display:block;line-height:1;transform-origin:center;pointer-events:none}
.language-button:focus-visible{outline-offset:2px}
@media(min-width:1921px){:root{--header-inset:64px;--header-top:40px;--header-bottom:28px}}
@media(min-width:768px) and (max-width:1100px){
  :root{--header-inset:32px;--header-top:28px;--header-bottom:30px;--header-row:44px;--header-logo:94px;--header-compact-logo:84px}
  .site-header.is-compact .desktop-nav a{font-size:12px;padding:12px}
}
@media(max-width:767px){
  :root{--header-inset:20px;--header-top:24px;--header-bottom:24px;--header-row:44px;--header-logo:94px;--header-compact-logo:78px;--header-compact-padding:6px}
  .site-header .menu-toggle{min-height:44px;padding:10px 0}
}
@media(max-width:359px){:root{--header-inset:16px}}
@media(prefers-reduced-motion:reduce){.site-header,.site-header .brand img,.site-header .desktop-nav a{transition:none}}