.lang-switcher{display:contents}.lang-trigger{anchor-name:--lang-trigger;display:flex;align-items:center;gap:.125rem;padding-block:.5rem;padding-inline:.75rem;cursor:pointer;border-radius:100rem;transition:color .2s ease,background-color .2s ease;svg:last-child{transition:rotate .2s ease;color:color-mix(in oklch,var(--foreground),transparent 20%)}&:hover{color:var(--foreground);background:var(--muted)}&:focus-visible{color:var(--foreground);outline:3px solid color-mix(in oklch,var(--ring),transparent 60%);outline-offset:-1px}&:has(+.lang-menu:popover-open){color:var(--foreground);svg:last-child{rotate:180deg}}}.lang-menu{--arrow-size: 10px;position-anchor:--lang-trigger;overflow:visible;user-select:none;grid-template-columns:1fr 1fr;height:2.75rem;padding:.25rem;list-style:none;background:var(--background);border:1px solid var(--border);border-radius:100rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;&:before{content:"";position:absolute;left:50%;width:var(--arrow-size);height:var(--arrow-size);background:var(--background);rotate:45deg}opacity:0;scale:.5;transition:opacity .25s ease,scale .25s var(--spring),display .25s var(--spring) allow-discrete,overlay .25s var(--spring) allow-discrete;&:popover-open{display:grid;opacity:1;scale:1}@starting-style{&:popover-open{opacity:0;scale:.95}}position-area:top;margin-bottom:calc(var(--arrow-size) / 2 + 4px);transform-origin:bottom center;&:before{bottom:calc(var(--arrow-size) / -2);top:auto;translate:-50% 1px;border-bottom:1px solid var(--border);border-right:1px solid var(--border);border-top:none;border-left:none}@media(width>=768px){position-area:bottom;margin-bottom:0;margin-top:calc(var(--arrow-size) / 2 + 4px);transform-origin:top center;position-try-fallbacks:--flip-to-top;&:before{top:calc(var(--arrow-size) / -2);bottom:auto;translate:-50% -1px;border-top:1px solid var(--border);border-left:1px solid var(--border);border-bottom:none;border-right:none}}}@position-try --flip-to-top{position-area:top;margin-top:0;margin-bottom:calc(var(--arrow-size) / 2 + 4px);transform-origin:bottom center;overflow:clip}.lang-item{font-size:var(--text-xs);height:100%;font-weight:500;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:.75rem;text-decoration:none;color:var(--muted-foreground);border-radius:100rem;transition:background-color .15s ease,color .15s ease;&:hover{color:var(--foreground)}&:focus-visible{color:var(--foreground);outline:2px solid var(--ring)}&.active{background:var(--accent);color:var(--foreground)}span{line-height:.1}}@property --index{syntax: "<integer>"; initial-value: 0; inherits: true;}:root{--nav-padding-block: 1.5rem;--nav-height: 6rem}.nav-container{container-type:scroll-state;container-name:nav;position:sticky;top:0;z-index:50;display:flex;align-content:center;&:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:transparent}}.nav-inner{height:var(--nav-height);position:relative;display:flex;align-items:center;justify-content:space-between;@media(width>=768px){display:grid;grid-template-columns:1fr auto 1fr}&:before{content:"";position:absolute;inset:0 0 0 50%;width:100vw;translate:-50% 0;background:transparent;z-index:-1}}.nav-logo{display:inline-flex;align-items:center;width:fit-content;outline:none;transform-origin:left center;border-radius:1px;color:var(--primary);&:hover{color:var(--primary-700)}&:focus-visible{outline:3px solid color-mix(in oklch,var(--primary),transparent 60%);outline-offset:2px}}@supports (not (container-type: scroll-state)) and (not (animation-timeline: scroll())){.nav-container{background:var(--background);&:after{background:var(--border)}}.nav-logo{scale:calc(60 / 70)}}@supports (animation-timeline: scroll()) and (not (container-type: scroll-state)){@keyframes nav-height-shrink{0%{height:6rem}to{height:5rem}}@keyframes nav-bg-appear{0%{background:transparent}to{background:var(--background)}}@keyframes nav-border-appear{0%{background:transparent}to{background:var(--border)}}@keyframes logo-shrink{0%{scale:1}to{scale:.8}}.nav-inner{animation:nav-height-shrink linear both;animation-timeline:scroll();animation-range:0 20rem;&:before{animation:nav-bg-appear linear both;animation-timeline:scroll();animation-range:0 20rem}&:after{content:"";position:absolute;bottom:0;left:50%;width:100vw;translate:-50% 0;height:1px;animation:nav-border-appear linear both;animation-timeline:scroll();animation-range:0 20rem}}.nav-logo{animation:logo-shrink linear both;animation-timeline:scroll();animation-range:0 20rem}}@supports (container-type: scroll-state){.nav-inner{transition:height .3s ease}.nav-inner:before{transition:background-color .2s ease}.nav-logo{transition:scale .3s var(--spring),color .2s ease}@container nav scroll-state(stuck: top){.nav-inner{--nav-height: 5rem}.nav-inner:before{background:var(--background)}.nav-inner:after{content:"";position:absolute;bottom:0;left:50%;width:100vw;translate:-50% 0;height:1px;background:var(--border)}.nav-logo{scale:.8}.nav-cta{width:2.5rem}}}.desktop-nav-links{display:none;user-select:none;anchor-name:--hovered-link;@media(width>=768px){display:flex;align-items:center}li:hover,li:has(a:focus-visible){anchor-name:--hovered-link}&:after{content:"";position:absolute;position-anchor:--hovered-link;top:anchor(bottom);left:anchor(center);translate:-50% 3px;border:6px solid transparent;border-bottom-color:var(--primary);border-top-width:0;scale:0;opacity:0;@media(prefers-reduced-motion:no-preference){transition:var(--spring) .5s}}&:has(a:hover,a:focus-visible):after{scale:1;opacity:1}@supports not (anchor-name: --anchor-placeholder){&:after{display:none}}& li a{padding:.75rem;letter-spacing:var(--tracking-wide);color:var(--foreground-dim);transition:color .2s ease;outline:none;border-radius:var(--radius-xxs);&:hover{color:var(--foreground)}&:focus-visible{color:var(--foreground);outline:3px solid color-mix(in oklch,var(--ring),transparent 60%);outline-offset:-3px}}}.nav-actions{display:none;@media(width>=768px){display:flex;align-items:center;gap:.5rem;justify-self:end}}.nav-cta-wrapper{display:grid;justify-items:end;min-width:10rem}.nav-cta{interpolate-size:allow-keywords;transition:var(--spring) .5s;justify-content:end;padding:.5rem;&:hover,&:focus-visible{width:auto}span{padding-inline-start:.75rem}}.nav-lang-switcher{display:block;display:none}.hamburger{gap:.5rem;cursor:pointer;border:none;padding:.75rem .5rem;text-box:trim-both cap alphabetic;transition:color .2s ease;@media(width>=768px){display:none}&:hover{color:var(--primary)}&:focus-visible{outline:3px solid color-mix(in oklch,var(--primary),transparent 60%)}}.close-button{position:absolute;top:0;right:0;border-left:1px solid var(--border);border-bottom:1px solid var(--border);cursor:pointer;padding:1rem;transition:color .2s ease;text-box:trim-both cap alphabetic;z-index:1;&:hover{color:var(--primary)}&:focus-visible{outline:3px solid color-mix(in oklch,var(--primary),transparent 60%)}}dialog{overscroll-behavior:contain;overflow:hidden}dialog::backdrop{overflow:hidden;overscroll-behavior:contain}.mobile-menu{position:fixed;inset:0 0 0 auto;width:min(80%,25rem);height:100dvh;max-height:unset;background:var(--background);opacity:0;transform:translate(100%);transition:opacity .5s cubic-bezier(.86,0,.14,1),transform .5s cubic-bezier(.86,0,.14,1),display .5s cubic-bezier(.86,0,.14,1) allow-discrete,overlay .5s cubic-bezier(.86,0,.14,1) allow-discrete;&::backdrop{background-color:#0000;transition:background-color .3s ease,display .3s ease allow-discrete,overlay .3s ease allow-discrete}&[open]{opacity:1;transform:translate(0);&::backdrop{background-color:#00000080}}@starting-style{&[open]{opacity:0;transform:translate(100%);&::backdrop{background-color:#0000}}}}.mobile-menu-content{display:flex;flex-direction:column;height:100%;padding-block:var(--nav-padding-block);header{display:flex;justify-content:flex-end}}.mobile-menu-links{display:flex;flex-direction:column;user-select:none;li{padding:.5rem;overflow:clip;--index: sibling-index()}a{display:block;font-family:var(--font-serif);font-size:var(--text-2xl);color:var(--foreground-dim);transition:color .2s ease,transform .3s ease;transition-delay:calc(var(--index) * .1s);transform:translateY(100%);&:hover{color:var(--foreground)}&:focus-visible{color:var(--foreground);outline:3px solid color-mix(in oklch,var(--primary),transparent 60%)}}}.mobile-menu[open] .mobile-menu-links a{transform:translateY(0);transition-delay:calc(var(--index) * .1s);@starting-style{transform:translateY(100%)}}.mobile-menu-footer{display:flex;flex-direction:column;gap:1rem;margin-block-start:2rem}.mobile-lang-switcher{display:block;display:none;margin-block-start:auto;margin-inline-start:auto}