:root{--nav-height: calc(4rem + env(safe-area-inset-top, 0px)) ;--nav-height-mobile: calc(3.2rem + env(safe-area-inset-top, 0px)) ;--nav-shrink-start: 100px;--nav-shrink-end: 300px;--nav-font-size: 1.1rem;--nav-font-size-shrunk: .95rem;--nav-logo-font-size-shrunk: 1.1rem;--nav-language-picker-font-size: .875rem;--nav-language-picker-font-size-shrunk: .8rem;--nav-logo-image-size-shrunk: 25px;--nav-language-picker-min-width: 100px;--nav-language-picker-min-width-shrunk: 90px;--nav-mobile-menu-icon-size: 1.7rem;--nav-z-index: 100;--nav-mobile-menu-z-index: 102}@media (max-width: 62em){:root{--nav-height: calc(3rem + env(safe-area-inset-top, 0px)) }}.nav{-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturation));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturation))}@media (max-width: 36em){.nav{-webkit-backdrop-filter:blur(calc(var(--glass-blur) * .5)) saturate(calc(var(--glass-saturation) * .85));backdrop-filter:blur(calc(var(--glass-blur) * .5)) saturate(calc(var(--glass-saturation) * .85))}}@media (prefers-reduced-motion: reduce){.nav{-webkit-backdrop-filter:none;backdrop-filter:none}}.nav{background-color:var(--glass-bg);border-bottom:1px solid var(--border-color);box-shadow:var(--shadow-sm);position:fixed;top:0;left:0;right:0;z-index:var(--nav-z-index);padding-top:calc(var(--spacing-sm) + env(safe-area-inset-top,0px));padding-bottom:var(--spacing-sm);transition:padding var(--transition-discrete),transform var(--transition-discrete);contain:layout style;overflow:visible;letter-spacing:.3px}.nav.hidden{transform:translateY(-100%)}.nav{display:flex;justify-content:space-between;align-items:center}@media (max-width: 62em){.nav{padding-top:calc(var(--spacing-2xs) + env(safe-area-inset-top,0px));padding-bottom:var(--spacing-2xs)}}.nav.scrolled{padding-top:calc(var(--spacing-2xs) + env(safe-area-inset-top,0px));padding-bottom:var(--spacing-2xs)}.nav>.navSections{display:flex;align-items:center;position:relative}@media (max-width: 62em){.nav .logoContainer{font-size:var(--nav-logo-font-size-shrunk)}}@media (max-width: 62em){:is(.nav .logoContainer) .logoImage{width:var(--nav-logo-image-size-shrunk);height:var(--nav-logo-image-size-shrunk)}}.nav.scrolled .logoContainer{font-size:var(--nav-logo-font-size-shrunk)}:is(.nav.scrolled .logoContainer) .logoImage{width:var(--nav-logo-image-size-shrunk);height:var(--nav-logo-image-size-shrunk)}.nav .menu{list-style:none;margin:0;padding:0;display:flex;gap:var(--spacing-lg);font-size:var(--nav-font-size);align-items:center;transition:font-size var(--transition-slow)}@media (max-width: 62em){.nav .menu{font-size:var(--nav-font-size-shrunk)}}:is(.nav .menu) a:not(.button){padding:var(--spacing-2xs) 0}:is(.nav .menu) .button{padding:var(--button-padding-compact);font-size:var(--button-font-size-compact);height:var(--button-height-compact);box-sizing:border-box;transition:padding var(--transition-slow),font-size var(--transition-slow),height var(--transition-slow),transform var(--transition-slow),box-shadow var(--transition-slow)}@media (max-width: 62em){:is(.nav .menu) .button{padding:var(--button-padding-compact-scrolled);font-size:var(--button-font-size-compact-scrolled);height:var(--button-height-compact-scrolled)}}.nav.scrolled .menu{font-size:var(--nav-font-size-shrunk)}:is(.nav.scrolled .menu) .button{padding:var(--button-padding-compact-scrolled);font-size:var(--button-font-size-compact-scrolled);height:var(--button-height-compact-scrolled)}.nav .themeToggle{--theme-icon-sun-scale: 1.02;--theme-icon-moon-scale: 1;--theme-icon-auto-scale: .95;--theme-icon-hidden-scale: .5;background:transparent;border:var(--button-border-width) solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;transition:all var(--transition-base);color:var(--color-text-primary)}:is(.nav .themeToggle):hover{border-color:var(--border-color-hover);background-color:var(--bg-color-secondary)}:is(.nav .themeToggle):focus-visible{outline:2px solid var(--border-color-focus);outline-offset:2px}:is(.nav .themeToggle):active{transform:translateY(0)}.nav .themeToggle{transition:all var(--transition-base),width var(--transition-slow),height var(--transition-slow);width:var(--button-height-compact);height:var(--button-height-compact)}:is(.nav .themeToggle):hover{transform:translateY(-1px)}.nav .themeToggle{position:relative}:is(.nav .themeToggle) svg{width:var(--button-icon-size);height:var(--button-icon-size);display:block}:is(.nav .themeToggle) .themeIcon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:opacity .4s cubic-bezier(.34,1.56,.64,1),transform .4s cubic-bezier(.34,1.56,.64,1);opacity:0;pointer-events:none}@starting-style{:is(.nav .themeToggle) .themeIcon{opacity:0;transform:translate(-50%,-50%) rotate(-90deg) scale(var(--theme-icon-hidden-scale))}}:is(.nav .themeToggle) .themeIconLight{color:var(--color-theme-icon-sun);transform:translate(-50%,-50%) scale(var(--theme-icon-sun-scale))}:is(.nav .themeToggle) .themeIconDark{color:var(--color-theme-icon-moon);transform:translate(-50%,-50%) scale(var(--theme-icon-moon-scale))}:is(.nav .themeToggle) .themeIconAuto{color:var(--color-theme-icon-auto);transform:translate(-50%,-50%) scale(var(--theme-icon-auto-scale))}[data-current-theme=light]:is(.nav .themeToggle) .themeIconLight{opacity:1;transform:translate(-50%,-50%) rotate(0) scale(var(--theme-icon-sun-scale));pointer-events:auto}[data-current-theme=light]:is(.nav .themeToggle) .themeIconDark,[data-current-theme=light]:is(.nav .themeToggle) .themeIconAuto{opacity:0;transform:translate(-50%,-50%) rotate(90deg) scale(var(--theme-icon-hidden-scale));pointer-events:none}[data-current-theme=dark]:is(.nav .themeToggle) .themeIconDark{opacity:1;transform:translate(-50%,-50%) rotate(0) scale(var(--theme-icon-moon-scale));pointer-events:auto}[data-current-theme=dark]:is(.nav .themeToggle) .themeIconLight,[data-current-theme=dark]:is(.nav .themeToggle) .themeIconAuto{opacity:0;transform:translate(-50%,-50%) rotate(90deg) scale(var(--theme-icon-hidden-scale));pointer-events:none}[data-current-theme=auto]:is(.nav .themeToggle) .themeIconAuto{opacity:1;transform:translate(-50%,-50%) rotate(0) scale(var(--theme-icon-auto-scale));pointer-events:auto}[data-current-theme=auto]:is(.nav .themeToggle) .themeIconLight,[data-current-theme=auto]:is(.nav .themeToggle) .themeIconDark{opacity:0;transform:translate(-50%,-50%) rotate(90deg) scale(var(--theme-icon-hidden-scale));pointer-events:none}@media (max-width: 62em){.nav .themeToggle{width:var(--button-height-compact-scrolled);height:var(--button-height-compact-scrolled)}}.nav.scrolled .themeToggle{width:var(--button-height-compact-scrolled);height:var(--button-height-compact-scrolled)}.nav .languagePickerWrapper{position:relative;background:transparent;border:var(--button-border-width) solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;transition:all var(--transition-base);color:var(--color-text-primary)}:is(.nav .languagePickerWrapper):hover{border-color:var(--border-color-hover);background-color:var(--bg-color-secondary)}:is(.nav .languagePickerWrapper):focus-visible{outline:2px solid var(--border-color-focus);outline-offset:2px}:is(.nav .languagePickerWrapper):active{transform:translateY(0)}.nav .languagePickerWrapper{gap:var(--spacing-xs);padding:0 var(--spacing-sm);transition:all var(--transition-base),height var(--transition-slow);min-width:var(--nav-language-picker-min-width);height:var(--button-height-compact)}@media (max-width: 62em){.nav .languagePickerWrapper{height:var(--button-height-compact-scrolled);min-width:var(--nav-language-picker-min-width-shrunk);padding:var(--spacing-2xs) var(--spacing-xs)}}.nav.scrolled .languagePickerWrapper{height:var(--button-height-compact-scrolled);min-width:var(--nav-language-picker-min-width-shrunk);padding:var(--spacing-2xs) var(--spacing-xs);gap:var(--spacing-2xs)}.nav .languagePickerIcon{color:var(--color-text-secondary);flex-shrink:0;transition:color var(--transition-base);pointer-events:none}.nav .languagePickerWrapper:hover .languagePickerIcon{color:var(--color-text-primary)}@media (max-width: 62em){.nav .languagePickerWrapper{gap:var(--spacing-2xs)}.nav .languagePickerIcon{width:14px;height:14px}}.nav.scrolled .languagePickerIcon{width:14px;height:14px}.nav .languagePicker{background:transparent;border:none;padding:0;padding-right:var(--spacing-lg);cursor:pointer;color:var(--color-text-primary);font-size:var(--nav-language-picker-font-size);font-family:var(--font-family);flex:1;min-width:0;height:100%;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23666' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right center;background-size:12px;transition:color var(--transition-base)}:is(.nav .languagePicker):focus-visible{outline:none!important;box-shadow:none!important}:is(.nav .languagePicker)::-webkit-focus-ring{outline:none}:is(.nav .languagePicker) option{background-color:var(--bg-color);color:var(--color-text-primary)}@media (max-width: 62em){.nav .languagePicker{font-size:var(--nav-language-picker-font-size-shrunk);padding-right:var(--spacing-md);background-size:10px}}.nav.scrolled .languagePicker{font-size:var(--nav-language-picker-font-size-shrunk);padding-right:var(--spacing-md);background-size:10px}.nav .menuItem{display:flex;align-items:center}.nav .mobileMenuToggle{background:transparent;border:var(--button-border-width) solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;transition:all var(--transition-base);color:var(--color-text-primary)}:is(.nav .mobileMenuToggle):hover{border-color:var(--border-color-hover);background-color:var(--bg-color-secondary)}:is(.nav .mobileMenuToggle):focus-visible{outline:2px solid var(--border-color-focus);outline-offset:2px}:is(.nav .mobileMenuToggle):active{transform:translateY(0)}.nav .mobileMenuToggle{display:none;padding:var(--spacing-xs);width:var(--button-height-compact);height:var(--button-height-compact)}:is(.nav .mobileMenuToggle) svg{width:var(--nav-mobile-menu-icon-size);height:var(--nav-mobile-menu-icon-size);transition:transform var(--transition-slow)}.mobileMenuOpen:is(.nav .mobileMenuToggle) svg{will-change:transform;transform:rotate(45deg)}@media (max-width: 62em){.nav .mobileMenuToggle{display:flex}.nav [data-menu-items]{-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturation));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturation))}@media (max-width: 36em){.nav [data-menu-items]{-webkit-backdrop-filter:blur(calc(var(--glass-blur) * .5)) saturate(calc(var(--glass-saturation) * .85));backdrop-filter:blur(calc(var(--glass-blur) * .5)) saturate(calc(var(--glass-saturation) * .85))}}@media (prefers-reduced-motion: reduce){.nav [data-menu-items]{-webkit-backdrop-filter:none;backdrop-filter:none}}.nav [data-menu-items]{background-color:var(--glass-bg-elevated);border-left:1px solid var(--border-color);box-shadow:-4px 0 24px #00000026;position:fixed;top:var(--nav-height-mobile);right:0;bottom:0;z-index:var(--nav-mobile-menu-z-index);flex-direction:column;gap:0;transition:opacity var(--transition-slow),transform var(--transition-slow),display var(--transition-slow) allow-discrete;display:none;overflow-y:hidden;height:0;opacity:0;transform:translate(100%);padding:0}.mobileMenuOpen:is(.nav [data-menu-items]){height:-moz-fit-content;height:fit-content;display:flex;opacity:1;transform:translate(0)}.mobileMenuOpen:is(.nav [data-menu-items])>.menuItem{display:flex;align-items:center;width:100%;border-bottom:1px solid var(--border-color)}.mobileMenuOpen:is(.nav [data-menu-items])>.menuItem-nav{display:block}:is(.mobileMenuOpen:is(.nav [data-menu-items])>.menuItem-nav) a{display:block;width:100%;padding:var(--spacing-md) var(--spacing-xl);font-size:1rem;text-align:left;color:var(--color-text-primary);transition:color var(--transition-base),background-color var(--transition-base)}.navLinkActive:is(:is(.mobileMenuOpen:is(.nav [data-menu-items])>.menuItem-nav) a),:is(:is(.mobileMenuOpen:is(.nav [data-menu-items])>.menuItem-nav) a):hover{background-color:var(--bg-color-tertiary);color:var(--color-accent-base)}:is(.navLinkActive:is(:is(.mobileMenuOpen:is(.nav [data-menu-items])>.menuItem-nav) a),:is(:is(.mobileMenuOpen:is(.nav [data-menu-items])>.menuItem-nav) a):hover):after{display:none}:is(:is(.mobileMenuOpen:is(.nav [data-menu-items])>.menuItem-nav) a):hover{color:var(--color-primary-base)}.mobileMenuOpen:is(.nav [data-menu-items])>.menuItem-action{display:flex;align-items:center;justify-content:center;padding:var(--spacing-md) var(--spacing-xl)}:is(.mobileMenuOpen:is(.nav [data-menu-items])>.menuItem-action) .languagePickerWrapper{font-size:.875rem;height:36px;min-width:100px;flex-shrink:0}:is(.mobileMenuOpen:is(.nav [data-menu-items])>.menuItem-action) .languagePicker{font-size:.875rem;height:100%}:is(.mobileMenuOpen:is(.nav [data-menu-items])>.menuItem-action) .themeToggle{width:36px;height:36px;flex-shrink:0}:is(.mobileMenuOpen:is(.nav [data-menu-items])>.menuItem-action) .button{font-size:.9rem;padding:var(--spacing-sm) var(--spacing-lg);height:36px;width:auto;max-width:none;margin:0}.mobileMenuOpen:is(.nav [data-menu-items])>.menuItem-action:has(.button:only-child){padding:var(--spacing-md) var(--spacing-xl)}:is(.nav [data-menu-items]):not(.mobileMenuOpen)>.menuItem{display:none}@starting-style{.nav .mobileMenuOpen[data-menu-items]{opacity:0;transform:translate(100%)}}}@supports (animation-timeline: scroll()){.nav{animation:shrink-nav linear forwards;animation-timeline:scroll();animation-range:var(--nav-shrink-start) var(--nav-shrink-end)}.nav .menu{animation:shrink-menu linear forwards;animation-timeline:scroll();animation-range:var(--nav-shrink-start) var(--nav-shrink-end)}.nav .menu .button{animation:shrink-button linear forwards;animation-timeline:scroll();animation-range:var(--nav-shrink-start) var(--nav-shrink-end)}.nav .logoContainer{animation:shrink-logo linear forwards;animation-timeline:scroll();animation-range:var(--nav-shrink-start) var(--nav-shrink-end)}.nav .logoContainer .logoImage{animation:shrink-logo-image linear forwards;animation-timeline:scroll();animation-range:var(--nav-shrink-start) var(--nav-shrink-end)}@media (max-width: 62em){.nav,.nav .menu,.nav .menu .button,.nav .logoContainer,.nav .logoContainer .logoImage{animation:none}}}@media (prefers-reduced-motion: reduce){.nav{animation:none!important;transition:none!important}.nav.scrolled{padding-top:calc(var(--spacing-2xs) + env(safe-area-inset-top,0px));padding-bottom:var(--spacing-2xs)}.nav.hidden,.nav .menu,.nav .menu .button,.nav .logoContainer{transition:none!important}.nav [data-menu-items]{transition:opacity var(--transition-base),display var(--transition-base) allow-discrete!important}.nav .mobileMenuToggle svg{transition:none;will-change:auto}.nav .themeIcon{transition:none!important}.nav[data-current-theme] .themeIcon{transform:translate(-50%,-50%)!important}}@keyframes shrink-nav{0%{padding-top:calc(var(--spacing-sm) + env(safe-area-inset-top,0px));padding-bottom:var(--spacing-sm)}to{padding-top:calc(var(--spacing-2xs) + env(safe-area-inset-top,0px));padding-bottom:var(--spacing-2xs)}}@keyframes shrink-menu{to{font-size:var(--nav-font-size-shrunk)}}@keyframes shrink-button{to{padding:var(--button-padding-compact-scrolled);font-size:var(--button-font-size-compact-scrolled)}}@keyframes shrink-logo{to{font-size:var(--nav-logo-font-size-shrunk)}}@keyframes shrink-logo-image{to{width:var(--nav-logo-image-size-shrunk);height:var(--nav-logo-image-size-shrunk)}}
