:root{--m: 4vw;--gut: 1.2vw;--cw: calc((100vw - 2*var(--m) - 11*var(--gut)) / 12);--rose: #b06a6d;--honey: #c08a3e;--moss: #a9b08b;--olive: #b8b58c;--gilt: #c9a15a;--walnut: #2a1c14;--rice: #f5f1e6;--rice-card: #f3eee2;--bronze: #8a6a3a;--paper: #e4e4e1;--paper-lift: #ececea;--ink: #141414;--guide: rgba(20, 20, 20, .06);--tick: rgba(20, 20, 20, .5);--hair: 1px solid rgba(20, 20, 20, .9);--font-mono: "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;--font-display: "Bayon", sans-serif;--font-blackletter: "Jacquard 12", serif;--portrait-w: min(calc(2*var(--cw) + 1*var(--gut)), calc(40vh * 300 / 424));--portrait-h: calc(var(--portrait-w) * 424 / 300)}*{margin:0;padding:0;box-sizing:border-box}html{scrollbar-width:none}html::-webkit-scrollbar,body::-webkit-scrollbar{display:none}body{font-family:var(--font-mono);background:#111;overflow-x:hidden}#stage{position:fixed;inset:0;overflow:hidden}#scrollTrack{position:relative;z-index:0;pointer-events:none}.scene{position:absolute;inset:0;overflow:hidden}.sec{position:absolute;inset:0;pointer-events:none}body.color #colorLayer .sec.active,body.mono #monoLayer .sec.active{pointer-events:auto}.col-start-8{left:calc(var(--m) + 7*(var(--cw) + var(--gut)))}img.photo{position:absolute;inset:0;width:100%;height:100%;display:block;user-select:none;-webkit-user-drag:none}.rc{display:inline-block;overflow:hidden;height:1.18em;vertical-align:top}.rw{display:block}.rw i{display:block;font-style:normal;height:1.18em;line-height:1.18em}#colorLayer,#monoLayer{position:absolute;inset:0}#monoLayer{opacity:0;pointer-events:none;transition:opacity .5s}body.mono #monoLayer{opacity:1;pointer-events:auto}body.mono #colorLayer{pointer-events:none}@media(prefers-reduced-motion:reduce){#monoLayer{transition:none}}#chrome{position:fixed;inset:0;z-index:20;pointer-events:none}#chrome .logo{position:absolute;top:4vh;left:var(--m);width:calc(var(--cw)*.5);min-width:34px;cursor:pointer;pointer-events:auto}#chrome .logo .mark{display:block;width:100%;aspect-ratio:154 / 175;background:#fff;-webkit-mask:url(/favicon.svg) center / contain no-repeat;mask:url(/favicon.svg) center / contain no-repeat}body.mono #chrome .logo .mark{background:var(--ink)}#chrome .nav{position:absolute;top:4.5vh;right:var(--m);display:flex;gap:2.4vw;align-items:flex-start;pointer-events:auto}#modeBtn span{display:inline-block;height:1.18em;line-height:1.18em;vertical-align:top}#chrome .nav a{text-decoration:none;cursor:pointer;line-height:1.18}#chrome .nav a#modeBtn:hover{opacity:.8}body.color #chrome .nav a{color:#fff;font-family:var(--font-display);font-weight:400;letter-spacing:.05em;text-transform:uppercase;font-size:clamp(15px,1.5vw,22px)}body.mono #chrome .nav a{color:var(--ink);font-family:var(--font-blackletter);font-weight:400;font-size:clamp(19px,2.1vw,30px);letter-spacing:0}@keyframes rainbow{0%{color:#e0413c}16%{color:#e78a2e}33%{color:#c9b31c}50%{color:#3ba05a}66%{color:#2f7fc2}83%{color:#7a4fc9}to{color:#e0413c}}body.mono #modeBtn:hover span{animation:rainbow .9s linear infinite}#modeBtn span{transition:color .2s}#chrome .hint{position:absolute;bottom:2.4vh;left:var(--m);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink);opacity:0;transition:opacity .4s}body.mono #chrome .hint{opacity:.6}@media(prefers-reduced-motion:reduce){body.mono #modeBtn:hover span{animation:none}}.scene.color{background:var(--rose) url(/assets/wallpaper.webp) center / cover no-repeat}.c-cabinet{position:absolute;left:calc(var(--m) + 1*(var(--cw) + var(--gut)));bottom:2vh;width:min(calc(4*var(--cw) + 3*var(--gut)),calc(82vh * 518 / 861));aspect-ratio:518 / 861}.c-painting{position:absolute;top:21vh;left:calc(var(--m) + 7*(var(--cw) + var(--gut)));width:var(--portrait-w);aspect-ratio:300 / 424;cursor:pointer}.c-painting img{box-shadow:0 12px 40px #00000073;transition:transform .45s cubic-bezier(.2,.8,.25,1),box-shadow .45s}.c-painting:hover img{transform:scale(1.035) rotate(-1.1deg);box-shadow:0 26px 70px #0000008c}.c-painting:hover{z-index:2}.c-painting:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 30%,rgba(255,248,224,.38) 46%,rgba(255,248,224,.12) 52%,transparent 62%);transform:translate(-130%);opacity:0;transition:none}.c-painting:hover:after{transform:translate(130%);opacity:1;transition:transform 1.1s cubic-bezier(.3,.6,.3,1)}.c-sofa{position:absolute;bottom:3vh;left:calc(var(--m) + 5*(var(--cw) + var(--gut)));width:min(calc(6*var(--cw) + 5*var(--gut)),calc(44vh * 760 / 403));aspect-ratio:760 / 403}.c-glyph{position:absolute;aspect-ratio:1;transform:translate(-50%,-50%);cursor:pointer;transition:transform .25s}.c-glyph:hover{transform:translate(-50%,-50%) scale(1.06)}.c-glyph img{width:100%;height:100%;object-fit:contain;display:block;user-select:none;-webkit-user-drag:none;filter:drop-shadow(0 4px 10px rgba(42,28,20,.35))}.c-glyph .glyph-tag{position:absolute;left:50%;top:103%;transform:translate(-50%,8px);background:var(--rice);color:var(--walnut);border:1px solid var(--bronze);border-left:3px solid var(--bronze);font-family:var(--font-mono);font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;padding:6px 12px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .35s cubic-bezier(.2,.8,.25,1),transform .35s cubic-bezier(.2,.8,.25,1);box-shadow:0 8px 20px #0000004d;z-index:3}.c-glyph:hover .glyph-tag{opacity:1;transform:translate(-50%)}@media(prefers-reduced-motion:reduce){.c-painting img,.c-painting:after,.c-glyph{transition:none}.c-painting:hover:after{transform:translate(-130%)}}.scene.mono{background:var(--paper);color:var(--ink)}.guides{position:absolute;top:0;bottom:0;left:var(--m);right:var(--m);display:grid;grid-template-columns:repeat(12,1fr);gap:var(--gut);pointer-events:none}.guides i{border-left:1px solid var(--guide);border-right:1px solid var(--guide)}.ticks{position:absolute;top:11.5vh;left:var(--m);right:var(--m);height:8px;display:grid;grid-template-columns:repeat(12,1fr);gap:var(--gut)}.ticks i{border-left:1px solid var(--tick)}.ticks:after{content:"";position:absolute;left:0;right:0;top:8px;border-top:1px solid var(--tick)}.fig{position:absolute}.fig .cap{font-size:10px;letter-spacing:.18em;font-weight:700;text-transform:uppercase;margin-bottom:1vh;display:flex;justify-content:space-between}.fig .cap em{font-style:normal;opacity:.45}.m-projects{left:calc(var(--m) + 1*(var(--cw) + var(--gut)));top:16vh;bottom:6vh;width:calc(4*var(--cw) + 3*var(--gut));display:flex;flex-direction:column}.m-projects .grid{flex:1;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr 1fr;border:var(--hair)}.m-projects .cell{border:var(--hair);margin:-.5px;position:relative;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s}.m-projects .cell:hover{background:#1414140d}.m-projects .cell canvas.warp{width:52%;height:52%;display:block}.m-projects .idx{position:absolute;top:7px;left:9px;font-size:10px;font-weight:700;letter-spacing:.1em}.m-projects .name{position:absolute;bottom:7px;left:9px;right:9px;font-size:9px;letter-spacing:.12em;text-transform:uppercase;opacity:.55}.m-portrait{top:16vh;width:var(--portrait-w)}.m-portrait .frame{border:var(--hair);aspect-ratio:300 / 424;overflow:hidden;display:flex;align-items:center;justify-content:center;cursor:pointer;background:var(--paper-lift)}.m-portrait pre{font-family:var(--font-mono);font-weight:600;line-height:1;color:var(--ink);white-space:pre;user-select:none}.m-bio{top:calc(16vh + var(--portrait-h) + 6.5vh);width:calc(4*var(--cw) + 3*var(--gut))}.m-bio .box{border:var(--hair);padding:1.6em 1.8em;background:var(--paper-lift)}.m-bio h3{font-family:var(--font-blackletter);font-weight:400;font-size:clamp(20px,1.9vw,28px);margin-bottom:.5em}.m-bio p{font-size:clamp(10px,.82vw,13px);line-height:1.8}.minis{position:absolute;bottom:6vh;left:calc(var(--m) + 11*(var(--cw) + var(--gut)));width:var(--cw);display:flex;flex-direction:column;gap:3.2vh}.minis i{width:100%;aspect-ratio:1;border:var(--hair)}body.mono #monoLayer [data-edge]{z-index:4}@media(prefers-reduced-motion:reduce){.m-projects .cell{transition:none}}.r-valance{position:absolute;top:-1vh;left:-2vw;width:104vw;pointer-events:none}.r-curtain-l{position:absolute;top:-2vh;left:-3vw;height:106vh;pointer-events:none}.r-curtain-r{position:absolute;top:-2vh;right:-3vw;height:106vh;pointer-events:none}.r-screen{position:absolute;--screen-w: min(64vw, calc(74vh * 868 / 524));width:var(--screen-w);aspect-ratio:868 / 524;left:calc(50% - var(--screen-w) / 2);top:14vh}.r-screen .r-stage{position:absolute;inset:5% 4.5%;background:#101010;overflow:hidden}.reel-video,.reel-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.reel-video{opacity:0;transition:opacity .4s ease}.reel-video.on{opacity:1;transition-delay:.35s}#reelStageMono{position:relative;overflow:hidden}#reelStageMono .reel-video{filter:grayscale(1) contrast(1.15) brightness(1.05)}@media(prefers-reduced-motion:reduce){.reel-video{transition:none}}.r-sel{position:absolute;right:calc(var(--m) + .5vw);top:40vh;display:flex;flex-direction:column;gap:3.4vh}.r-sel i{width:13px;height:13px;border:2px solid var(--gilt);transform:rotate(45deg);cursor:pointer;transition:background .3s}.r-sel i.on{background:var(--gilt)}.mr-frame{left:calc(var(--m) + 1*(var(--cw) + var(--gut)));top:18vh;width:calc(9*var(--cw) + 8*var(--gut))}.mr-frame .frame{border:var(--hair);aspect-ratio:16 / 9;max-height:62vh;background:var(--paper-lift);overflow:hidden}.mr-sel{position:absolute;left:calc(var(--m) + 11*(var(--cw) + var(--gut)));top:40vh;width:var(--cw);display:flex;flex-direction:column;gap:3.4vh}.mr-sel i{width:100%;aspect-ratio:2 / 1;border:var(--hair);cursor:pointer;transition:background .2s}.mr-sel i.on{background:#1414141f}.w-rail{position:absolute;top:20vh;left:0;display:flex;gap:5.5vw;padding-left:8vw;width:max-content}.w-card{position:relative;width:min(19vw,calc(44vh * 300 / 424));aspect-ratio:300 / 424;flex:none;box-shadow:0 14px 34px #0006;cursor:pointer;transition:transform .35s cubic-bezier(.2,.8,.25,1),box-shadow .35s}.w-card:hover{transform:translateY(-6px);box-shadow:0 24px 50px #00000080}.w-card img{width:100%;height:100%;object-fit:cover;display:block;user-select:none;-webkit-user-drag:none}.w-chips{position:absolute;top:70vh;left:8vw;display:flex;gap:2.2vw;width:max-content}.w-chip{font-family:var(--font-display);font-size:clamp(13px,1.25vw,19px);letter-spacing:.05em;padding:.35em 1.5em;background:#d9d6cd;color:#111;border:2px solid #111;cursor:pointer;box-shadow:0 6px 16px #00000059;transition:background .25s,color .25s}.w-chip:hover{background:var(--rice)}.w-chip.on,.w-chip.on:hover{background:#111;color:#fff}.mw-cap{left:8vw;top:13.5vh;width:calc(6*var(--cw))}.mw-wrap{position:absolute;left:0;top:20vh;width:max-content}.mw-rail{display:flex;gap:5.5vw;padding-left:8vw;width:max-content}.mw-card{position:relative;width:min(19vw,calc(44vh * 300 / 424));aspect-ratio:300 / 424;flex:none;border:var(--hair);background:var(--paper-lift);cursor:pointer;transition:background .2s}.mw-card:hover{background:#1414140d}.mw-card .tag{position:absolute;top:7px;left:9px;font-size:10px;font-weight:700;letter-spacing:.1em}.mw-card .mw-name{position:absolute;bottom:7px;left:9px;right:9px;font-size:9px;letter-spacing:.12em;text-transform:uppercase;opacity:.55}.mw-chips{position:absolute;top:70vh;left:8vw;display:flex;gap:2.2vw;width:max-content}.mw-chip{font-family:var(--font-display);font-size:clamp(13px,1.25vw,19px);letter-spacing:.05em;padding:.35em 1.5em;background:transparent;color:var(--ink);border:var(--hair);cursor:pointer;transition:background .25s,color .25s}.mw-chip:hover{background:#1414141a}.mw-chip.on,.mw-chip.on:hover{background:var(--ink);color:var(--paper)}.ct-sofa{position:absolute;bottom:5vh;--sofa-w: min(46vw, calc(52vh * 815 / 433));width:var(--sofa-w);left:calc(50% - var(--sofa-w) / 2);aspect-ratio:815 / 433;cursor:pointer}.ct-sofa img{transition:transform .45s cubic-bezier(.2,.8,.25,1)}.ct-sofa:hover img{transform:scale(1.02)}.mc-form{left:calc(var(--m) + 4*(var(--cw) + var(--gut)));top:20vh;width:calc(4*var(--cw) + 3*var(--gut))}.mc-form .box{border:var(--hair);padding:2em 1.8em;background:var(--paper-lift);display:flex;flex-direction:column;gap:1.6em}.mc-form label{display:flex;flex-direction:column;gap:.55em;font-size:10px;letter-spacing:.16em;text-transform:uppercase;font-weight:700;color:var(--ink)}.mc-form input,.mc-form textarea{font-family:var(--font-mono);font-size:13px;color:var(--ink);background:transparent;border:none;border-bottom:1px solid rgba(20,20,20,.5);padding:.35em 0;border-radius:0;resize:vertical}.mc-form input:focus,.mc-form textarea:focus{outline:none;border-bottom-color:var(--ink)}.mc-form button{align-self:flex-start;font-family:var(--font-mono);font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--ink);background:transparent;border:var(--hair);padding:.8em 2.2em;cursor:pointer;transition:background .2s,color .2s}.mc-form button:hover{background:var(--ink);color:var(--paper)}#lens{position:fixed;top:0;left:0;z-index:3;width:180px;height:180px;pointer-events:none;display:none;-webkit-mask-image:radial-gradient(circle farthest-side at 50% 50%,#000 0%,#000 28%,transparent 96%);mask-image:radial-gradient(circle farthest-side at 50% 50%,#000 0%,#000 28%,transparent 96%)}body.mono #lens{display:block}#clipWrap{position:absolute;inset:0;overflow:hidden}#lens .inner{position:absolute;width:100vw;height:100vh}#lens .grain{position:absolute;inset:0;pointer-events:none;mix-blend-mode:overlay;opacity:.5;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E")}@media(prefers-reduced-motion:reduce){body.mono #lens{display:none}}#light{position:fixed;inset:0;z-index:30;display:none;align-items:center;justify-content:center;gap:3.5vw;background:#100a089e;backdrop-filter:blur(4px)}#light.open{display:flex}#light .art{max-height:74vh;max-width:44vw;cursor:pointer}#light .art img{max-height:74vh;max-width:44vw;display:block;box-shadow:0 30px 90px #0009}#light .art pre{font-family:var(--font-mono);font-weight:600;line-height:1;white-space:pre;color:#111;background:var(--paper);padding:2vh 1.2vw;border:1px solid #111}body.mono #light{background:#e4e4e1e6;backdrop-filter:none}body.color #light .art pre,body.mono #light .art img,#light.no-art .art{display:none}#light .plaque{width:min(320px,30vw);background:var(--rice);padding:26px 28px;border-left:5px solid var(--bronze);box-shadow:0 18px 60px #00000073;align-self:center}body.mono #light .plaque{background:var(--paper);border:1px solid #111;border-left:5px solid #111;box-shadow:none}#light .plaque h2{font-family:var(--font-display);font-weight:400;font-size:22px;letter-spacing:.02em}#light .plaque h2 .alias{font-family:var(--font-mono);font-size:15px;font-weight:500}#light .plaque .dates{font-size:12px;opacity:.65;margin:2px 0 12px}#light .plaque .medium{font-size:11.5px;font-style:italic;margin-bottom:14px;padding-bottom:12px;border-bottom:1px solid rgba(0,0,0,.18)}#light .plaque p{font-size:12.5px;line-height:1.75}#light .plaque .acc{margin-top:14px;font-size:9.5px;letter-spacing:.14em;opacity:.5;text-transform:uppercase}#intro{position:fixed;inset:0;z-index:40;background:var(--paper);display:flex;align-items:center;justify-content:center;cursor:pointer}#intro .draft{width:min(72vw,calc(72vh * 1200 / 750))}#intro .draft path{stroke:var(--ink);stroke-width:2}#intro .bleed{position:absolute;inset:0;background:var(--rose) url(/assets/wallpaper.webp) center / cover no-repeat;clip-path:circle(0% at 50% 56%);filter:saturate(.92)}#intro .cap{position:absolute;left:var(--m);top:6vh;font-size:10px;letter-spacing:.18em;font-weight:700;text-transform:uppercase;color:var(--ink);display:flex;gap:2em}#intro .cap em{font-style:normal;opacity:.45}#intro .skip{position:absolute;bottom:4vh;left:50%;transform:translate(-50%);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink);opacity:.45}body.introing{overflow:hidden}#ppage{position:fixed;inset:0;z-index:35;overflow-y:auto}#ppage[hidden]{display:none}body.page-open{overflow:hidden}body.color #ppage{background:var(--rose) url(/assets/wallpaper.webp) center / cover no-repeat}body.mono #ppage{background:var(--paper);color:var(--ink)}#ppage .pp-guides{position:absolute;top:0;bottom:0;left:var(--m);right:var(--m);display:grid;grid-template-columns:repeat(12,1fr);gap:var(--gut);pointer-events:none;display:none}body.mono #ppage .pp-guides{display:grid}#ppage .pp-guides i{border-left:1px solid var(--guide);border-right:1px solid var(--guide)}#ppage .pp-back{position:absolute;top:4.5vh;left:var(--m);font-family:var(--font-mono);font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;cursor:pointer;padding:.7em 1.6em;transition:background .2s,color .2s}body.color #ppage .pp-back{color:#fff;background:transparent;border:1px solid rgba(255,255,255,.7)}body.color #ppage .pp-back:hover{background:#ffffffeb;color:var(--walnut)}body.mono #ppage .pp-back{color:var(--ink);background:transparent;border:var(--hair)}body.mono #ppage .pp-back:hover{background:var(--ink);color:var(--paper)}#ppage .pp-art{position:absolute;top:18vh;left:calc(var(--m) + 1*(var(--cw) + var(--gut)));width:calc(5*var(--cw) + 4*var(--gut));height:62vh;display:flex;align-items:center;justify-content:center}body.color #ppage .pp-art{background:#2a1c1424;border:.55vw solid var(--walnut);outline:2px solid rgba(201,161,90,.55);outline-offset:-.55vw;box-shadow:0 20px 60px #00000073}body.mono #ppage .pp-art{background:var(--paper-lift);border:var(--hair)}#ppage .pp-art img{max-width:78%;max-height:78%;object-fit:contain;filter:drop-shadow(0 10px 24px rgba(0,0,0,.35))}body.mono #ppage .pp-art img{filter:grayscale(1) contrast(1.1)}#ppage .pp-body{position:absolute;top:22vh;left:calc(var(--m) + 7*(var(--cw) + var(--gut)));width:calc(4*var(--cw) + 3*var(--gut));padding:2.2em 2em}body.color #ppage .pp-body{background:var(--rice);border-left:5px solid var(--bronze);box-shadow:0 18px 60px #00000073;color:#241b13}body.mono #ppage .pp-body{background:var(--paper-lift);border:var(--hair);border-left:5px solid var(--ink)}#ppage .cap{font-family:var(--font-mono);font-size:10px;letter-spacing:.18em;font-weight:700;text-transform:uppercase;justify-content:space-between;margin-bottom:1.6em;display:none}body.mono #ppage .cap{display:flex}#ppage .cap em{font-style:normal;opacity:.45}#ppage h1{font-family:var(--font-display);font-weight:400;font-size:clamp(30px,3vw,46px);letter-spacing:.02em;line-height:1.05;margin-bottom:.25em}body.mono #ppage h1{font-family:var(--font-blackletter)}#ppage .pp-cats{font-family:var(--font-mono);font-size:12px;opacity:.65;margin-bottom:1.4em}#ppage .pp-tags{display:flex;flex-wrap:wrap;gap:.6em;margin-bottom:1.6em}#ppage .pp-tags span{font-family:var(--font-mono);font-size:9.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding:.45em 1em}body.color #ppage .pp-tags span{background:transparent;border:1px solid var(--bronze);color:var(--bronze)}body.mono #ppage .pp-tags span{border:var(--hair);color:var(--ink)}#ppage .pp-intro{font-family:var(--font-mono);font-size:13px;line-height:1.8;margin-bottom:1.8em}#ppage .pp-acc{font-family:var(--font-mono);font-size:9.5px;letter-spacing:.14em;opacity:.5;text-transform:uppercase}