.page-transition-layer{position:fixed;inset:0;background:#080808;z-index:9999;pointer-events:auto;will-change:transform}.site-nav-host{position:fixed;top:0;left:0;right:0;z-index:200;pointer-events:none}.site-nav{--site-nav-pad-y: 1.125rem;--site-nav-pad-x: 3rem;position:relative;top:0;left:0;right:0;pointer-events:auto;border-bottom:1px solid var(--line);background:var(--nav-bg);backdrop-filter:blur(18px) saturate(1.15);box-shadow:none;transition:transform .45s cubic-bezier(.4,0,.2,1),background .35s ease,box-shadow .35s ease,border-color .35s ease}.site-nav:after{content:"";position:absolute;left:6%;right:6%;bottom:0;height:1px;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--nav-accent) 55%,transparent) 35%,color-mix(in srgb,var(--nav-accent) 75%,transparent) 50%,color-mix(in srgb,var(--nav-accent) 55%,transparent) 65%,transparent);opacity:.9;pointer-events:none}.site-nav.is-scrolled:after{opacity:1}@media(min-width:769px){.site-nav.is-hidden:not(:focus-within){transform:translateY(calc(-100% - 1px));box-shadow:none;border-bottom-color:transparent}}.site-nav__unhide{pointer-events:auto;display:none;align-items:center;justify-content:center;position:absolute;top:0;left:50%;z-index:1;width:44px;height:32px;margin:0;padding:0;border:1px solid var(--line2);border-top:none;border-radius:0 0 10px 10px;background:var(--nav-bg);backdrop-filter:blur(18px) saturate(1.15);color:var(--muted-dim);cursor:pointer;transform:translate(-50%,-100%);opacity:0;visibility:hidden;transition:transform .4s cubic-bezier(.4,0,.2,1),opacity .3s ease,visibility .3s ease,color .2s ease,border-color .2s ease,background .3s ease}@media(min-width:769px){.site-nav__unhide{display:flex}.site-nav.is-hidden:not(:focus-within)~.site-nav__unhide{transform:translate(-50%);opacity:1;visibility:visible}}.site-nav__unhide:hover,.site-nav__unhide:focus-visible{color:var(--nav-accent);border-color:color-mix(in srgb,var(--nav-accent) 38%,var(--line2));outline:none}.site-nav__unhide:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb,var(--nav-accent) 48%,transparent)}.site-nav.is-scrolled{background:var(--nav-bg-scrolled);box-shadow:0 4px 24px var(--shadow-card)}.site-nav__skip{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.site-nav__skip:focus{position:fixed;top:12px;left:12px;z-index:300;width:auto;height:auto;margin:0;padding:10px 16px;clip:auto;overflow:visible;font-family:var(--mono, "Space Mono", monospace);font-size:11px;letter-spacing:.12em;text-transform:uppercase;text-decoration:none;color:var(--on-nav-accent, #0e1118);background:var(--nav-accent);border-radius:2px;outline:none;box-shadow:0 0 0 2px color-mix(in srgb,var(--nav-accent) 45%,transparent)}.site-nav__bar{display:flex;align-items:center;justify-content:space-between;gap:1.25rem;padding:var(--site-nav-pad-y) var(--site-nav-pad-x);max-width:100%}@media(min-width:769px){.site-nav__flyout{flex:1;justify-content:flex-end}}.site-nav__logo{flex-shrink:0;font-family:var(--mono, "Space Mono", monospace);font-size:13px;letter-spacing:.2em;color:var(--nav-accent);text-decoration:none;filter:drop-shadow(0 0 14px color-mix(in srgb,var(--nav-accent) 30%,transparent));transition:filter .3s ease,color .25s ease}.site-nav__logo:hover{filter:drop-shadow(0 0 20px color-mix(in srgb,var(--nav-accent) 44%,transparent))}.site-nav__logo[aria-current=page]{color:var(--text);filter:drop-shadow(0 0 12px color-mix(in srgb,var(--nav-accent) 20%,transparent))}.site-nav__flyout{display:flex;align-items:center;gap:2rem}.site-nav__links{list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:2rem}.site-nav__links a{position:relative;font-family:var(--mono, "Space Mono", monospace);font-size:11px;letter-spacing:.15em;color:var(--muted-dim, #6d7676);text-decoration:none;text-transform:uppercase;transition:color .25s ease}.site-nav__links a.site-nav__link--cta{border:1px solid var(--line2, rgba(255, 255, 255, .16));padding:8px 14px;border-radius:2px;transition:color .25s ease,border-color .25s ease,background .25s ease}.site-nav__links a.site-nav__link--cta:after{display:none}.site-nav__links a.site-nav__link--cta:hover,.site-nav__links a.site-nav__link--cta:focus-visible{color:var(--nav-accent);border-color:color-mix(in srgb,var(--nav-accent) 40%,var(--line2));background:color-mix(in srgb,var(--nav-accent) 10%,transparent)}.site-nav__links a:not(.site-nav__link--cta):after{content:"";position:absolute;left:0;bottom:-5px;width:100%;height:1px;background:var(--nav-accent);transform:scaleX(0);transform-origin:left center;transition:transform .35s cubic-bezier(.4,0,.2,1)}.site-nav__links a:not(.site-nav__link--cta):hover,.site-nav__links a:not(.site-nav__link--cta):focus-visible{color:var(--text, #f2f2f2)}.site-nav__links a:not(.site-nav__link--cta):hover:after,.site-nav__links a:not(.site-nav__link--cta):focus-visible:after{transform:scaleX(1)}.site-nav__links a[aria-current=page]{color:var(--text, #f2f2f2)}.site-nav__links a[aria-current=page]:not(.site-nav__link--cta):after{transform:scaleX(1)}.site-nav__toggle{display:none;flex-shrink:0;align-items:center;justify-content:center;width:44px;height:44px;margin:-6px -10px -6px 0;padding:0;border:1px solid var(--line2, rgba(255, 255, 255, .16));border-radius:4px;background:#ffffff08;cursor:pointer;color:var(--text, #f2f2f2);transition:border-color .25s ease,background .25s ease}.site-nav__toggle:hover{border-color:color-mix(in srgb,var(--nav-accent) 34%,var(--line2));background:color-mix(in srgb,var(--nav-accent) 9%,transparent)}.site-nav__toggle:focus-visible{outline:2px solid var(--nav-accent);outline-offset:2px}.site-nav__toggle-icon{display:flex;flex-direction:column;justify-content:center;gap:5px;width:18px}.site-nav__toggle-icon span{display:block;height:1px;background:currentColor;transition:transform .3s ease,opacity .3s ease}.site-nav.is-open .site-nav__toggle-icon span:nth-child(1){transform:translateY(6px) rotate(45deg)}.site-nav.is-open .site-nav__toggle-icon span:nth-child(2){opacity:0}.site-nav.is-open .site-nav__toggle-icon span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}.site-nav__li--works,.site-nav__works-wrap{position:relative}@media(min-width:769px){.site-nav__works-wrap:after{content:"";position:absolute;left:0;right:0;top:100%;height:14px;z-index:215}}.site-nav__works-trigger{position:relative;display:inline-flex;align-items:center;gap:6px;margin:0;padding:0;border:none;background:none;cursor:pointer;font-family:var(--mono, "Space Mono", monospace);font-size:11px;letter-spacing:.15em;color:var(--muted-dim, #6f7a86);text-transform:uppercase;transition:color .25s ease}.site-nav__works-trigger-chev{display:flex;opacity:.68;transition:transform .28s ease,opacity .2s ease}.site-nav__works-trigger[aria-expanded=true] .site-nav__works-trigger-chev{transform:rotate(-180deg);opacity:.95}.site-nav__works-trigger:hover,.site-nav__works-trigger:focus-visible{color:var(--text, #e9ebef);outline:none}.site-nav__works-trigger:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb,var(--nav-accent) 42%,transparent);border-radius:2px}.site-nav__works-trigger[aria-expanded=true]{color:var(--nav-accent)}.site-nav__works-trigger:after{content:"";position:absolute;left:0;bottom:-5px;width:100%;height:1px;background:var(--nav-accent);transform:scaleX(0);transform-origin:left center;transition:transform .35s cubic-bezier(.4,0,.2,1)}.site-nav__works-trigger:hover:after,.site-nav__works-trigger:focus-visible:after,.site-nav__works-trigger[aria-expanded=true]:after{transform:scaleX(1)}.site-nav__works-panel{position:absolute;top:calc(100% + 12px);left:0;min-width:min(17rem,calc(100vw - 2.5rem));max-width:min(22rem,92vw);max-height:min(70vh,420px);padding:6px;border:1px solid var(--line2);border-radius:6px;background:color-mix(in srgb,var(--bg) 94%,transparent);backdrop-filter:blur(16px) saturate(1.15);box-shadow:0 20px 50px var(--shadow-card),0 0 0 1px color-mix(in srgb,var(--nav-accent) 9%,transparent) inset;z-index:220;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain}.site-nav__works-panel[hidden]{display:none!important}.site-nav__works-overview{display:block;padding:10px 12px;border-radius:4px;font-family:var(--mono, "Space Mono", monospace);font-size:9px;letter-spacing:.16em;text-transform:uppercase;text-decoration:none;color:var(--nav-accent);transition:background .2s ease,color .2s ease}.site-nav__works-overview:hover,.site-nav__works-overview:focus-visible{background:color-mix(in srgb,var(--nav-accent) 11%,transparent);color:var(--text);outline:none}.site-nav__works-divider{height:1px;margin:6px 8px;background:var(--line2)}.site-nav__works-link{display:block;padding:9px 12px;border-radius:4px;font-family:var(--sans, "Space Grotesk", sans-serif);font-size:13px;letter-spacing:.02em;line-height:1.35;text-decoration:none;color:var(--muted-dim);transition:background .2s ease,color .2s ease}.site-nav__works-link:hover,.site-nav__works-link:focus-visible{background:color-mix(in srgb,var(--nav-accent) 8%,transparent);color:var(--text);outline:none}.site-nav__works-link.is-current{color:var(--nav-accent);background:color-mix(in srgb,var(--nav-accent) 13%,transparent)}.site-nav__backdrop{display:none}@media(max-width:768px){.site-nav{--site-nav-pad-x: 1.25rem}.site-nav__logo{position:relative;z-index:1;font-size:clamp(9px,2.6vw,12px);letter-spacing:.1em;max-width:min(52vw,14rem);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-transform:none}.site-nav__toggle{display:flex;position:relative;z-index:210}.site-nav__backdrop{display:block;position:fixed;inset:0;z-index:198;background:#0000008c;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;pointer-events:none}.site-nav.is-open .site-nav__backdrop{opacity:1;visibility:visible;pointer-events:auto;cursor:pointer;-webkit-tap-highlight-color:transparent}.site-nav.is-open .site-nav__bar{position:relative;z-index:201}.site-nav__flyout{position:fixed;z-index:199;top:0;right:0;width:min(19rem,88vw);height:100vh;height:100dvh;flex-direction:column;align-items:stretch;gap:0;padding:calc(var(--site-nav-pad-y) + env(safe-area-inset-top,0px) + 12px) 1.5rem 2rem;background:color-mix(in srgb,var(--bg) 96%,#000);border-left:1px solid var(--line, rgba(255, 255, 255, .085));box-shadow:-12px 0 40px #00000080;transform:translate(100%);transition:transform .38s cubic-bezier(.4,0,.2,1);overflow-y:auto;-webkit-overflow-scrolling:touch}.site-nav.is-open .site-nav__flyout{transform:translate(0)}.site-nav__flyout .site-nav__tools{margin-top:.35rem;padding-top:1.15rem;border-top:1px solid color-mix(in srgb,var(--line2) 80%,transparent);align-self:center;width:100%;max-width:12.75rem;margin-left:auto;margin-right:auto}.site-nav__flyout .site-nav__toolbar{display:grid;grid-template-columns:1fr 1fr;width:100%;min-height:46px;align-items:stretch;box-sizing:border-box}.site-nav__flyout .site-nav__lang-wrap{min-width:0;display:flex;align-items:stretch}.site-nav__flyout .site-nav__lang-trigger{width:100%;min-width:0;justify-content:center;padding-left:10px;padding-right:10px}.site-nav__flyout .site-nav__theme{width:100%;min-width:0;min-height:46px;box-sizing:border-box}.site-nav__flyout .site-nav__lang-panel{left:0;right:0;min-width:0;width:100%;box-sizing:border-box}.site-nav__links{flex-direction:column;align-items:stretch;gap:0}.site-nav__links li{border-bottom:1px solid rgba(255,255,255,.06)}.site-nav__links a{display:block;padding:1rem 0}.site-nav__links a:not(.site-nav__link--cta):after{display:none}.site-nav__links a.site-nav__link--cta{margin-top:.5rem;text-align:center}.site-nav__works-trigger{display:flex;width:100%;justify-content:space-between;align-items:center;padding:1rem 0}.site-nav__works-trigger:after{display:none}.site-nav__works-panel{position:static;margin-top:.35rem;margin-bottom:.35rem;max-height:min(48vh,320px);min-width:100%;max-width:none;box-shadow:none}}.site-nav__sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.site-nav__tools{display:flex;align-items:center;flex-shrink:0}.site-nav__toolbar{display:inline-flex;align-items:stretch;border:1px solid var(--line2);border-radius:100px;background:var(--nav-toolbar-bg);overflow:visible;box-shadow:0 0 0 1px color-mix(in srgb,var(--text) 4%,transparent) inset}.site-nav__lang-wrap{position:relative;display:flex;align-items:stretch}@media(min-width:769px){.site-nav__lang-wrap:after{content:"";position:absolute;left:0;right:0;top:100%;height:10px;z-index:215}}.site-nav__lang-trigger{display:inline-flex;align-items:center;gap:7px;margin:0;padding:7px 12px 7px 14px;border:none;border-radius:100px 0 0 100px;background:transparent;cursor:pointer;font-family:var(--mono, "Space Mono", monospace);font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted-dim);transition:color .2s ease,background .2s ease}.site-nav__lang-trigger:hover,.site-nav__lang-trigger:focus-visible{color:var(--text);background:color-mix(in srgb,var(--nav-accent) 8%,transparent)}.site-nav__lang-trigger:focus-visible{outline:2px solid var(--nav-accent);outline-offset:2px;z-index:2}.site-nav__lang-trigger[aria-expanded=true]{color:var(--nav-accent);background:color-mix(in srgb,var(--nav-accent) 12%,transparent)}.site-nav__lang-trigger-code{color:var(--text);font-weight:600}.site-nav__lang-trigger-chev{display:flex;opacity:.65;transition:transform .28s ease,opacity .2s ease}.site-nav__lang-trigger[aria-expanded=true] .site-nav__lang-trigger-chev{transform:rotate(-180deg);opacity:.9}.site-nav__lang-panel{position:absolute;top:calc(100% + 6px);right:0;min-width:12.5rem;padding:4px;border:1px solid var(--line2);border-radius:4px;background:color-mix(in srgb,var(--bg) 94%,transparent);backdrop-filter:blur(14px) saturate(1.2);box-shadow:0 18px 48px var(--shadow-card);z-index:220}.site-nav__lang-panel[hidden]{display:none!important}.site-nav__lang-option{display:flex;align-items:baseline;gap:12px;padding:10px 12px;border-radius:2px;text-decoration:none;color:var(--muted-dim);transition:background .2s ease,color .2s ease}.site-nav__lang-option:hover,.site-nav__lang-option:focus-visible{background:color-mix(in srgb,var(--nav-accent) 9%,transparent);color:var(--text);outline:none}.site-nav__lang-option.is-active{color:var(--nav-accent);background:color-mix(in srgb,var(--nav-accent) 13%,transparent)}.site-nav__lang-option-code{font-family:var(--mono, "Space Mono", monospace);font-size:9px;letter-spacing:.12em;min-width:1.5rem}.site-nav__lang-option-name{font-family:var(--sans, "Space Grotesk", sans-serif);font-size:12px;letter-spacing:.02em}.site-nav__theme{display:flex;align-items:center;justify-content:center;width:42px;min-height:100%;margin:0;padding:0;border:none;border-left:1px solid var(--line2);border-radius:0 100px 100px 0;background:transparent;cursor:pointer;color:var(--muted-dim);transition:color .2s ease,background .2s ease}.site-nav__theme:hover,.site-nav__theme:focus-visible{color:var(--text);background:color-mix(in srgb,var(--nav-accent) 8%,transparent)}.site-nav__theme:focus-visible{outline:2px solid var(--nav-accent);outline-offset:2px;z-index:2}.site-nav__theme-swap{position:relative;width:17px;height:17px;flex-shrink:0}.site-nav__theme-icon{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;line-height:0;transition:opacity .34s cubic-bezier(.4,0,.2,1),transform .48s cubic-bezier(.33,1.28,.64,1)}.site-nav__theme-icon svg{display:block}html[data-theme=dark] .site-nav__theme-icon--sun,html:not([data-theme]) .site-nav__theme-icon--sun{opacity:0;transform:scale(.52) rotate(78deg);pointer-events:none}html[data-theme=dark] .site-nav__theme-icon--moon,html:not([data-theme]) .site-nav__theme-icon--moon{opacity:1;transform:scale(1) rotate(0)}html[data-theme=light] .site-nav__theme-icon--moon{opacity:0;transform:scale(.52) rotate(-78deg);pointer-events:none}html[data-theme=light] .site-nav__theme-icon--sun{opacity:1;transform:scale(1) rotate(0)}@media(prefers-reduced-motion:reduce){.site-nav__theme-icon{transition:opacity .16s ease}html[data-theme=dark] .site-nav__theme-icon--sun,html:not([data-theme]) .site-nav__theme-icon--sun,html[data-theme=light] .site-nav__theme-icon--moon{transform:none}html[data-theme=dark] .site-nav__theme-icon--moon,html:not([data-theme]) .site-nav__theme-icon--moon,html[data-theme=light] .site-nav__theme-icon--sun{transform:none}}@media(max-width:768px){.site-nav__lang-trigger{padding:6px 10px 6px 12px;font-size:8px}.site-nav__lang-panel{min-width:min(14rem,calc(100vw - 2rem))}.site-nav__theme{width:38px}}
