@layer reset{*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body,h1,h2,h3,p{margin:0}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}}@layer base{:root{--page:#e8e4db;--paper:#f4f1e9;--chrome:#c9c8c2;--ink:#10100f;--muted:#6f6b64;--blue:#11128b;--acid:#c8ff31;--red:#df2b21;--signal:#46f26f;--shadow:#77766f;color:var(--ink);font-synthesis:none;background:var(--page);font-family:Arial,Helvetica,sans-serif}body{background:linear-gradient(to right, #10100f0e 1px, transparent 1px), linear-gradient(to bottom, #10100f0e 1px, transparent 1px), var(--page);background-size:32px 32px;min-width:320px;min-height:100vh;overflow-x:hidden}.mobile-notice{display:none}a{color:inherit;text-decoration:none}button{color:inherit}::selection{color:var(--ink);background:var(--acid)}:focus-visible{outline:2px solid var(--red);outline-offset:3px}.skip-link{z-index:100;color:#fff;background:#000;padding:10px 14px;position:fixed;top:8px;left:8px;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}.page-shell{background:var(--paper);border:1px solid var(--ink);width:min(2400px,100% - clamp(24px,2vw,48px));margin:16px auto;box-shadow:7px 7px #10100f3b}.section-index,.dialog-index{letter-spacing:.07em;font-family:Courier New,Courier,monospace;font-size:10px;font-weight:700}}@layer components{.topbar{z-index:20;border-bottom:1px solid var(--ink);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f4f1e9f0;grid-template-columns:auto minmax(0,1fr) auto;align-items:stretch;min-height:clamp(58px,4vw,72px);display:grid;position:sticky;top:0}.wordmark{white-space:nowrap;border-right:1px solid var(--ink);align-items:center;gap:9px;padding:0 20px;font-family:Courier New,Courier,monospace;font-size:clamp(11px,.72vw,14px);font-weight:700;display:inline-flex}.wordmark-dot{background:var(--signal);border:1px solid var(--ink);border-radius:50%;width:9px;height:9px}.category-nav{justify-content:flex-end;min-width:0;display:flex}.category-nav button,.category-nav a{text-transform:uppercase;cursor:pointer;background:0 0;border:0;border-left:1px solid #0000;place-items:center;min-width:0;padding:0 16px;font-family:Courier New,Courier,monospace;font-size:clamp(10px,.65vw,13px);font-weight:700;display:grid}.category-nav button:hover,.category-nav button:focus-visible,.category-nav a:hover,.category-nav a:focus-visible{color:var(--paper);background:var(--ink);border-left-color:var(--ink);outline-offset:-3px}.topbar-mail{color:#fff;background:var(--blue);border:0;border-left:1px solid var(--ink);cursor:pointer;min-width:68px;padding:0 14px;font-family:Courier New,Courier,monospace;font-size:clamp(9px,.65vw,12px);font-weight:700}.topbar-mail:hover,.topbar-mail:focus-visible{color:var(--ink);background:var(--acid)}.ui-button{text-transform:uppercase;background:var(--chrome);border:1px solid var(--ink);min-height:36px;box-shadow:inset 2px 2px 0 #fff, inset -2px -2px 0 var(--shadow);cursor:pointer;justify-content:center;align-items:center;gap:16px;padding:9px 13px;font-family:Courier New,Courier,monospace;font-size:10px;font-weight:700;display:inline-flex}.ui-button:active{box-shadow:inset 2px 2px 0 var(--shadow), inset -1px -1px 0 #fff;transform:translate(1px,1px)}.ui-button--primary{color:#fff;background:var(--blue);min-height:46px;padding-inline:18px;box-shadow:inset 2px 2px #ffffff8c,inset -2px -2px #06064f,4px 4px #10100f40}.hero{grid-template-rows:minmax(680px,1fr) auto;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);min-height:calc(100vh - clamp(74px,6vw,96px));display:grid}.hero-copy{border-right:1px solid var(--ink);flex-direction:column;justify-content:center;min-width:0;padding:clamp(52px,5vw,82px) clamp(24px,5vw,76px);display:flex}.section-index{justify-content:space-between;margin-bottom:clamp(44px,6vw,78px);display:flex}.hero h1{letter-spacing:-.08em;max-width:740px;font-family:Arial,Helvetica,sans-serif;font-size:clamp(68px,8vw,176px);font-weight:800;line-height:.79}.hero h1 span{color:var(--blue);font-family:Georgia,Times New Roman,serif;font-size:.95em;font-style:normal;font-weight:400;display:block}.hero-lead{letter-spacing:-.02em;max-width:530px;margin-top:clamp(32px,4vw,50px);font-size:clamp(17px,1.5vw,22px);line-height:1.38}.practice-note{border-top:1px solid var(--ink);grid-template-columns:78px minmax(0,1fr);align-items:center;gap:12px;max-width:430px;margin-top:clamp(38px,5vw,68px);padding-top:13px;font-family:Courier New,Courier,monospace;font-size:9px;display:grid}.practice-note>span{color:var(--muted);font-weight:700}.practice-note p{letter-spacing:.04em;font-weight:700}.practice-note i{color:var(--blue);font-style:normal}.experiment-slot{place-items:center;min-width:0;display:grid;position:relative}.experiment-slot>.pixel-window,.experiment-slot>.closed-experiment{grid-area:1/1}.pixel-window[hidden]{visibility:hidden;pointer-events:none;display:block}.pixel-window{background:var(--chrome);border:1px solid var(--ink);width:min(94%,1080px);min-width:0;margin:30px auto;box-shadow:inset 2px 2px #fff,inset -2px -2px #71716d,12px 12px #10100f2e}.window-titlebar,.dialog-titlebar{color:#fff;background:var(--blue);justify-content:space-between;align-items:center;height:35px;margin:4px;padding:0 7px 0 10px;font-family:Courier New,Courier,monospace;font-size:10px;font-weight:700;display:flex}.window-controls{gap:3px;display:flex}.window-controls span,.window-controls button,.dialog-close{color:#000;background:var(--chrome);border:1px solid #000;place-items:center;width:23px;height:23px;line-height:1;display:grid;box-shadow:inset 1px 1px #fff,inset -1px -1px #676763}.window-controls button{cursor:pointer;padding:0;font-size:16px}.pixel-workspace{background:#0a0b0a;border:2px solid #111;grid-template-columns:clamp(230px,16vw,300px) minmax(0,1fr);min-height:clamp(500px,50vh,720px);margin:5px;display:grid;box-shadow:inset 2px 2px #696969,inset -2px -2px #f6f6f6}.pixel-controls{color:#111;background:#d3d2cb;border-right:1px solid #111;flex-direction:column;min-width:0;padding:14px 13px;display:flex}.control-heading{border-bottom:1px solid #111;justify-content:space-between;padding-bottom:11px;font-family:Courier New,Courier,monospace;font-size:9px;font-weight:700;display:flex}.animation-tabs{border:1px solid #111;grid-template-columns:repeat(2,1fr);margin-top:9px;display:grid}.animation-tabs button{cursor:pointer;background:0 0;border:0;border-right:1px solid #111;min-width:0;min-height:28px;padding:4px 2px;font-family:Courier New,Courier,monospace;font-size:8px;font-weight:700}.animation-tabs button:last-child{border-right:0}.animation-tabs button:hover,.animation-tabs button.is-active{color:#fff;background:var(--blue)}.control-label{font-family:Courier New,Courier,monospace;font-size:8px;font-weight:700}.color-controls{border-bottom:1px solid #85847e;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:10px;padding-bottom:9px;display:grid}.color-controls label{gap:5px;font-family:Courier New,Courier,monospace;font-size:8px;font-weight:700;display:grid}.color-controls input{cursor:pointer;background:#fff;border:1px solid #111;border-radius:0;width:100%;height:30px;padding:2px}.range-control{border-bottom:1px solid #85847e;grid-template-columns:1fr auto;gap:5px 8px;padding:8px 0 6px;font-family:Courier New,Courier,monospace;font-size:8px;font-weight:700;display:grid}.range-control output{text-align:right;min-width:24px}.range-control input{width:100%;height:14px;accent-color:var(--blue);cursor:ew-resize;grid-column:1/-1;margin:0}.pixel-screen{background:#080908;min-width:0;min-height:clamp(500px,50vh,720px);position:relative;overflow:hidden}.screen-meta{z-index:2;color:var(--signal);pointer-events:none;justify-content:space-between;gap:16px;font-family:Courier New,Courier,monospace;font-size:9px;font-weight:700;display:flex;position:absolute;top:12px;left:13px;right:13px}[data-noise-canvas]{width:100%;min-width:0;height:100%;min-height:clamp(500px,50vh,720px);display:block}.screen-corners span{z-index:2;color:var(--signal);pointer-events:none;font-family:Courier New,Courier,monospace;font-size:14px;position:absolute}.screen-corners span:first-child{top:28px;left:10px}.screen-corners span:nth-child(2){top:28px;right:10px}.screen-corners span:nth-child(3){bottom:8px;right:10px}.screen-corners span:nth-child(4){bottom:8px;left:10px}.window-statusbar{color:#090909;border:1px solid #6f6f6b;justify-content:space-between;align-items:center;min-height:29px;margin:5px;padding:5px 7px;font-family:Courier New,Courier,monospace;font-size:9px;display:flex;box-shadow:inset 1px 1px #6f6f6b,inset -1px -1px #fff}.window-statusbar>span:first-child{align-items:center;gap:6px;display:inline-flex}.window-statusbar i{background:var(--signal);border:1px solid #050505;border-radius:50%;width:7px;height:7px}.closed-experiment{color:#fff;background:var(--blue);border:1px solid var(--ink);align-items:center;gap:12px;width:min(90%,420px);padding:9px;font-family:Courier New,Courier,monospace;font-size:9px;display:flex;box-shadow:5px 5px #10100f2e}.closed-experiment[hidden]{display:none}.closed-experiment>span{margin:0 4px;font-size:9px;font-weight:400;line-height:1}.closed-experiment .ui-button{min-height:28px;color:var(--ink);background:var(--chrome);margin-left:auto;padding:5px 9px;font-size:8px}.contact-strip{border-top:1px solid var(--ink);grid-column:1/-1;grid-template-columns:minmax(280px,1fr) auto;min-height:clamp(66px,5vw,84px);display:grid}.contact-strip>div{border-right:0;align-content:center;gap:5px;min-width:0;padding:10px 18px;display:grid}.contact-strip__system{text-align:right;justify-items:end}.contact-strip span,.contact-strip strong{text-overflow:ellipsis;white-space:nowrap;font-family:Courier New,Courier,monospace;font-size:9px;overflow:hidden}.contact-strip span{color:var(--muted);font-size:8px}.system-dialog{width:min(1060px,100% - 32px);max-width:none;max-height:min(780px,100dvh - 32px);color:var(--ink);background:var(--chrome);border:2px solid var(--ink);padding:0;box-shadow:inset 2px 2px #fff,inset -2px -2px #6d6c68,18px 18px #00000059}.category-dialog{width:min(1320px,100% - 24px);max-height:min(880px,100dvh - 24px)}.system-dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0a0a08b8}.dialog-close{cursor:pointer;padding:0;font-size:16px}.category-dialog-content{background:var(--paper);border:2px solid var(--ink);grid-template-columns:minmax(360px,.72fr) minmax(0,1.28fr);height:min(760px,100dvh - 94px);min-height:590px;margin:5px;display:grid;box-shadow:inset 2px 2px #696969,inset -2px -2px #fff}.folder-column{border-right:1px solid var(--ink);min-width:0;max-height:none;padding:38px 42px 32px;overflow-y:auto}.folder-column h2,.mail-heading h2{letter-spacing:-.065em;margin-top:12px;font-size:clamp(40px,5vw,68px);line-height:.9}.category-dialog[data-category=commercial] .folder-column h2{letter-spacing:-.055em;font-size:clamp(40px,4.1vw,56px)}.folder-path{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin-top:18px;font-family:Courier New,Courier,monospace;font-size:9px;font-weight:700;overflow:hidden}.project-folder-list{border-top:1px solid var(--ink);margin-top:24px;display:grid}.project-folder-list button{text-align:left;border:0;border-bottom:1px solid var(--ink);cursor:pointer;background:0 0;grid-template-columns:25px minmax(0,1fr) 14px;align-items:center;gap:7px;min-height:38px;padding:6px 5px;display:grid}.project-folder-list button:hover,.project-folder-list button.is-selected{color:#fff;background:var(--blue)}.about-file{color:#fff;background:var(--blue);border-bottom:1px solid var(--ink);grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:9px;min-height:42px;padding:8px 5px;display:grid}.project-folder-list span,.project-folder-list small,.project-folder-list i,.about-file span,.about-file i{font-family:Courier New,Courier,monospace;font-size:8px;font-style:normal}.project-folder-list small{opacity:.62}.project-folder-list strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.project-preview{color:#f1eee5;background:#11120f;flex-direction:column;justify-content:center;min-width:0;padding:clamp(30px,4vw,56px);display:flex}.project-preview:has(.preview-toolkit:not([hidden])){justify-content:flex-start;padding-block:28px;overflow-y:auto}.preview-media,.preview-info{width:min(100%,680px);min-width:0}.preview-media>span{font-family:Courier New,Courier,monospace;font-size:9px;font-weight:700}.preview-placeholder{aspect-ratio:16/9;background:linear-gradient(#ffffff17 1px, transparent 1px), linear-gradient(90deg, #ffffff17 1px, transparent 1px), var(--blue);background-size:24px 24px;border:1px solid #f1eee5;place-items:center;width:min(100%,680px);margin-top:20px;display:grid;position:relative;overflow:hidden}.preview-placeholder:before{content:"SELECT PROJECT";z-index:1;color:var(--ink);background:var(--acid);border:1px solid var(--ink);padding:9px 12px;font-family:Courier New,Courier,monospace;font-size:8px;font-weight:700}.commercial-idle{z-index:2;background:#11120f;place-items:center;display:none;position:absolute;inset:0;overflow:hidden}.category-dialog[data-category=commercial] .project-preview[data-active=false] .commercial-idle{display:grid}.category-dialog[data-category=commercial] .project-preview[data-active=false] .preview-media>span,.category-dialog[data-category=commercial] .project-preview[data-active=false] .preview-info{display:none}.category-dialog[data-category=commercial] .project-preview[data-active=false] .preview-media{width:100%;height:100%;min-height:460px}.category-dialog[data-category=commercial] .project-preview[data-active=false]{padding:0}.category-dialog[data-category=commercial] .project-preview[data-active=false] .preview-placeholder{aspect-ratio:16/9;background:0 0;border:0;width:100%;height:100%;min-height:460px;margin-top:0}.category-dialog[data-category=commercial] .project-preview[data-active=false] .preview-placeholder:before,.category-dialog[data-category=commercial] .project-preview[data-active=false] .preview-grid{display:none}.commercial-space{perspective:720px;background:radial-gradient(circle at 50% 45%,#11128b2e,#0000 48%),#050505;position:absolute;inset:0;overflow:hidden}.commercial-space:after{z-index:8;content:"";pointer-events:none;background:repeating-linear-gradient(0deg,#0000 0 3px,#ffffff09 3px 4px);position:absolute;inset:0}.commercial-space__grid{transform-origin:top;background-color:#0000;background-image:linear-gradient(#11128b61 1px,#0000 1px),linear-gradient(90deg,#11128b61 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:38px 38px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;height:82%;position:absolute;bottom:-52%;left:-25%;right:-25%;transform:perspective(420px)rotateX(62deg)}.commercial-banner{z-index:2;color:#fff;white-space:nowrap;background:var(--blue);height:clamp(42px,5.4vw,70px);transform-style:preserve-3d;border-block:1px solid #ffffffe6;font-family:Arial,Helvetica,sans-serif;font-size:clamp(30px,4.6vw,60px);font-weight:700;line-height:1;position:absolute;overflow:hidden;box-shadow:0 7px #050642,0 10px 16px #000000a6,0 0 18px #11128b73}.commercial-banner__track{will-change:transform;align-items:center;width:max-content;height:100%;animation:10s linear infinite commercial-strip;display:flex}.commercial-banner__track span{flex:none;align-items:center;height:100%;line-height:1;display:flex}.commercial-banner--one{width:104%;top:8%;left:-18%;transform:perspective(800px)rotateY(34deg)rotate(-9deg)scale(.72)}.commercial-banner--two{z-index:3;width:112%;top:18%;right:-30%;transform:perspective(750px)rotateY(-43deg)rotate(11deg)scale(.86)}.commercial-banner--two .commercial-banner__track,.commercial-banner--four .commercial-banner__track{animation-direction:reverse}.commercial-banner--three{z-index:5;width:134%;height:clamp(54px,7vw,88px);font-size:clamp(40px,5.9vw,76px);top:45%;left:-17%;transform:perspective(920px)rotateY(18deg)rotate(-4deg)}.commercial-banner--four{z-index:4;width:112%;top:70%;left:4%;transform:perspective(700px)rotateY(-36deg)rotate(13deg)scale(.88)}.commercial-space__meta{z-index:10;color:#fff;font-family:Courier New,Courier,monospace;font-size:8px;font-weight:700;position:absolute;bottom:14px;left:15px}.commercial-strobe{z-index:12;color:#fff;background:var(--red);cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;border:1px solid #fff;justify-content:center;align-items:center;min-width:104px;min-height:34px;padding:7px 14px;font-family:Courier New,Courier,monospace;font-size:9px;font-weight:700;display:inline-flex;position:absolute;bottom:12px;right:14px;box-shadow:inset 1px 1px #ff847f,inset -1px -1px #710b08,4px 4px #050505}.commercial-strobe:active,.commercial-strobe[aria-pressed=true]{color:var(--ink);box-shadow:inset 1px 1px #777, inset -1px -1px #fff, 0 0 18px var(--red);background:#fff}.commercial-idle.is-strobing .commercial-space{animation:.16s step-end infinite commercial-strobe}.commercial-idle.is-strobing .commercial-banner{color:var(--ink);background:#fff}@keyframes commercial-strip{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes commercial-strobe{0%,to{filter:none}50%{filter:invert();background:#fff}}.preview-grid{position:absolute;inset:0}.preview-grid i{background:#ffffffa6;width:44%;height:1px;position:absolute;top:50%;left:28%}.preview-grid i:first-child{transform:rotate(22deg)}.preview-grid i:nth-child(2){transform:rotate(-35deg)}.preview-grid i:nth-child(3){width:1px;height:66%;transform:translate(100px,-50%)}.preview-grid i:nth-child(4){width:68%;transform:translate(-18%)}.preview-placeholder img{z-index:2;object-fit:cover;border:0;width:100%;height:100%;position:absolute}.preview-gallery-controls{z-index:3;color:var(--ink);background:var(--paper);border:1px solid var(--ink);grid-template-columns:32px auto 32px;align-items:center;font-family:Courier New,Courier,monospace;font-size:9px;font-weight:700;display:grid;position:absolute;bottom:10px;right:10px}.preview-gallery-controls[hidden]{display:none}.preview-gallery-controls button{min-height:30px;color:inherit;background:var(--chrome);cursor:pointer;border:0}.preview-gallery-controls button:first-child{border-right:1px solid var(--ink)}.preview-gallery-controls button:last-child{border-left:1px solid var(--ink)}.preview-gallery-controls span{text-align:center;min-width:62px;padding-inline:8px}.preview-video-stage[hidden]{display:none}.project-preview[data-active=true]:not([data-has-image=true]) .preview-placeholder{background:repeating-linear-gradient(90deg, var(--acid) 0 12px, var(--blue) 12px 24px, var(--red) 24px 36px, #f1eee5 36px 48px)}.project-preview[data-active=true][data-has-video=true] .preview-placeholder{background:var(--chrome);border:1px solid #050505;padding:5px 5px 27px;box-shadow:inset 2px 2px #fff,inset -2px -2px #676763}.preview-video-stage{z-index:2;background:#000;border:1px solid #050505;gap:4px;display:grid;position:absolute;inset:5px 5px 27px}.preview-video-stage iframe{background:#000;border:0;width:100%;min-width:0;height:100%;min-height:0}.project-preview[data-video-count="2"] .preview-video-stage{background:var(--chrome);grid-template-columns:repeat(2,minmax(0,1fr))}.preview-video-status{z-index:3;color:var(--ink);pointer-events:none;justify-content:space-between;align-items:center;font-family:Courier New,Courier,monospace;font-size:7px;font-weight:700;display:none;position:absolute;bottom:5px;left:8px;right:8px}.project-preview[data-has-video=true] .preview-video-status{display:flex}.preview-video-status span:first-child{align-items:center;gap:6px;display:inline-flex}.preview-video-status i{background:var(--red);border:1px solid var(--ink);border-radius:50%;width:6px;height:6px}.project-preview[data-active=true]:not([data-has-image=true]) .preview-placeholder:before{content:"FOLDER READY"}.project-preview[data-has-image=true] .preview-placeholder:before,.project-preview[data-has-image=true] .preview-grid,.project-preview[data-has-video=true] .preview-placeholder:before,.project-preview[data-has-video=true] .preview-grid{display:none}.preview-heading{justify-content:space-between;align-items:flex-end;gap:18px;width:min(100%,680px);margin-top:24px;display:flex}.project-preview h3{letter-spacing:-.05em;font-size:clamp(28px,4vw,50px);line-height:.95}.preview-year{color:var(--ink);background:var(--acid);border:1px solid #f1eee5;flex:none;padding:5px 7px;font-family:Courier New,Courier,monospace;font-size:10px;font-weight:700}.preview-year[hidden]{display:none}.preview-description{border-top:1px solid #3b3c37;max-width:680px;margin-top:16px;padding-top:11px}.preview-description>span{color:var(--acid);letter-spacing:.08em;margin-bottom:7px;font-family:Courier New,Courier,monospace;font-size:8px;font-weight:700;display:block}.preview-description p{color:#aaa79f;font-family:Courier New,Courier,monospace;font-size:12px;line-height:1.6}.preview-links{flex-wrap:wrap;gap:8px;width:min(100%,680px);margin-top:16px;display:flex}.preview-links[hidden]{display:none}.preview-links a{min-height:34px;color:var(--ink);background:var(--acid);border:1px solid #f1eee5;padding:10px 12px;font-family:Courier New,Courier,monospace;font-size:9px;font-weight:700;text-decoration:none}.preview-links a:before{content:"▶";margin-right:8px;font-size:8px}.preview-links a:hover,.preview-links a:focus-visible{color:#fff;background:var(--blue)}.preview-toolkit{color:#8f8d86;border-top:1px solid #3b3c37;align-items:center;gap:16px;width:min(100%,680px);margin-top:16px;padding-top:10px;display:flex}.preview-toolkit[hidden]{display:none}.preview-toolkit__label{flex:none;font-family:Courier New,Courier,monospace;font-size:8px;font-weight:700;display:block}.preview-toolkit__label small{display:none}.preview-toolkit__items{flex-wrap:wrap;gap:7px 14px;min-width:0;display:flex}.preview-toolkit__items>span{white-space:nowrap;align-items:center;gap:5px;font-family:Courier New,Courier,monospace;font-size:8px;display:inline-flex}.preview-toolkit__items>span:before{content:"";background:var(--acid);width:4px;height:4px}.preview-toolkit__items small{display:none}.project-preview[data-video-layout^=portrait]{grid-template-columns:minmax(230px,.88fr) minmax(280px,1.12fr);align-items:center;gap:clamp(28px,3vw,46px);padding:28px clamp(28px,3vw,44px);display:grid}.project-preview[data-video-layout^=portrait] .preview-media,.project-preview[data-video-layout^=portrait] .preview-info{width:100%}.project-preview[data-video-layout^=portrait] .preview-heading{margin-top:0}.project-preview[data-video-layout=portrait-single] .preview-placeholder{aspect-ratio:9/16;width:min(100%,300px);margin-inline:auto}.project-preview[data-video-layout=portrait-pair]{grid-template-columns:minmax(340px,1.15fr) minmax(260px,.85fr)}.project-preview[data-video-layout=portrait-pair] .preview-placeholder{aspect-ratio:9/8;width:min(100%,440px);margin-inline:auto}.project-preview[data-video-layout=portrait-pair] .preview-video-stage{border:0;gap:5px;box-shadow:inset 0 0 0 1px #050505}.mail-dialog{width:min(660px,100% - 32px)}.mail-form{background:var(--paper);border:2px solid var(--ink);gap:18px;margin:5px;padding:clamp(28px,5vw,54px);display:grid;box-shadow:inset 2px 2px #696969,inset -2px -2px #fff}.mail-address{border-bottom:1px solid var(--ink);grid-template-columns:54px 1fr;align-items:center;gap:9px;padding-bottom:11px;font-family:Courier New,Courier,monospace;font-size:11px;display:grid}.mail-heading{margin:20px 0 12px}.mail-heading h2{font-size:clamp(40px,7vw,64px)}.mail-heading p{max-width:480px;color:var(--muted);margin-top:18px;font-size:13px;line-height:1.45}.mail-form label{gap:7px;font-family:Courier New,Courier,monospace;font-size:9px;font-weight:700;display:grid}.mail-form input,.mail-form textarea{width:100%;color:var(--ink);border:1px solid var(--ink);resize:vertical;background:#fff;border-radius:0;padding:11px;font-family:Arial,Helvetica,sans-serif;font-size:14px;box-shadow:inset 2px 2px #bbb}.mail-submit{justify-self:end;margin-top:7px}}@layer responsive{@media (width>=1800px){.section-index,.practice-note{font-size:12px}.hero-lead{max-width:680px;font-size:28px}.pixel-controls{padding:18px 16px}.window-titlebar,.dialog-titlebar,.control-heading,.animation-tabs button,.color-controls label,.range-control,.screen-meta,.window-statusbar{font-size:10px}.contact-strip span{font-size:9px}.contact-strip strong{font-size:11px}}@media (width<=1120px){.category-nav button,.category-nav a{padding-inline:9px;font-size:9px}.hero{grid-template-rows:auto auto auto;grid-template-columns:minmax(0,1fr)}.hero-copy{border-right:0;border-bottom:1px solid var(--ink);min-height:650px}.pixel-window{margin-block:54px}}@media (width<=760px){body{min-width:0}.mobile-notice{z-index:1000;background:var(--page);place-items:center;width:100dvw;min-height:100dvh;padding:clamp(14px,5vw,24px);display:grid;position:fixed;inset:0;overflow:auto}.mobile-notice__window{border:1px solid var(--ink);background:var(--chrome);width:min(100%,430px);min-width:0;box-shadow:inset 2px 2px #fff,inset -2px -2px #71716d,8px 8px #10100f2e}.mobile-notice__content{background:var(--paper);border:2px solid #111;min-width:0;margin:5px;padding:clamp(20px,7vw,30px);box-shadow:inset 2px 2px #696969,inset -2px -2px #f6f6f6}.mobile-notice__label{color:var(--blue);letter-spacing:.08em;margin-bottom:42px;font-family:Courier New,Courier,monospace;font-size:10px;font-weight:700}.mobile-notice h1{text-transform:uppercase;overflow-wrap:anywhere;max-width:100%;font-size:clamp(32px,10.5vw,50px);line-height:.94}.mobile-notice h1+p{overflow-wrap:anywhere;margin-top:30px;font-size:15px;line-height:1.45}.page-shell,.skip-link{display:none}.page-shell{width:100%;box-shadow:none;border-left:0;border-right:0;margin:0}.topbar{grid-template-columns:1fr;position:relative}.wordmark{border-right:0;min-height:48px;padding-inline:14px}.category-nav{border-top:1px solid var(--ink);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.category-nav button,.category-nav a{border-right:1px solid var(--ink);border-bottom:1px solid var(--ink);min-height:36px;padding:6px 3px}.hero-copy{width:100%;min-height:auto;padding:70px 18px 60px}.section-index{gap:15px;margin-bottom:62px;font-size:8px}.hero h1{font-size:clamp(67px,20vw,102px)}.hero-lead{margin-top:40px}.practice-note{margin-top:50px}.pixel-window{width:calc(100% - 28px);margin-block:34px}.pixel-workspace{grid-template-columns:1fr}.pixel-controls{border-right:0;border-bottom:1px solid var(--ink);grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.control-heading,.animation-tabs,.color-controls{grid-column:1/-1}.range-control{min-width:0;padding-top:9px}.pixel-screen,[data-noise-canvas]{min-height:340px}.closed-experiment{width:calc(100% - 28px);margin-block:34px}.contact-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.contact-strip>div{border-bottom:1px solid var(--ink);min-height:60px}.contact-strip .ui-button{border-top:0;border-left:0;grid-column:1/-1;min-height:60px}.category-dialog-content{grid-template-columns:1fr;max-height:calc(100dvh - 105px);overflow-y:auto}.folder-column{border-right:0;border-bottom:1px solid var(--ink);max-height:none;padding:32px 20px;overflow:visible}.project-preview{min-height:460px;padding:32px 20px}.project-preview[data-video-layout^=portrait]{align-items:stretch;gap:30px;padding:32px 20px;display:flex}.project-preview[data-video-layout=portrait-single] .preview-placeholder{width:min(100%,270px)}.project-preview[data-video-layout=portrait-pair] .preview-placeholder{width:min(100%,360px)}.project-preview[data-video-layout^=portrait] .preview-heading{margin-top:0}.preview-heading{align-items:flex-start}.preview-toolkit{flex-direction:column;align-items:flex-start;gap:8px}.mail-form{max-height:calc(100dvh - 105px);padding:30px 20px;overflow-y:auto}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}}