*{box-sizing:border-box;margin:0;padding:0}:root{--page-padding-x:26px;--chrome-padding-y:12px;--chrome-gap-y:16px;--header-control-size:34px;--header-title-gap:40px;--hero-title-padding-x:20px;--content-box-radius:24px;--paper:#c3e3ff;--ink:#101010;--hairline:#101010;--muted:#6f6c66;--card-bg-start:#f7f6f3;--card-bg-end:#ecebe6;--card-number:#c9c6bf}body[data-theme=dark]{--paper:#091426;--ink:#f0f5ff;--hairline:#d4e2ff;--muted:#9eb2d6;--card-bg-start:#10243f;--card-bg-end:#0b1b30;--card-number:#6f87b2}html{scroll-behavior:smooth;scrollbar-gutter:stable;overscroll-behavior:none;height:100%}html.is-loading,html.is-loading body{overscroll-behavior:none;overflow:hidden}body{background:var(--paper);color:var(--ink);overscroll-behavior:none;min-height:100%;font-family:Azeret Mono,monospace;transition:background-color .45s,color .45s}.sky-layer{z-index:0;pointer-events:none;backface-visibility:hidden;background:url(/assets/day-B282BZ87.png) 50%/cover no-repeat;width:100%;height:100%;min-height:100lvh;position:fixed;inset:0;transform:translateZ(0)}body[data-theme=dark] .sky-layer{background-image:url(/assets/night-BPIngeQF.png)}.scene-layer{z-index:2;pointer-events:none;backface-visibility:hidden;width:100%;height:100%;min-height:100lvh;position:fixed;inset:0;transform:translateZ(0)}.model-loader{z-index:1;pointer-events:none;opacity:1;transition:opacity .4s;position:fixed;left:50%;transform:translate(-50%,-50%)}.model-loader--out{opacity:0}.model-loader-stack{flex-direction:column;align-items:center;gap:14px;display:flex}.model-loader-wheel{--wheel-size:40px;--bar-width:4px;--bar-height:9px;width:var(--wheel-size);height:var(--wheel-size);position:relative}.model-loader-wheel-bar{left:calc((var(--wheel-size) - var(--bar-width)) / 2);width:var(--bar-width);height:var(--bar-height);background:var(--ink);transform-origin:center calc(var(--wheel-size) / 2);transform:rotate(calc(var(--i) * 30deg));opacity:.18;animation:1.2s linear infinite model-loader-wheel;animation-delay:calc(var(--i) * -.1s);border-radius:999px;position:absolute;top:0}@keyframes model-loader-wheel{0%,to{opacity:.18}8.333%{opacity:1}16.666%{opacity:.18}}.model-loader-text{letter-spacing:.18em;text-transform:uppercase;color:var(--muted);font-size:10px}.page-shell{z-index:3;padding:var(--chrome-padding-y) var(--page-padding-x);position:relative}.site-header{z-index:2;min-height:var(--header-control-size);margin-bottom:var(--chrome-gap-y);letter-spacing:.18em;text-transform:uppercase;color:var(--muted);justify-content:space-between;align-items:flex-end;gap:12px;font-size:10px;display:flex;position:relative}.site-header>span{min-width:0;max-height:var(--header-control-size);line-height:calc(var(--header-control-size) / 2);text-wrap:pretty;flex:1;overflow:hidden}.site-header strong{color:var(--ink);font-weight:400}.content-box{border:1px solid var(--hairline);border-radius:var(--content-box-radius);position:relative}.site-footer{margin-top:var(--chrome-gap-y);letter-spacing:.18em;text-transform:uppercase;color:var(--muted);flex-direction:column;gap:10px;font-size:10px;display:flex}.site-footer-row{justify-content:space-between;align-items:baseline;gap:16px;display:flex}.site-footer strong{color:var(--ink);font-weight:400}.theme-controls{pointer-events:auto;flex-shrink:0;align-items:center;gap:10px;display:flex}.theme-toggle{pointer-events:auto;width:var(--header-control-size);height:var(--header-control-size);cursor:pointer;background:0 0;border:0;border-radius:0;place-items:center;padding:0;display:grid}.theme-toggle.active{cursor:default}.theme-toggle img{object-fit:contain;width:28px;height:28px;transition:transform .2s;transform:scale(1)}.theme-toggle.active img,.theme-toggle:not(.active):hover img{transform:scale(1.3)}.hint{animation:3.2s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.35}}.hero{height:100vh;position:relative}.name-wrap{top:var(--header-title-gap);width:100%;padding:0 var(--hero-title-padding-x);z-index:1;pointer-events:none;height:32vw;position:absolute;left:0;right:0}.ripple-canvas{touch-action:none;pointer-events:none;width:100%;height:100%;display:block}.works-heading-wrap{width:min(400px,34vw)}.works-ripple-wrap{pointer-events:none;width:100%;height:30vw;min-height:140px;max-height:320px}.project{z-index:3;align-items:center;min-height:100vh;padding:0 7vw;display:flex;position:relative}.project.left{justify-content:flex-start}.project.right{justify-content:flex-end}.project-card{pointer-events:auto;width:min(400px,34vw)}.project-media{border:1px solid var(--hairline);background:linear-gradient(145deg, var(--card-bg-start), var(--card-bg-end));display:grid;overflow:hidden}.project-media img{opacity:0;grid-area:1/1;width:100%;height:auto;display:block}.project-media img.is-visible{opacity:1}.project-placeholder{aspect-ratio:4/3;place-items:center;width:100%;display:grid}.project-placeholder span{color:var(--card-number);font-size:44px;font-weight:300}.project-card figcaption{letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin-top:12px;font-size:12px}.project-card figcaption strong{color:var(--ink);font-weight:400}.whoami-wrap{text-align:left;pointer-events:auto;width:40%;max-width:40%}.whoami-ripple-wrap{pointer-events:none;height:80px}.whoami-body{letter-spacing:.02em;color:var(--ink);margin-top:20px;font-size:13px;line-height:1.65}.outro{z-index:3;letter-spacing:.18em;text-transform:uppercase;height:60vh;color:var(--muted);place-items:center;font-size:11px;display:grid;position:relative}@media (width<=720px){.project-card,.works-heading-wrap{width:min(320px,72vw)}.works-ripple-wrap{height:30vw;min-height:120px;max-height:240px}.whoami-wrap{width:min(320px,72vw);max-width:88%}.site-footer-row{flex-direction:column;align-items:flex-start;gap:8px}.name-wrap{height:44vw}}