:root{color-scheme:light dark;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-7: 3rem;--glass-inset: .3125rem;--control-height: 3.375rem;--control-width: 7rem;--radius-outer: calc(var(--control-height) / 2 + var(--glass-inset));--radius-inner: calc(var(--radius-outer) - var(--glass-inset));--radius-pocket: calc(var(--radius-outer) + .35rem);--font-sans: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Helvetica Neue", Arial, sans-serif;--text-display: clamp(3.9rem, 6.4vw, 6.4rem);--text-ui: .9375rem;--text-panel: 1rem;--text-detail: .6875rem;--ease-material: cubic-bezier(.2, .82, .24, 1);--ease-press: cubic-bezier(.2, .9, .22, 1);--ease-soft-spring: cubic-bezier(.16, 1, .3, 1);--duration-state: .18s;--duration-detail: .28s;--depth-scene: 0;--depth-content: 10;--depth-function: 20;--page-bg: #eeeae2;--text: #20201f;--text-muted: #62615d;--control-text: #262624;--focus: #174f9f;--fallback-glass: 255 255 255;--fallback-border: 255 255 255;--fallback-shadow: 72 64 52}@media(prefers-color-scheme:dark){:root{--page-bg: #0a0c10;--text: #f2f1ed;--text-muted: #aaa8a1;--control-text: #f5f4ef;--focus: #85b4ff;--fallback-glass: 38 41 47;--fallback-border: 223 231 244;--fallback-shadow: 0 0 0}}*{box-sizing:border-box}html{min-width:20rem;background:var(--page-bg);font-family:var(--font-sans);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:20rem;min-height:100vh;overflow:hidden;background:var(--page-bg);color:var(--text)}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit;font:inherit}button:focus-visible,a:focus-visible{outline:.125rem solid color-mix(in srgb,var(--text) 62%,var(--focus) 38%);outline-offset:.1875rem}html[data-input-mode=pointer] button:focus-visible,html[data-input-mode=pointer] a:focus-visible{outline:none}::selection{color:var(--text);background:color-mix(in srgb,var(--focus) 23%,transparent)}@media(hover:hover)and (pointer:fine){html,body,#root,.page,.page *{cursor:url(/pointers/default.svg) 5 14,default}.page a,.page button,.page [role=button]{cursor:url(/pointers/action.svg) 15 6,pointer}.page .logo-object,.page .logo-object:active{cursor:url(/pointers/move.svg) 18 18,move}.page .identity-copy,.page .identity-copy *{cursor:url(/pointers/text.svg) 18 18,text}}.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}.page{position:relative;isolation:isolate;width:100%;height:100vh;height:100svh;min-height:34rem;overflow:hidden;background:var(--page-bg)}.optical-scene{position:absolute;z-index:var(--depth-scene);inset:0;display:block;width:100%;height:100%;pointer-events:none}.content-layer{position:absolute;z-index:var(--depth-content);inset:0;display:grid;place-items:center;pointer-events:none}.identity{display:flex;align-items:center;gap:clamp(1.8rem,4vw,4.2rem);padding-bottom:clamp(5.4rem,13vh,9rem);pointer-events:auto}.logo-object{--glint-position: 50%;position:relative;width:clamp(11.75rem,18vw,17rem);aspect-ratio:1;display:grid;place-items:center;padding:0;border:0;border-radius:42%;appearance:none;background:transparent;perspective:850px;touch-action:none}.logo-shadow{--shadow-x: 0px;--shadow-y: 0px;--shadow-scale: .9;position:absolute;left:16%;right:13%;bottom:8%;height:14%;border-radius:50%;background:#483d2d24;filter:blur(1.25rem);transform:translate3d(calc(-.42rem + var(--shadow-x)),calc(.62rem + var(--shadow-y)),-1px) scale(var(--shadow-scale));transition:filter var(--duration-detail) ease,opacity var(--duration-detail) ease;will-change:transform}.logo-object:active .logo-shadow{filter:blur(.85rem);opacity:.82}.logo-tilt{position:absolute;inset:0;display:grid;place-items:center;transform-style:preserve-3d;will-change:transform}.logo-tilt img{position:relative;z-index:1;display:block;width:100%;height:100%;object-fit:contain;user-select:none;transform:translateZ(1.15rem)}.logo-specular{position:absolute;z-index:2;inset:12% 14% 15%;border-radius:46%;pointer-events:none;opacity:.095;background:radial-gradient(circle at var(--glint-position) 24%,rgb(255 255 255 / .76),transparent 19%);mix-blend-mode:screen;transform:translateZ(1.8rem)}.identity-copy{position:relative;min-width:0;padding-bottom:.22em}.identity h1{margin:0;color:var(--text);font-size:var(--text-display);font-weight:520;font-variation-settings:"opsz" 72;line-height:.92;letter-spacing:-.068em;white-space:nowrap}.title-dot{--dot-x: 0px;--dot-y: 0px;--dot-scale: 1;display:inline-block;transform:translate3d(var(--dot-x),var(--dot-y),0) scale(var(--dot-scale));transform-origin:50% 78%;will-change:transform}.secret-copy{position:absolute;top:calc(100% + .85rem);left:.1rem;color:var(--text-muted);font-size:.78rem;font-weight:450;letter-spacing:-.012em;opacity:0;transform:translate3d(0,.25rem,0);transition:opacity .16s ease,transform .26s var(--ease-material)}.secret-copy[data-visible]{opacity:.72;transform:translateZ(0)}.functional-layer{position:fixed;z-index:var(--depth-function);left:50%;bottom:clamp(2.6rem,6.5vh,5rem);transform:translate(-50%);pointer-events:none}.glass-composition{position:relative;width:calc(var(--control-width) * 2 + var(--glass-inset) * 2);min-height:calc(var(--control-height) + var(--glass-inset) * 2);color:var(--control-text);pointer-events:auto}.control-strip,.glass-pocket{background:linear-gradient(135deg,rgb(var(--fallback-glass) / .64),rgb(var(--fallback-glass) / .3));border:1px solid rgb(var(--fallback-border) / .46);box-shadow:0 1rem 2.4rem rgb(var(--fallback-shadow) / .16),inset 0 1px #ffffff85;backdrop-filter:blur(1.35rem) saturate(1.22);-webkit-backdrop-filter:blur(1.35rem) saturate(1.22)}html[data-webgl=true] .control-strip,html[data-webgl=true] .glass-pocket{border-color:transparent;background:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}.control-strip{position:relative;z-index:3;display:grid;grid-template-columns:repeat(2,var(--control-width));gap:0;padding:var(--glass-inset);border-radius:var(--radius-outer)}.pocket-content{grid-area:1 / 1}.nav-control{--proximity-x: 0px;--proximity-y: 0px;--proximity-scale: 1;position:relative;min-width:var(--control-width);min-height:var(--control-height);display:grid;place-items:center;padding:0 var(--space-4);border:0;border-radius:var(--radius-inner);appearance:none;background:transparent;color:color-mix(in srgb,var(--control-text) 68%,transparent);font-size:var(--text-ui);font-weight:470;font-variation-settings:"opsz" 15;letter-spacing:-.022em;transform:translate3d(var(--proximity-x),var(--proximity-y),0) scale(var(--proximity-scale));transition:color .18s ease;will-change:transform}.nav-control:hover,.nav-control[aria-expanded=true]{color:var(--control-text)}.nav-control[aria-expanded=true]{font-weight:555}.nav-control:active{transform:translate3d(var(--proximity-x),calc(var(--proximity-y) + .7px),0) scale(.979);transition-duration:55ms}.glass-pocket{position:absolute;z-index:2;bottom:calc(100% - .26rem);min-height:0;display:grid;align-items:center;border-radius:var(--radius-pocket);pointer-events:none}.glass-composition[data-panel=about] .glass-pocket{left:-.3rem;width:max-content;padding:1.12rem 1.35rem 1.18rem}.glass-composition[data-panel=elsewhere] .glass-pocket{right:-8.3rem;width:max-content;min-height:0;padding:1.12rem 1.5rem 1.35rem}.glass-composition[data-panel=about] .pocket-elsewhere,.glass-composition[data-panel=elsewhere] .pocket-about{position:absolute;pointer-events:none}.glass-composition[data-open=true] .glass-pocket{pointer-events:auto}.pocket-content{opacity:0;clip-path:inset(22% 7% 20% 7% round 1rem);transform:translate3d(0,.55rem,0) scale(.985);transform-origin:50% 100%;transition:opacity .13s ease,clip-path .3s var(--ease-material),transform .32s var(--ease-soft-spring)}.pocket-content[data-visible=true]{opacity:1;clip-path:inset(0 0 0 0 round 1rem);transform:translateZ(0) scale(1);transition-delay:54ms,12ms,12ms}.about-copy{margin:0;font-size:var(--text-panel);font-weight:455;letter-spacing:-.024em;line-height:1.35;white-space:nowrap}.elsewhere-links{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1.45rem}.elsewhere-links a{--entry-x: 0;--entry-y: 0;position:relative;min-width:0;display:grid;gap:.25rem;padding:.25rem 0 .45rem;border-radius:.42rem;color:var(--control-text);text-decoration:none}.elsewhere-links a:after{content:"";position:absolute;left:0;right:0;bottom:.05rem;height:1px;background:currentColor;opacity:.24;transform:scaleX(.22);transform-origin:0 50%;transition:transform .43s var(--ease-material),opacity .18s ease}.elsewhere-links a:hover:after,.elsewhere-links a:focus-visible:after{opacity:.6;transform:scaleX(1)}.link-main{display:flex;align-items:center;gap:.4rem;font-size:var(--text-panel);font-weight:520;letter-spacing:-.026em}.link-brand{width:1.48rem;height:1.48rem;flex:0 0 auto;display:grid;place-items:center;transform:translate3d(calc(var(--entry-x) * .04rem),calc(var(--entry-y) * .035rem),0) rotate(-1deg);transition:transform .43s var(--ease-soft-spring)}.link-brand[data-kind=github]{width:1.42rem;height:1.42rem}.link-brand[data-kind=discord]{width:1.56rem}.link-brand[data-kind=zyo]{width:1.52rem;height:1.52rem;padding:.15rem;border-radius:50%;background:#080808}.link-icon{display:block;width:100%;height:100%;object-fit:contain}.elsewhere-links a:hover .link-brand,.elsewhere-links a:focus-visible .link-brand{transform:translate3d(calc(var(--entry-x) * .08rem),calc(-.07rem + var(--entry-y) * .045rem),0) rotate(2deg) scale(1.08)}.elsewhere-links a:hover .link-brand[data-kind=github],.elsewhere-links a:focus-visible .link-brand[data-kind=github]{transform:translate3d(calc(var(--entry-x) * .08rem),calc(-.08rem + var(--entry-y) * .045rem),0) rotate(-4deg) scale(1.08)}.elsewhere-links a:hover .link-brand[data-kind=discord],.elsewhere-links a:focus-visible .link-brand[data-kind=discord]{transform:translate3d(calc(var(--entry-x) * .08rem),calc(-.09rem + var(--entry-y) * .045rem),0) rotate(3deg) scale(1.1)}.elsewhere-links a:hover .link-brand[data-kind=zyo],.elsewhere-links a:focus-visible .link-brand[data-kind=zyo]{transform:translate3d(calc(var(--entry-x) * .08rem),calc(-.07rem + var(--entry-y) * .045rem),0) rotate(7deg) scale(1.08)}.elsewhere-links a:active .link-brand{transform:translate3d(0,.04rem,0) scale(.9);transition-duration:70ms}.arrow-icon{width:.92rem;height:.92rem;overflow:visible;stroke:currentColor;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round;transform:translateZ(0);will-change:transform}.link-destination{max-width:100%;overflow:hidden;color:color-mix(in srgb,var(--control-text) 53%,transparent);font-size:var(--text-detail);font-weight:430;letter-spacing:-.008em;line-height:1.2;text-overflow:ellipsis;white-space:nowrap;opacity:.58;transform:translate3d(0,.1rem,0);transition:opacity .18s ease,transform .3s var(--ease-material)}.elsewhere-links a:hover .link-destination,.elsewhere-links a:focus-visible .link-destination{opacity:.9;transform:translate3d(.08rem,0,0)}@media(prefers-color-scheme:dark){.logo-object{filter:invert(.86) hue-rotate(176deg) saturate(.72)}.logo-shadow{background:#0000006b}}@media(max-width:640px){:root{--control-width: min(7rem, calc((100vw - 2rem)/2) );--control-height: 3.25rem;--text-display: clamp(3.65rem, 17vw, 5rem);--text-ui: .9rem}.page{min-height:31rem}.identity{flex-direction:column;gap:.15rem;padding-bottom:clamp(7.5rem,19vh,11rem);text-align:center}.logo-object{width:clamp(10rem,49vw,13.25rem)}.secret-copy{left:50%;transform:translate3d(-50%,.25rem,0);white-space:nowrap}.secret-copy[data-visible]{transform:translate3d(-50%,0,0)}.functional-layer{bottom:max(1.05rem,env(safe-area-inset-bottom))}.glass-composition[data-panel=about] .glass-pocket{left:50%;width:min(15.5rem,calc(100vw - 2rem));transform:translate(-50%)}.glass-composition[data-panel=elsewhere] .glass-pocket{right:auto;left:50%;width:min(22rem,calc(100vw - 1.25rem));min-height:0;padding:1.05rem 1.25rem 1.25rem;transform:translate(-50%)}.elsewhere-links{grid-template-columns:1fr;gap:.35rem}.elsewhere-links a{grid-template-columns:auto 1fr;align-items:baseline;gap:.65rem;min-height:2rem;padding-block:.28rem}.link-destination{text-align:right}}@media(max-height:650px)and (orientation:landscape){.identity{flex-direction:row;gap:1.5rem;padding-bottom:5.8rem;transform:scale(.72)}.logo-object{width:12rem}.functional-layer{bottom:max(.55rem,env(safe-area-inset-bottom));transform:translate(-50%) scale(.88);transform-origin:50% 100%}.glass-composition[data-panel=elsewhere] .glass-pocket{min-height:5.5rem}}@media(max-height:520px)and (orientation:landscape){.content-layer{place-items:start center;padding-top:1.15rem}.identity{gap:1rem;padding-bottom:0;transform:scale(.6);transform-origin:50% 0}.functional-layer{bottom:max(.35rem,env(safe-area-inset-bottom));transform:translate(-50%) scale(.86)}}@media(hover:none),(pointer:coarse){.nav-control{transform:none}.nav-control:active{transform:scale(.978)}.link-destination{opacity:.72}}@media(prefers-contrast:more){.control-strip,.glass-pocket{background:color-mix(in srgb,var(--page-bg) 94%,var(--text));border:2px solid color-mix(in srgb,var(--text) 62%,transparent);box-shadow:0 .8rem 2rem rgb(var(--fallback-shadow) / .2);backdrop-filter:none;-webkit-backdrop-filter:none}html[data-webgl=true] .control-strip,html[data-webgl=true] .glass-pocket{background:color-mix(in srgb,var(--page-bg) 94%,var(--text));border-color:color-mix(in srgb,var(--text) 62%,transparent)}.nav-control,.link-destination{color:var(--control-text)}}@media(prefers-reduced-transparency:reduce){.control-strip,.glass-pocket,html[data-webgl=true] .control-strip,html[data-webgl=true] .glass-pocket{background:color-mix(in srgb,var(--page-bg) 95%,var(--text));border-color:color-mix(in srgb,var(--text) 24%,transparent);box-shadow:0 .8rem 2rem rgb(var(--fallback-shadow) / .14);backdrop-filter:none;-webkit-backdrop-filter:none}}@media(prefers-reduced-motion:reduce){.logo-tilt,.logo-shadow,.title-dot,.arrow-icon{will-change:auto}.nav-control{transition:color .12s ease,transform 80ms ease;will-change:auto}.pocket-content{clip-path:none;transform:none;transition:opacity .14s ease}.pocket-content[data-visible=true]{transform:none;transition-delay:0ms}.arrow-icon,.link-brand,.elsewhere-links a:after,.link-destination,.secret-copy{transition-duration:.14s}}@media(prefers-reduced-motion:reduce){.link-brand{transition-duration:.12s}.elsewhere-links a:hover .link-brand,.elsewhere-links a:focus-visible .link-brand,.elsewhere-links a:active .link-brand{transform:none}}