:root{--ink-0: #0a0a0a;--ink-1: #1c1c1c;--ink-2: #333333;--ink-3: #5e5e5e;--ink-4: #8d8d8d;--ink-5: #bebebe;--ink-6: #f2f2f2;--type-micro: clamp(.6875rem, .78vw, .8125rem);--type-small: .8125rem;--type-lead: clamp(1rem, 1.7vw, 1.35rem);--type-display: clamp(3.2rem, 9.5vw, 6.5rem);--track-caps: .16em;--track-text: .015em;--track-display: -.045em;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-6: 24px;--space-8: 32px;--space-12: 48px;--margin: clamp(20px, 4vw, 56px);--face: "Jadog Display", "Helvetica Neue", Helvetica, Arial, system-ui, sans-serif;--face-mono: "Jadog Mono", ui-monospace, Menlo, Consolas, monospace;--face-cjk: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans SC", system-ui, sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#app{width:100%;height:100%;height:100dvh;overflow:hidden;background:var(--ink-0)}body{font-family:var(--face);color:var(--ink-4);-webkit-font-smoothing:antialiased}#avatar-canvas{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;touch-action:none;cursor:default;background:var(--ink-0);z-index:0}#avatar-message{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:var(--space-6);font-size:var(--type-small);line-height:1.5;color:var(--ink-4);background:var(--ink-0);text-align:center;z-index:3}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}[hidden]{display:none!important}.stage,.chrome{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.stage{z-index:3}.chrome{z-index:1}.chrome:before,.chrome:after{content:"";position:absolute;left:var(--margin);right:var(--margin);height:1px;background:var(--ink-1)}.chrome:before{top:calc(var(--margin) + var(--space-8))}.chrome:after{bottom:calc(var(--margin) + var(--space-8))}.corner{position:absolute;z-index:2;font-family:var(--face-mono);font-size:var(--type-micro);line-height:1.45;letter-spacing:var(--track-text);color:var(--ink-4)}.corner a,.corner .tick{color:var(--ink-5);text-decoration:none;pointer-events:auto;display:inline;background-image:linear-gradient(currentColor,currentColor);background-position:0 100%;background-repeat:no-repeat;background-size:0% 1px;transition:background-size .18s ease,color .18s ease}.corner a:hover,.corner .tick:hover{color:var(--ink-6);background-size:100% 1px}.corner strong.tick{font-weight:600;color:var(--ink-5);pointer-events:auto;cursor:default}.corner--tl{top:var(--margin);left:var(--margin);max-width:calc(100% - var(--margin) * 2 - 7rem)}.corner--tr{top:var(--margin);right:var(--margin);text-align:right}.corner--bl{bottom:var(--margin);left:var(--margin)}.tick--hint{color:var(--ink-4);cursor:default}.corner--br{bottom:var(--margin);right:var(--margin);text-align:right}.hero{position:absolute;left:var(--margin);bottom:calc(var(--margin) + var(--space-12));display:flex;flex-direction:column;gap:var(--space-3);max-width:min(42vw,480px);pointer-events:none;z-index:1}.hero-name__letter{display:inline-block;will-change:font-variation-settings}.hero-line[data-state=pending]{opacity:0}.hero-line[data-state=shown]{opacity:1}@font-face{font-family:Jadog Mono;src:url(/fonts/plex-mono-subset.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Jadog Display;src:url(/fonts/roboto-flex-subset.woff2) format("woff2-variations");font-weight:100 1000;font-display:swap}.hero-name{font-family:var(--face);font-size:var(--type-display);font-weight:700;line-height:.88;letter-spacing:-.045em;color:var(--ink-6)}.hero-line{max-width:18rem;font-size:var(--type-small);line-height:1.55;color:var(--ink-4)}.hero-line strong{color:var(--ink-5);font-weight:600}@media(max-width:720px){.hero{top:calc(var(--margin) + var(--space-8) + var(--space-6));bottom:auto;transform:none;max-width:calc(100% - var(--margin) * 2)}.hero-name{font-size:clamp(2.6rem,15vw,3.6rem)}}.loader{position:fixed;left:50%;top:46%;width:144px;height:1px;margin-left:-72px;background:#ececec17;pointer-events:none;z-index:2;transition:opacity .6s ease .12s}.loader i{display:block;height:100%;width:100%;background:#ececec80;transform:scaleX(var(--progress, 0));transform-origin:left center;transition:transform .24s cubic-bezier(.22,1,.36,1)}.loader[data-state=done]{opacity:0}[data-avatar-ready=true] .loader{display:none}@media(prefers-reduced-motion:reduce){.loader i{transition:none}}#app:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1;background:radial-gradient(ellipse 70% 65% at 55% 42%,#0a0a0a00 40%,#0a0a0a59 72%,#0a0a0ad9)}.chrome{z-index:2}.projects{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none}.projects[data-layout=list]{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-1);inset:auto var(--margin) calc(var(--margin) + var(--space-12)) var(--margin)}.projects[data-layout=list] .project-label{position:relative;transform:none;padding-left:0;padding-right:0}.project-label{position:absolute;top:0;left:0;display:flex;align-items:baseline;padding:var(--space-2) var(--space-3);border:0;background:transparent;font:inherit;color:var(--ink-5);text-align:left;text-decoration:none;cursor:pointer;pointer-events:auto;will-change:transform;transition:color .22s ease}.project-label__index{position:relative;z-index:1;font-family:var(--face-mono);font-size:var(--type-micro);letter-spacing:var(--track-caps);color:var(--ink-4);margin-right:var(--space-2);transition:color .26s ease}.project-label:hover .project-label__index,.project-label:focus-visible .project-label__index,.project-label.is-speaking .project-label__index{color:var(--ink-5)}.project-label__name{position:relative;z-index:1;font-family:var(--face-mono);font-size:var(--type-micro);letter-spacing:var(--track-caps);text-transform:uppercase;white-space:nowrap}.project-label:hover,.project-label:focus-visible{color:var(--ink-6)}.project-label:focus-visible,.corner .tick:focus-visible{outline:1px solid rgba(236,236,236,.7);outline-offset:var(--space-1);border-radius:0}.project-label__panel{position:absolute;top:calc(100% - var(--space-2));left:0;z-index:0;display:flex;flex-direction:column;gap:var(--space-2);width:max-content;min-width:11rem;max-width:min(19rem,40vw);padding:var(--space-3) var(--space-3) var(--space-2);border:0;border-top:1px solid var(--ink-2);background:#0a0a0adb;opacity:0;transform:translateY(calc(var(--space-1) * -1.5));transform-origin:top left;pointer-events:none;transition:opacity .2s cubic-bezier(.4,0,1,1),transform .2s cubic-bezier(.4,0,1,1)}.project-label.is-open .project-label__panel{opacity:1;transform:translateY(0);pointer-events:auto;transition:opacity .26s cubic-bezier(.22,1,.36,1),transform .42s cubic-bezier(.22,1,.36,1)}.project-label__blurb{font-size:var(--type-small);line-height:1.55;color:var(--ink-5)}.project-label__media:empty{display:none}.project-label__media{display:grid;grid-template-columns:repeat(auto-fill,minmax(4.5rem,1fr));gap:var(--space-1)}.project-label__media img{width:100%;border-radius:0;display:block}.project-label.is-speaking .project-label__name{color:var(--ink-6)}.project-label.is-speaking .project-label__name:after{content:"";display:inline-block;width:var(--space-1);height:var(--space-1);margin-left:.5em;border-radius:50%;background:currentColor;animation:speaking-pulse 1.1s ease-in-out infinite}@keyframes speaking-pulse{0%,to{opacity:.25}50%{opacity:1}}@media(prefers-reduced-motion:reduce){.project-label.is-speaking .project-label__name:after{animation:none;opacity:1}.project-label__panel,.project-label.is-open .project-label__panel{transition-duration:1ms}}@media(max-width:720px){.project-label__panel{max-width:60vw}}.subtitle{position:absolute;left:50%;bottom:clamp(3.2rem,9vh,7rem);z-index:4;width:min(46rem,84vw);transform:translate(-50%);text-align:center;pointer-events:none;opacity:0;transition:opacity .14s ease}body{--chrome: 0}body[data-page-ready=true]{--chrome: 1}body[data-speaking=true]{--chrome: .22}.corner{opacity:var(--chrome);transition:opacity .76s cubic-bezier(.22,1,.36,1)}.corner--tr{transition-delay:60ms}.corner--bl{transition-delay:.12s}.corner--br{transition-delay:.18s}body[data-speaking=true] .corner{transition-duration:.42s;transition-delay:0ms}body[data-speaking=true] .hero{opacity:.22}.hero{transition:opacity .42s ease}.chrome:before,.chrome:after{transform:scaleX(0);transform-origin:left center;transition:transform 1.1s cubic-bezier(.22,1,.36,1)}body[data-page-ready=true] .chrome:before,body[data-page-ready=true] .chrome:after{transform:scaleX(1)}body[data-page-ready=true] .chrome:after{transition-delay:.14s}.project-label{animation:label-in .9s cubic-bezier(.22,1,.36,1) both}.project-label:nth-child(1){animation-delay:.42s}.project-label:nth-child(2){animation-delay:.56s}@keyframes label-in{0%{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){.hero,.corner,.chrome:before,.chrome:after{transition:none}.project-label{animation:none}}.subtitle.is-visible{opacity:1}.subtitle__line{margin:0;font-family:var(--face-cjk);font-size:var(--type-lead);font-weight:500;line-height:1.5;letter-spacing:.02em;color:var(--ink-6);text-shadow:0 1px 2px rgba(0,0,0,.95),0 0 18px rgba(0,0,0,.75);text-wrap:balance}@media(max-width:720px){.subtitle{bottom:5.5rem;width:90vw}}#cursor-inner,#cursor-outer{position:fixed;top:0;left:0;z-index:9999;opacity:0;pointer-events:none;border-radius:50%;transform:translate(-50%,-50%);will-change:left,top,transform;transition:opacity .25s ease,transform .25s ease}#cursor-outer{mix-blend-mode:exclusion}body.has-custom-cursor,body.has-custom-cursor #avatar-canvas,body.has-custom-cursor a,body.has-custom-cursor button{cursor:none}body.has-custom-cursor:focus-within #cursor-inner,body.has-custom-cursor:focus-within #cursor-outer{transition:opacity .16s ease}