@font-face{font-family:Fraunces;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/fraunces-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Fraunces;font-style:italic;font-weight:100 900;font-display:swap;src:url(/fonts/fraunces-latin-italic.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}*{margin:0;padding:0;box-sizing:border-box}:root{--bg: #0e0e0e;--ink: #e9e6df;--dim: #7c7a73;--edge: rgba(233,230,223,.16);--edge-faint: rgba(233,230,223,.1);--pad: 30px;--font: "Helvetica Neue", "Arial", sans-serif;--display: "Fraunces", Georgia, "Times New Roman", serif}html,body,#root{height:100%;width:100%}body{background:var(--bg);color:var(--ink);font-family:var(--font);overflow:hidden;cursor:none;-webkit-font-smoothing:antialiased}#root{position:fixed;inset:0}canvas{display:block}.hud{position:fixed;inset:0;pointer-events:none;z-index:10}.hud a,.hud .mode,.hud .switcher-item,.hud .contact{pointer-events:auto}.hud a,.hud .mode,.hud .switcher-item{text-decoration:none;color:var(--ink);cursor:none;transition:opacity .25s ease}.dim{color:var(--dim)}.corners{position:absolute;top:0;left:0;width:100%;display:flex;justify-content:space-between;padding:max(var(--pad),env(safe-area-inset-top)) max(var(--pad),env(safe-area-inset-right)) var(--pad) max(var(--pad),env(safe-area-inset-left));font-size:11px;letter-spacing:.09em;text-transform:uppercase;z-index:12}.tl,.tr{display:flex;flex-direction:column;gap:4px}.tr{align-items:flex-end;text-align:right}.brand{font-family:var(--display);font-size:17px;line-height:1;letter-spacing:-.01em;text-transform:none;color:var(--ink)}.brand-sub{font-size:10px;letter-spacing:.12em;color:var(--dim);margin-bottom:6px}.nav .active{text-decoration:underline;text-underline-offset:3px}.nav a:not(.active){color:var(--dim)}.mode.active{text-decoration:underline;text-underline-offset:3px}.mode:not(.active){color:var(--dim)}.contact:hover,.nav a:hover{opacity:.5}.masthead{position:absolute;top:92px;left:0;width:100%;display:flex;flex-direction:column;align-items:flex-start;padding:0 var(--pad)}.title{font-family:var(--display);text-align:left;line-height:.9;margin:0}.title .t-name{display:block;font-weight:400;font-size:clamp(44px,8.8vw,150px);letter-spacing:-.02em}.title .t-work{display:block;font-style:italic;font-weight:400;font-size:clamp(19px,2.9vw,44px);letter-spacing:.01em;margin-top:.1em;color:var(--ink)}.title sup{font-size:.34em;vertical-align:super;font-style:normal}.rule{margin-top:22px;display:flex;gap:26px;font-family:var(--font);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--dim)}.bottom{position:absolute;bottom:0;left:0;width:100%;display:flex;justify-content:space-between;align-items:flex-end;padding:var(--pad) max(var(--pad),env(safe-area-inset-right)) max(var(--pad),env(safe-area-inset-bottom)) max(var(--pad),env(safe-area-inset-left));font-size:11px;letter-spacing:.09em;text-transform:uppercase;z-index:12}.progress{display:none}.switcher{letter-spacing:.09em;text-transform:uppercase;position:absolute;left:50%;bottom:max(var(--pad),env(safe-area-inset-bottom));transform:translate(-50%);white-space:nowrap}.switcher-item.active{text-decoration:underline;text-underline-offset:3px}.switcher-item:not(.active){color:var(--dim)}.switcher-item:hover{color:var(--ink);opacity:1}.br{color:var(--dim);text-align:right}.crosshair{position:fixed;left:50%;top:50%;width:18px;height:18px;z-index:11;transform:translate(-50%,-50%);pointer-events:none}.crosshair:before,.crosshair:after{content:"";position:absolute;background:var(--dim)}.crosshair:before{left:50%;top:0;width:1px;height:100%;transform:translate(-50%)}.crosshair:after{top:50%;left:0;height:1px;width:100%;transform:translateY(-50%)}.cursor{position:fixed;top:0;left:0;width:14px;height:14px;border-radius:50%;background:transparent;border:1px solid var(--ink);transform:translate(-50%,-50%);pointer-events:none;z-index:50;will-change:transform;transition:width .3s ease,height .3s ease,background .3s ease,border-color .3s ease}body.hovering .cursor{width:10px;height:10px;background:var(--ink);border-color:transparent}.preloader{position:fixed;inset:0;z-index:100;overflow:hidden}.pre-top,.pre-bottom{position:absolute;left:0;width:100%;height:50%;background:#000}.pre-top{top:0}.pre-bottom{bottom:0}.pre-line{position:absolute;top:50%;left:0;width:100%;transform:translateY(-50%);padding:0 var(--pad);z-index:2}.pre-meta{display:flex;justify-content:space-between;align-items:baseline;color:#fff;font-family:var(--font);font-size:12.5px;letter-spacing:.01em;padding-bottom:8px}.pre-num{font-variant-numeric:tabular-nums}.pre-track{position:relative;width:100%;height:1px;background:#ffffff47}.pre-fill{position:absolute;left:0;top:0;height:100%;width:100%;background:#fff;transform-origin:left center;transform:scaleX(0);will-change:transform}.detail{position:fixed;inset:0;z-index:40;display:flex;align-items:center;justify-content:flex-end;padding:0 7vw;background:#0e0e0e8c;backdrop-filter:blur(26px) saturate(1.05);-webkit-backdrop-filter:blur(26px) saturate(1.05);cursor:none}.detail-fig{position:relative;width:min(46vh,42vw);max-width:480px;will-change:transform,opacity}.detail-fig img,.detail-fallback{display:block;width:100%;aspect-ratio:3 / 4;object-fit:cover;filter:grayscale(1) contrast(1.02);background:#1a1a1a}.detail.color .detail-fig img{filter:contrast(1.02)}.detail-fig figcaption{margin-top:12px;font-family:var(--font);font-size:12.5px;letter-spacing:.02em;color:var(--ink)}.detail-hint{position:absolute;left:var(--pad);bottom:var(--pad);font-family:var(--font);font-size:11px;color:var(--dim);letter-spacing:.02em}body[data-page=about] .bottom{opacity:0!important;pointer-events:none}body[data-page=about] .rule,body[data-page=about] .masthead{display:none}.about{position:fixed;inset:0;z-index:5;background:var(--bg);color:var(--ink);overflow:hidden;animation:abIn .6s ease both}@keyframes abIn{0%{opacity:0}to{opacity:1}}.ab-index{position:absolute;top:118px;left:var(--pad);width:min(400px,28vw);font-family:var(--font);font-size:12px;letter-spacing:.01em}.ab-index-head{display:grid;grid-template-columns:58px 1fr;color:var(--dim);padding-bottom:6px}.ab-list{list-style:none}.ab-list li{position:relative;display:grid;grid-template-columns:58px 1fr;padding:6px 0;border-top:1px solid var(--edge-faint);transition:opacity .3s ease}.ab-list:hover li{opacity:.38}.ab-list li:hover{opacity:1}.ab-proj{transition:transform .4s cubic-bezier(.16,1,.3,1)}.ab-list li:hover .ab-proj{transform:translate(7px)}.ab-underline{position:absolute;left:0;bottom:-1px;height:2px;width:100%;background:var(--ink);transform:scaleX(0);transform-origin:left;transition:transform .5s cubic-bezier(.16,1,.3,1)}.ab-list li:hover .ab-underline{transform:scaleX(1)}.ab-phrase{margin:0;font-family:var(--display);font-weight:400;line-height:1;letter-spacing:-.01em;font-size:clamp(30px,4.4vw,72px)}.ab-statement{position:absolute;top:13vh;right:var(--pad);text-align:right}.ab-eyebrow{display:block;margin-bottom:14px;font-family:var(--font);font-size:12px;color:var(--dim);letter-spacing:.04em}.ab-lede{position:absolute;top:44vh;left:28vw;max-width:26vw}.ab-copy{margin-top:20px;max-width:34ch;font-family:var(--font);font-size:15.5px;line-height:1.65;color:var(--ink)}.ab-stage{position:absolute;right:0;bottom:0;width:46vw;height:54vh;background:#060606;overflow:hidden;border:1px solid var(--edge-faint)}.ab-fan{position:absolute;inset:0;transition:opacity .5s ease}.ab-stage.active .ab-fan{opacity:0}.ab-card{position:absolute;left:50%;bottom:14%;width:30%;aspect-ratio:3 / 4;object-fit:cover;filter:grayscale(1) contrast(1.04);box-shadow:0 12px 40px #00000080;transform-origin:bottom center}.ab-preview{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;filter:grayscale(1) contrast(1.04);opacity:0;transform:translateY(10%);transition:opacity .5s ease,transform .7s cubic-bezier(.16,1,.3,1)}.ab-stage.active .ab-preview{opacity:1;transform:translateY(0)}.ab-stage-cap{position:absolute;left:16px;bottom:14px;z-index:20;font-family:var(--font);font-size:12px;letter-spacing:.02em;color:#fff;text-shadow:0 1px 14px rgba(0,0,0,.85)}.fps{position:fixed;left:var(--pad);bottom:46px;z-index:60;display:flex;align-items:baseline;gap:6px;padding:5px 9px;background:#0e0e0eb8;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:1px solid var(--edge-faint);font-family:var(--font);font-size:11px;letter-spacing:.02em;font-variant-numeric:tabular-nums;color:var(--ink);pointer-events:none;-webkit-user-select:none;user-select:none}.fps-now{font-size:14px;font-weight:700}.fps-unit{color:var(--dim);margin-right:2px}.fps-dim{color:var(--dim)}.fps-val{font-weight:700}@media (min-width: 641px) and (max-width: 1080px){.ab-statement{top:12vh}.ab-lede{top:32vh;left:auto;right:var(--pad);max-width:44vw;text-align:right}.ab-copy{margin-left:auto}.ab-stage{height:34vh}.ab-card{bottom:30%}}@media (max-width: 640px){:root{--pad: 14px}.corners,.rule,.bottom{font-size:11px}.progress{width:44px}.masthead{top:76px}.title .t-name{font-size:clamp(40px,15vw,88px)}.title .t-work{font-size:clamp(15px,4.6vw,26px)}.rule{flex-wrap:wrap;gap:10px 16px;margin-top:16px}.bottom{flex-direction:column;align-items:center;gap:8px}.switcher{position:static;left:auto;bottom:auto;transform:none;font-size:10px;white-space:normal;text-align:center}.br{text-align:center;font-size:10px}.bl{display:none}.detail{padding:0 8vw;justify-content:center}.detail-fig{width:min(66vw,62vh);max-width:none}body[data-page=about] .corners:before{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,var(--bg) 0%,color-mix(in srgb,var(--bg) 88%,transparent) 62%,transparent 100%);z-index:-1;pointer-events:none}.about{overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.ab-index,.ab-statement,.ab-lede,.ab-stage{position:relative;inset:auto}.ab-index{width:auto;padding:104px var(--pad) 8px}.ab-statement{text-align:left;padding:20px var(--pad) 0}.ab-lede{max-width:none;padding:22px var(--pad)}.ab-copy{max-width:none}.ab-stage{width:100%;height:58vw;margin-top:8px}.ab-phrase{font-size:clamp(28px,8vw,44px)}.about{padding-bottom:max(28px,env(safe-area-inset-bottom))}.ab-list li{min-height:40px}}@media (hover: none) and (pointer: coarse){body{cursor:auto}.cursor{display:none}.hud a,.hud .mode,.hud .switcher-item,.hud .contact{cursor:pointer}.hud a,.hud .mode,.hud .switcher-item,.hud .contact{position:relative;display:inline-block}.hud a:after,.hud .mode:after,.hud .switcher-item:after,.hud .contact:after{content:"";position:absolute;left:-6px;right:-6px;top:50%;transform:translateY(-50%);height:44px}}