@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--paper:#f5f3ed;--ink:#20211f;--blue:#244bdc;--line:#d7d7ce;--mono:ui-monospace,SFMono-Regular,Consolas,monospace;--heading:'Space Grotesk',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;font-size:16px;line-height:1.5}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input,summary{touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #d37729;outline-offset:5px}button{color:inherit}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--heading);font-weight:500;line-height:1.05;letter-spacing:-.055em}h2{font-size:clamp(34px,3.5vw,54px)}.section{padding:88px 5.5%}.eyebrow{font:11px/1.6 var(--mono);letter-spacing:.1em;margin-bottom:26px}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--blue);margin-right:9px}.header{height:112px;display:flex;align-items:center;justify-content:space-between;margin:0 5.5%;border-bottom:1px solid var(--line);gap:25px}.brand{display:flex;gap:12px;align-items:center;font-weight:700;font-size:17px;line-height:1.08;letter-spacing:-.6px}.brand-mark{display:block;background:var(--blue);color:var(--paper);width:49px;height:49px;font:bold 44px/53px Georgia,serif;letter-spacing:-7px;padding-left:3px;position:relative}.brand-mark span{font:23px Arial;position:absolute;right:4px;top:-1px;letter-spacing:0}.header nav{display:flex;gap:35px;font-size:13px}.header a:hover:not(.brand){color:var(--blue)}.header-link{font-size:12px}.header-link span{margin-left:16px;font-size:18px}.hero{display:grid;grid-template-columns:1fr 1fr;min-height:640px;margin:0 5.5%}.hero-copy{padding:76px 0 34px;display:flex;align-items:flex-start;flex-direction:column}.hero h1{font-size:clamp(52px,5.5vw,86px);line-height:1.06;letter-spacing:-.065em}.hero em,.lab em{font-family:Georgia,serif;font-weight:400;color:var(--blue)}.hero p{font-size:19px;line-height:1.5;margin:30px 0}.button{display:inline-flex;align-items:center;gap:42px;padding:16px 23px;font-size:13px;font-weight:600;border:1px solid transparent}.button span{font-size:21px;line-height:1}.primary{background:var(--blue);color:white}.primary:hover{background:#1537b5}.hero-note{width:100%;padding-top:54px;display:flex;gap:20px;justify-content:space-between;font:9px var(--mono);letter-spacing:.03em;padding-right:38px;margin-top:auto}.hero-art{margin:38px 0 38px 30px;background:#e1e5dc;position:relative;min-height:530px;overflow:hidden;display:flex;align-items:center;justify-content:center}.art-grid{position:absolute;inset:0;background-image:linear-gradient(#64756113 1px,transparent 1px),linear-gradient(90deg,#64756113 1px,transparent 1px);background-size:25px 25px;transform:perspective(600px) rotateX(12deg) scale(1.2)}.coordinate{position:absolute;top:23px;left:22px;font:9px var(--mono);letter-spacing:.07em;color:#41493f}.computer{width:78%;max-width:385px;position:relative;margin-top:14px;filter:drop-shadow(14px 20px 14px #3d483532);transform:rotate(-5deg)}.computer-shell{background:linear-gradient(110deg,#e7e3d0,#c7c5b5);border:1px solid #b7b7a9;border-radius:13px 13px 7px 7px;padding:22px 23px 15px;box-shadow:inset 5px 3px 0 #f9f5e880,inset -8px 0 0 #a5a79655}.screen{background:#b1b5a8;border:9px solid #4a504a;border-radius:9px;overflow:hidden;box-shadow:0 0 0 3px #a5a99b;font:9px var(--mono);padding-bottom:11px}.screen-menu{background:#fafaf3;border-bottom:1px solid black;padding:3px 5px;color:#171717;white-space:nowrap}.retro-window{margin:9px 8px 0;background:#fafaf3;border:1px solid #222;box-shadow:2px 2px #333}.retro-title{height:20px;border-bottom:1px solid;display:flex;align-items:center;justify-content:center;background:repeating-linear-gradient(0deg,#fafaf3 0px,#fafaf3 2px,#333 2px,#333 3px);position:relative}.retro-title span{padding:1px 8px;background:#fafaf3;font-size:9px}.retro-title i{position:absolute;left:6px;width:9px;height:9px;background:#fafaf3;border:1px solid}.retro-content{display:flex}.tools-art{font-size:17px;line-height:1.9;border-right:1px solid #222;width:31px;text-align:center;flex-shrink:0}.retro-content svg{width:calc(100% - 31px)}.retro-bottom{padding:3px;border-top:1px solid;font-size:12px;letter-spacing:2px;white-space:nowrap;overflow:hidden}.computer-front{display:flex;justify-content:space-between;align-items:center;padding-top:24px}.tiny-logo{font:bold 10px var(--mono);color:#6b705f;letter-spacing:1px}.drive{height:4px;width:69px;background:#4e514b;box-shadow:0 2px #eeebdc;margin-right:6px}.computer-base{width:87%;height:19px;margin:0 auto;background:#aaae9e;border-radius:0 0 7px 7px;box-shadow:inset 0 4px #959b8e}.keyboard{width:102%;height:52px;border:7px solid #cfceba;border-bottom-width:11px;border-radius:4px;transform:perspective(200px) rotateX(34deg);margin:15px 0 0 -16px;background:repeating-linear-gradient(90deg,transparent 0,transparent 16px,#b4b5a5 16px,#b4b5a5 19px),repeating-linear-gradient(0deg,#eae7d8 0,#eae7d8 9px,#aaa 9px,#aaa 12px);box-shadow:0 5px #a9ad9f}.mouse{position:absolute;width:25px;height:38px;background:#d7d6c3;right:-31px;bottom:0;border-radius:11px 11px 7px 7px;border:1px solid #adb0a1}.mouse:before{content:'';position:absolute;left:11px;top:-45px;height:45px;border-left:2px solid #a2a896}.art-label{position:absolute;bottom:43px;left:22px;right:22px;display:flex;justify-content:space-between;font:9px var(--mono);gap:10px}.art-caption{position:absolute;bottom:19px;font-size:9px;left:22px;color:#555e50}.manifesto-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:25px 5.5%;display:flex;gap:30px;align-items:center}.manifesto-strip>span:first-child{font-family:var(--heading);font-size:22px;font-weight:500;letter-spacing:-1px}.manifesto-strip p{font-size:14px;color:#65665f}.manifesto-strip>span:last-child{margin-left:auto;color:var(--blue);font-size:34px;line-height:1}.section-heading{display:flex;justify-content:space-between;gap:70px;align-items:flex-end;margin-bottom:42px}.section-heading>p{max-width:330px;color:#66675f;font-size:15px}.collection-controls{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);margin-bottom:28px;padding-bottom:20px}.filters{display:flex;gap:5px;flex-wrap:wrap}.filters button{border:1px solid transparent;background:transparent;padding:9px 17px;font-size:12px;border-radius:2px}.filters .active{background:var(--ink);color:var(--paper)}.filters button span{font:9px var(--mono);margin-left:8px;opacity:.65}.filters button:hover:not(.active){border-color:var(--line)}.search{display:flex;align-items:center;gap:10px}.search>span{font-size:25px}.search input{background:transparent;border:0;border-bottom:1px solid #b5b8ad;padding:7px 0;font-size:12px;width:165px;border-radius:0}.exhibit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:34px 26px}.exhibit-card{display:block;text-align:left;border:0;background:none;padding:0;width:100%}.exhibit-card:hover .exhibit-art{transform:translateY(-4px);box-shadow:0 7px 0 #20211f13}.exhibit-art{height:225px;position:relative;overflow:hidden;transition:transform .2s,box-shadow .2s;display:flex;justify-content:center;align-items:center}.exhibit-meta{display:flex;justify-content:space-between;font:10px var(--mono);margin:18px 0 10px;color:#66675f}.exhibit-card h3{font-size:28px;display:flex;justify-content:space-between;align-items:center}.exhibit-card h3 span{font:21px Arial;color:var(--blue)}.exhibit-card>p{font-size:13px;margin-top:10px;color:#64655e;line-height:1.6}.sketch-art{background:#232c29;color:#bceacb}.sketch-art svg{width:75%;height:80%}.exhibit-art .corner-label{position:absolute;left:13px;bottom:11px;font:8px var(--mono);letter-spacing:.05em;opacity:.65}.sheet-art{background:#d8e0d2;padding:32px}.mini-sheet{font:11px var(--mono);color:#b6f4bb;background:#20332c;width:100%;padding:13px;box-shadow:8px 9px #a6b39b}.mini-sheet table{border-collapse:collapse;width:100%;font-size:10px;margin-top:8px}.mini-sheet td{border:1px solid #476149;padding:5px}.mini-sheet td:last-child{text-align:right}.paint-art{background:#dadce8;padding:32px}.mini-paint{width:95%;background:#fafaf3;border:2px solid #272936;box-shadow:8px 9px #a4a7bd}.mini-bar{font:9px var(--mono);text-align:center;border-bottom:1px solid;padding:5px}.pixel-flower{font-size:91px;line-height:1.35;text-align:center;color:#242639;background:radial-gradient(#666 1px,transparent 1px);background-size:5px 5px}.hyper-art{background:#eadccb}.stack-card{background:#fcf9ee;border:1px solid #3c352e;width:62%;height:135px;padding:14px;font:10px var(--mono);box-shadow:7px 7px 0 -1px #fcf9ee,7px 7px #3c352e,14px 14px 0 -1px #fcf9ee,14px 14px #3c352e;transform:rotate(-7deg)}.stack-card strong{font:24px Georgia;display:block;margin:8px 0}.stack-card span{display:block;border:1px solid;padding:5px;width:70px;margin-top:9px;text-align:center}.web-art{background:#cbd9e7;padding:30px}.mini-web{font:10px Georgia;background:#eeeef1;padding:13px;width:100%;box-shadow:8px 9px #9fb2c4}.mini-web h4{font-size:19px;margin:8px 0}.mini-web p{font-size:10px}.mini-web span{display:block;color:#244bdc;text-decoration:underline;margin-top:7px}.collection-foot{display:flex;justify-content:space-between;margin-top:36px;border-top:1px solid var(--line);padding-top:18px;font:10px var(--mono);color:#64655e}.lab{background:#e8e9e1;display:grid;grid-template-columns: .85fr 1.4fr;gap:70px;align-items:center}.lab-copy>p{font-size:15px;color:#606358;max-width:340px;margin-top:22px}.lab-note{margin-top:30px;font:9px/1.7 var(--mono)}.lab-note span{font:11px/1.5 'DM Sans',Arial;display:block;margin-top:6px;max-width:290px;color:#676b5e}.paint-window{background:#fdfcf5;border:1px solid #353930;box-shadow:9px 9px #00000012;min-width:0}.paint-title{border-bottom:1px solid #353930;display:flex;justify-content:space-between;padding:10px 13px;font:11px var(--mono);background:var(--paper)}.paint-toolbar{display:flex;align-items:center;gap:5px;padding:10px;border-bottom:1px solid #ccc;flex-wrap:wrap}.paint-toolbar button,.paint-footer button{background:transparent;border:1px solid #b7baaf;padding:5px 10px;font-size:11px}.paint-toolbar .selected{background:#242a22;color:white;border-color:#242a22}.paint-toolbar label{display:flex;align-items:center;gap:5px;font-size:11px;margin:auto}.paint-toolbar input{width:60px;accent-color:#242a22}#paint{display:block;width:100%;height:auto;background:white;touch-action:none;cursor:crosshair}.paint-footer{padding:8px 10px;display:flex;justify-content:space-between;gap:8px;align-items:center;border-top:1px solid #bbb;font:8px var(--mono)}.paint-footer button{font-size:10px;white-space:nowrap}.paint-footer>span:last-child{font-size:7px}.timeline-track{display:grid;grid-template-columns:repeat(5,1fr);margin-top:52px}.timeline-track button{border:0;background:none;text-align:left;padding:0 20px 0 0;position:relative;display:flex;flex-direction:column;font-size:12px}.year{font:36px var(--heading);letter-spacing:-2px;color:var(--blue)}.timeline-dot{width:100%;height:1px;background:#b3b7a7;margin:27px 0;position:relative}.timeline-dot:before{content:'';position:absolute;background:var(--paper);border:1px solid var(--blue);width:9px;height:9px;border-radius:50%;top:-4px}.timeline-track button:hover .timeline-dot:before{background:var(--blue)}.timeline-track strong{font-weight:500;font-size:15px;margin-bottom:4px}.timeline-track button>span:last-child{color:#6a6c62}.future{background:var(--blue);color:white;display:grid;grid-template-columns:1.15fr 1fr;gap:80px}.future h2{font-size:clamp(38px,4vw,61px)}.light{border:1px solid #ffffff70;margin-top:35px;font-size:12px}.light:hover{background:#ffffff18}.future-copy{padding-top:44px}.future-copy>p:first-child{font-size:22px;color:white}.future-copy p{margin-bottom:22px;color:#e2e6fc;font-size:15px;max-width:415px}.future-status{font:8px/1.7 var(--mono);padding-top:16px;border-top:1px solid #ffffff40;margin-top:30px}.future-status .dot{background:#c5e790;width:5px;height:5px}.about{display:grid;grid-template-columns:1fr 1fr;gap:90px}.about h2{font-size:40px}.about p{color:#64665e;font-size:15px;margin-bottom:20px}.about details{border-bottom:1px solid var(--line)}.about summary{cursor:pointer;padding:17px 0;list-style:none;font-size:13px;display:flex;justify-content:space-between}.about details p{font-size:13px;padding:0 15px 0 0}.about details[open] summary span{transform:rotate(45deg)}footer{padding:45px 5.5% 22px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:30px;flex-wrap:wrap}footer>p{font:italic 24px Georgia;color:#6b6e61}footer>a:last-of-type{font-size:12px}.footer-bottom{width:100%;display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:20px;margin-top:25px;font:9px var(--mono);color:#707268}dialog{border:0;padding:0;width:min(840px,calc(100% - 30px));max-height:90dvh;background:var(--paper);color:var(--ink);overflow:auto}dialog::backdrop{background:#18221ccc;backdrop-filter:blur(5px)}.close{position:sticky;top:14px;float:right;margin:14px 14px -52px 0;z-index:5;width:37px;height:37px;border:1px solid #9d9e94;background:var(--paper);font-size:25px;border-radius:50%;line-height:1}.dialog-art .exhibit-art{height:260px;padding-left:20%;padding-right:20%}.dialog-body{padding:35px 45px 45px}.dialog-body h2{font-size:52px;margin-bottom:10px}.dialog-subtitle{font-size:21px;color:var(--blue);margin-bottom:24px}.dialog-body>p{font-size:15px;line-height:1.7;margin-bottom:16px}.dialog-source{font-size:12px;color:var(--blue);text-decoration:underline;display:inline-block;margin:10px 0 18px}.interpretation{font:10px var(--mono);margin:20px 0 10px;color:#63685a}.mini-interaction{border:1px solid #b0b6a2;padding:22px;margin-top:6px;background:#e8eade}.mini-interaction h3{font-size:24px;letter-spacing:-.03em;margin-bottom:15px}.mini-interaction label{display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:13px;margin:12px 0}.mini-interaction input{width:100px;padding:7px;border:1px solid #8b9380;background:var(--paper)}.sheet-total{border-top:1px solid #b0b6a2;padding-top:15px;margin-top:15px;display:flex;justify-content:space-between}.sheet-total output{font-family:var(--mono);color:var(--blue);font-weight:bold}.demo-explain{font-size:12px;margin-top:12px;color:#626856}.mini-interaction button{padding:9px 15px;background:var(--paper);border:1px solid #8b9380;font-size:12px;margin-top:12px}.hyper-demo{background:#fbf8e8;padding:20px;border:1px solid;min-height:165px}.hyper-demo strong{font:25px Georgia}.hyper-demo p{font-size:14px;margin-top:12px}.link-demo a{display:block;padding:12px;border-bottom:1px solid #bcc1b3;color:var(--blue);text-decoration:underline}.empty{text-align:center;padding:50px;font-size:16px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip{position:absolute;top:-70px;left:20px;background:white;padding:15px;z-index:10}.skip:focus{top:10px}[hidden]{display:none!important}@media(min-width:1600px){body{max-width:1700px;margin:auto}}@media(max-width:1050px){.header nav{gap:20px}.hero h1{font-size:60px}.hero-art{min-height:470px;margin-left:12px}.hero-copy{padding-top:60px}.hero{min-height:auto}.computer{width:80%}.screen{border-width:6px}.computer-shell{padding:17px 17px 13px}.hero-note{font-size:8px;flex-direction:column;gap:10px}.section{padding:70px 5.5%}.exhibit-art{height:200px}.lab{gap:35px}.future{gap:40px}.about{gap:45px}.paint-footer>span:last-child{display:none}.header-link{display:none}}@media(max-width:720px){.header{height:88px;margin:0 6%;gap:16px}.brand{font-size:14px}.brand-mark{width:40px;height:40px;font-size:36px;line-height:43px}.brand-mark span{font-size:18px}.header nav{gap:16px;font-size:11px}.header nav a:nth-child(2){display:block}.hero{grid-template-columns:1fr;margin:0 6%}.hero-copy{padding:45px 0 0}.hero h1{font-size:clamp(51px,10vw,75px)}.hero p{font-size:17px;margin:22px 0}.hero-note{flex-direction:row;padding:34px 0 0;font-size:8px}.hero-art{margin:28px 0 30px;min-height:440px}.computer{width:68%;max-width:310px}.coordinate{font-size:8px}.art-label{font-size:8px}.art-caption{font-size:8px}.manifesto-strip{padding:20px 6%;gap:14px}.manifesto-strip>span:first-child{font-size:18px;white-space:nowrap}.manifesto-strip p{font-size:11px}.manifesto-strip>span:last-child{display:none}.section{padding:55px 6%}.section-heading{display:block;margin-bottom:28px}.section-heading>p{margin-top:22px;max-width:440px;font-size:14px}.eyebrow{margin-bottom:20px;font-size:10px}.collection-controls{flex-direction:column;gap:12px}.filters button{padding:8px 12px}.search{align-self:flex-end}.exhibit-grid{grid-template-columns:1fr 1fr;gap:25px 16px}.exhibit-art{height:180px}.exhibit-card h3{font-size:24px}.exhibit-card>p{font-size:12px}.exhibit-meta{font-size:9px}.sheet-art,.paint-art,.web-art{padding:18px}.mini-sheet{padding:7px;font-size:8px}.mini-sheet td{font-size:7px;padding:4px}.pixel-flower{font-size:70px}.mini-web h4{font-size:14px}.mini-web p,.mini-web span{font-size:8px}.stack-card{height:117px;width:68%;padding:10px}.stack-card strong{font-size:20px}.collection-foot{font-size:8px;gap:20px}.lab{grid-template-columns:1fr;gap:30px}.lab-copy>p{max-width:100%}.lab-note{margin-top:20px}.paint-title{font-size:9px}.paint-toolbar{padding:7px;gap:4px}.paint-toolbar button{padding:5px 7px;font-size:10px}.paint-toolbar label{font-size:10px}.paint-toolbar input{width:50px}.timeline-track{overflow:auto;grid-template-columns:repeat(5,145px);padding-bottom:10px}.year{font-size:30px}.timeline-track strong{font-size:13px}.future{grid-template-columns:1fr;gap:30px}.future h2{font-size:42px}.future-copy{padding:0}.future-copy p{max-width:100%}.future-status{font-size:8px}.about{grid-template-columns:1fr;gap:25px}.about h2{font-size:35px}footer{padding:35px 6% 20px}footer>p{display:none}.footer-bottom{font-size:8px;gap:20px}.dialog-art .exhibit-art{height:220px;padding-left:17%;padding-right:17%}.dialog-body{padding:26px}.dialog-body h2{font-size:40px}.dialog-subtitle{font-size:18px}.dialog-body>p{font-size:14px}}@media(max-width:390px){.exhibit-grid{grid-template-columns:1fr}.exhibit-art{height:235px}.hero-art{min-height:385px}.computer{width:75%}.art-caption{max-width:240px;font-size:7px}.paint-toolbar label{margin:0}.hero-note{font-size:7px}.header nav{gap:10px;font-size:10px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.exhibit-card{align-self:start}