@font-face{font-family:Manrope;src:url(/fonts/manrope.ttf) format("truetype");font-weight:200 800;font-display:swap}@font-face{font-family:DM Sans;src:url(/fonts/dmsans.ttf) format("truetype");font-weight:100 1000;font-display:swap}:root{font-family:DM Sans,sans-serif;color:#e5eae8;background:#101817;font-synthesis:none;--muted: #9ba9a3;--mint: #b9d5bf;--line: #ffffff14;--serif: Georgia, "Times New Roman", serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:94px}body{margin:0}button,input,textarea{font:inherit}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{color:inherit;cursor:pointer}button:disabled{cursor:default;opacity:.5}a{color:inherit;text-decoration:none}button{border:0;background:none}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,pre:focus-visible{outline:2px solid #c7e2ac;outline-offset:5px}::selection{background:#b9d5bf;color:#12211b}h1,h2,h3,h4,p{margin:0}em{font:italic 1em var(--serif);color:#bfd0ba}canvas{display:block;width:100%;height:100%;pointer-events:none}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.content-width{width:min(1240px,calc(100% - 112px));margin-inline:auto}.eyebrow{font-size:10px;letter-spacing:.16em;font-weight:650;line-height:1.5;color:#b5c5b9}.skip-link{position:fixed;top:12px;left:12px;background:var(--mint);color:#152018;padding:14px;z-index:30;transform:translateY(-180%)}.skip-link:focus{transform:none}.site-header{height:94px;position:absolute;top:0;inset-inline:0;padding:0 56px;display:flex;align-items:center;justify-content:space-between;z-index:3;border-bottom:1px solid var(--line)}.identity{display:flex;gap:14px;align-items:center;font-size:11px;font-weight:700;letter-spacing:.15em}.monogram{font:600 38px Manrope;letter-spacing:-.13em;display:inline-block;color:#dbe4d8;padding-right:7px}.identity-note{display:block;font-size:8px;letter-spacing:.16em;color:#899b91;margin-top:5px}.site-header nav{display:flex;gap:30px;margin-right:34px;align-items:center}.site-header nav a{padding:15px 0;font-size:12px;color:#aebab3}.site-header nav a:hover{color:#e0eddc}.site-header nav a span{font-size:9px;vertical-align:super;color:#789980;margin-left:3px}.preview-label{font-size:10px;color:#afbbb2;display:flex;gap:8px;align-items:center}.preview-label i,.project-state i,.study-status i,.library-footer i,.result-label i,.bench-title i{width:5px;height:5px;display:inline-block;border-radius:50%;background:#a9c797}.hero{min-height:800px;height:100svh;max-height:1160px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 81% 45%,#27302d80,transparent 50%),#101817}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#101817d9 0%,#10181777 40%,transparent 75%),linear-gradient(0deg,#101817,transparent 16%);pointer-events:none}#hero-world,.hero-grid{position:absolute;inset:0;pointer-events:none}.hero-grid{background-image:linear-gradient(#aec8b608 1px,transparent 1px),linear-gradient(90deg,#aec8b608 1px,transparent 1px);background-size:100px 100px;-webkit-mask-image:linear-gradient(90deg,transparent 25%,#000 100%);mask-image:linear-gradient(90deg,transparent 25%,#000 100%);opacity:.5}.hero-copy{position:relative;z-index:1;padding:clamp(195px,24vh,300px) 0 150px;margin-left:max(56px,calc((100vw - 1240px)/2));width:58%;pointer-events:none}.hero-copy a{pointer-events:auto}.tiny-star{font-size:15px;color:#c8dfa7;margin-right:10px}h1{font-family:Manrope,sans-serif;font-size:clamp(72px,7.4vw,112px);line-height:1.055;letter-spacing:-.064em;font-weight:420;margin:27px 0 28px}h1 em{letter-spacing:-.058em;color:#c5d4b9}.hero-description{font-size:15px;line-height:1.85;color:#a9b8af}.hero-actions{display:flex;align-items:center;gap:30px;margin-top:32px}.primary-link{display:inline-flex;align-items:center;gap:38px;border-radius:5px;background:#c5d7b9;color:#1b2a20;padding:17px 20px;font-size:12px;font-weight:650;transition:background .2s}.primary-link:hover{background:#e0ecd7}.primary-link span{font-size:17px}.text-link{display:inline-flex;align-items:center;gap:16px;font-size:12px;min-height:44px;color:#b9c8bb;padding:0}.hero-footnote{margin-top:42px;color:#6f8377;font-size:11px;line-height:1.8}.constellation{position:absolute;z-index:2;width:520px;height:450px;right:max(4%,calc((100vw - 1330px)/2));top:25%;transition:transform 1.2s ease,opacity .8s}.connection-lines{position:absolute;width:100%;height:100%;overflow:visible;fill:none;stroke:#abc5b542;stroke-width:1;stroke-dasharray:3 7}.connection-lines circle{stroke:#d5eedb12;stroke-dasharray:none}.orbit-node{position:absolute;display:flex;align-items:center;text-align:left;gap:17px;border:1px solid #c7dece26;border-radius:12px;box-shadow:0 24px 90px #0004;background:linear-gradient(135deg,#2c3d35db,#182721e8);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);padding:24px 22px;width:253px;height:105px;transform:rotate(-8deg);transition:transform .7s cubic-bezier(.2,.8,.2,1),border-color .3s}.orbit-node:hover{transform:translateY(-8px) rotate(-3deg);border-color:#c7dece70}.orbit-node .node-symbol{font:600 37px var(--serif);color:#c1d7bc;width:35px}.orbit-node strong{font-size:14px;font-weight:500;display:block}.orbit-node small{font-size:10px;color:#a0b6a9;display:block;margin-top:7px}.orbit-node i{font-size:9px;font-style:normal;color:#7e9586;position:absolute;top:12px;right:14px}.node-nexus{top:50px;left:5px}.node-entropy{top:219px;right:-8px;width:235px;transform:rotate(8deg);background:linear-gradient(135deg,#3c3949e3,#292835e6);border-color:#d4c7ec26}.node-entropy .node-symbol{color:#c6b1de}.node-phone{top:325px;left:85px;width:237px;transform:rotate(-4deg);background:linear-gradient(135deg,#263e3fe8,#1c2d2fea)}.node-phone .node-symbol{color:#b0d6d5}.orbit-caption{position:absolute;top:450px;right:25px;font-size:8px;letter-spacing:.21em;color:#6e897c}.hero[data-checkpoint="1"] .constellation{transform:translateY(-15px) scale(1.025)}.hero[data-checkpoint="2"] .constellation{transform:translateY(-22px) rotate(2deg)}.sequence-controls{z-index:2;position:absolute;bottom:0;inset-inline:56px;height:81px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.checkpoints{display:flex;gap:27px}.checkpoints button{font-size:10px;color:#748b7b;min-height:44px;padding:0;display:flex;gap:9px;align-items:center}.checkpoints i{width:5px;height:5px;border:1px solid #718875;border-radius:50%}.checkpoints [aria-pressed=true]{color:#d0dfc5}.checkpoints [aria-pressed=true] i{background:#bddba7;border-color:#bddba7;box-shadow:0 0 14px #bddba770}.sequence-actions{display:flex;align-items:center;gap:27px;font-size:10px;color:#adbdaf}.sequence-actions button,.sequence-actions a{min-height:44px;display:flex;gap:12px;align-items:center}.sequence-actions #pause-motion{border:1px solid #aebdab22;border-radius:50%;width:34px;min-height:34px;justify-content:center;font-size:13px}.sequence-actions #skip-intro{color:#7e9284}.work-section{padding-top:114px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:51px;gap:32px}.section-heading h2,.story-copy h2{font-family:Manrope,sans-serif;font-size:47px;font-weight:420;line-height:1.2;letter-spacing:-.042em;margin-top:20px}.section-heading>p{font-size:12px;line-height:1.9;color:#93a396;margin-bottom:7px;max-width:370px}.project{display:grid;grid-template-columns:40% 60%;min-height:461px;border:1px solid #adc5b71b;border-radius:13px;margin-bottom:25px;overflow:hidden;background:#15211d}.project-copy{padding:42px 36px;position:relative}.project-index{font-size:8px;letter-spacing:.12em;color:#8ba291}.project h3{font:500 31px Manrope;letter-spacing:-.045em;margin:24px 0 14px}.project h4{font-size:16px;font-weight:400;line-height:1.6;color:#c2d0c3}.project-copy>p{font-size:12px;line-height:1.9;color:#94a99a;max-width:330px;margin-top:13px}.tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:22px}.tags span{font-size:8px;letter-spacing:.025em;padding:6px 8px;border:1px solid #c5dac018;border-radius:3px;color:#9db39f}.project-actions{display:flex;align-items:center;gap:24px;margin-top:24px}.case-button{font-size:11px;padding:0;min-height:44px;display:flex;gap:21px;align-items:center;color:#d7e4ce}.source-button{display:inline-flex;align-items:center;gap:7px;font-size:10px;padding:0;min-height:44px;color:#9db4a5}.source-button span{font-family:monospace;font-size:11px;color:#c3d4c2}.project-state{display:flex;align-items:center;gap:7px;color:#7f9986;font-size:9px;margin-top:15px}.project-visual{position:relative;min-width:0;display:flex;align-items:center;justify-content:center;padding:40px 24px;background:radial-gradient(ellipse at 60% 35%,#32523d8c,transparent 70%),#1d3027;overflow:hidden}.study-label{position:absolute;top:21px;left:25px;font-size:7px;letter-spacing:.12em;color:#95b0999c}.study-shell{display:flex;width:100%;max-width:580px;min-height:290px;background:#17251ff5;border:1px solid #aac3af40;border-radius:7px;box-shadow:10px 26px 75px #07130dc9;transform:perspective(1000px) rotateY(-5deg) rotate(-2deg);font-size:9px}.study-shell>aside{display:flex;flex-direction:column;width:27%;gap:8px;border-right:1px solid #aac3af13;padding:20px 11px;flex-shrink:0}.mini-brand{font:24px Manrope;margin:0 10px 20px}.study-shell aside span{padding:7px 9px;color:#829f8b;font-size:8px;white-space:nowrap}.study-shell aside .selected{background:#bfd5b915;border-radius:4px;color:#c4d9b7}.study-shell aside .side-bottom{font-size:6px;margin-top:auto;padding:6px 2px}.study-body{padding:22px 20px;flex:1;min-width:0}.study-bar{font-size:6px;letter-spacing:.09em;display:flex;justify-content:space-between;color:#7f9c87}.study-bar span{letter-spacing:0}.study-body h4{font-size:18px;letter-spacing:-.02em;margin:25px 0 20px;color:#e1ecdd}.study-tiles{display:grid;grid-template-columns:1fr 1fr;gap:9px}.study-tiles>div{padding:13px 11px;border:1px solid #b8cdbb20;border-radius:5px;background:#25352b70}.study-tiles b{display:block;color:#aac19d;font-size:15px;margin-bottom:8px}.study-tiles strong{font-size:8px;font-weight:400;display:block}.study-tiles small{font-size:6px;color:#88a18c;display:block;margin-top:5px}.study-status{margin-top:21px;font-size:6px;color:#819b8a;display:flex;align-items:center;gap:6px}.study-status i{width:3px;height:3px}.project-entropy{background:#1d1d26;border-color:#d5c6eb1c}.project-entropy .project-visual{background:radial-gradient(ellipse at 55% 50%,#5c4e7770,transparent 70%),#292632}.project-entropy .project-copy>p,.project-entropy .project-index,.project-entropy .tags span,.project-entropy .project-state{color:#a59dad}.project-entropy h4{color:#cdc5d6}.project-entropy .study-label{color:#b5a3c29c}.editor-study{width:100%;max-width:590px;background:#23202ee8;border:1px solid #ccbae333;border-radius:6px;box-shadow:12px 26px 70px #12101999;transform:perspective(1000px) rotateY(-5deg) rotate(2deg);font-size:8px;overflow:hidden}.editor-top{height:37px;padding:0 14px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e3ccff13;color:#aa9fba;font-size:7px}.editor-grid{display:flex;min-height:235px}.editor-grid aside{width:30%;padding:22px 10px;border-right:1px solid #e3ccff13;color:#837b94;font-size:7px}.editor-grid aside>small{font-size:6px;letter-spacing:.1em;padding-inline:6px}.editor-grid aside>div{padding:10px 6px;margin-top:8px;border-radius:3px}.editor-grid .note-selected{background:#bca8d81c;color:#cfc0db}.note-selected small{display:block;font-size:6px;margin-top:5px;color:#8b809d}.note-page{padding:27px 24px}.note-page>small{font-size:6px;color:#84788f;letter-spacing:.09em}.note-page h4{font:19px/1.35 var(--serif);margin:18px 0 15px}.note-page p{font:9px/1.8 var(--serif);color:#aca0bc}.caret-line{font:9px var(--serif);margin-top:16px;color:#cbc0d6}.caret-line i{border-right:1px solid #bb9deb;margin-left:2px}.history-track{height:44px;border-top:1px solid #e3ccff13;display:flex;gap:20px;align-items:center;padding:0 18px;color:#897a9c;font-size:6px}.history-track span{letter-spacing:.15em;margin-right:15px}.history-track i{height:4px;width:4px;border-radius:50%;background:#ab93c86b;position:relative}.history-track i:after{content:"";position:absolute;width:20px;top:2px;left:4px;border-top:1px solid #ab93c83b}.history-track b{color:#dac9e8;font-weight:400;margin-left:6px}.project-phone{background:#162426;border-color:#a5d8de1c}.project-phone .project-visual{background:radial-gradient(ellipse at 55% 50%,#3c71776b,transparent 65%),#1b3235}.project-phone .project-copy>p,.project-phone .project-index,.project-phone .project-state{color:#8dabad}.devices-study{display:flex;align-items:center;justify-content:center;width:100%;gap:0;transform:rotate(-3deg);padding:0 10px}.desktop-device{width:60%;height:216px;border:1px solid #b2d7d040;background:#162c2ff2;border-radius:8px;box-shadow:10px 24px 70px #0c2025a6;text-align:center;position:relative}.device-chrome{height:23px;border-bottom:1px solid #b2d7d019;display:flex;gap:4px;align-items:center;padding-left:11px}.device-chrome i{height:4px;width:4px;border-radius:50%;background:#82a8a766}.device-glyph{font-size:33px;color:#b3d8d1;display:block;padding:26px 0 13px}.devices-study strong{font-size:11px;font-weight:400;display:block}.devices-study small{font-size:7px;color:#7fa3a1;display:block;margin-top:7px}.pair-step{font-size:7px;margin:23px auto 0;color:#92bfb5}.device-bridge{display:flex;gap:8px;align-items:center;justify-content:center;width:70px;flex-shrink:0;font-size:5px;letter-spacing:.05em;color:#98c9bb;flex-direction:column}.device-bridge i{width:30px;border-top:1px dashed #99c8ba6b}.phone-device{width:115px;height:219px;flex-shrink:0;border:2px solid #97b9b563;border-radius:19px;text-align:center;background:#1d383a;box-shadow:5px 15px 40px #0717196e;position:relative;transform:rotate(9deg)}.phone-notch{width:37px;height:8px;background:#11282a;border-radius:0 0 7px 7px;margin:auto}.phone-device .device-glyph{padding-top:33px}.phone-pill{width:35px;height:3px;border-radius:4px;background:#7da9a28c;position:absolute;bottom:10px;left:38px}.play-section{margin-top:115px;padding:85px 0 43px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#131d19}.library-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 26px}.filters{display:flex;gap:4px;flex-wrap:wrap}.filters button{font-size:10px;padding:0 13px;min-height:38px;color:#8c9f91;border-radius:5px}.filters button[aria-pressed=true]{background:#b5ceb51c;color:#d0dfc6}.filters button span{font-size:8px;margin-left:5px;color:#93b783}.search-field{display:flex;align-items:center;gap:8px;padding:0 12px;height:37px;min-width:225px;border:1px solid #b6cbb820;border-radius:5px;color:#8eac98}.search-field input{width:100%;background:none;border:0;color:#c7d6c5;font-size:10px;min-width:0}.search-field input::placeholder{color:#758d7d}.search-field input:focus{outline-offset:8px}.exhibit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:23px}.exhibit{border:1px solid #c8ddc31a;border-radius:8px;overflow:hidden;background:#17241d}.exhibit-thumb{height:197px;position:relative;overflow:hidden;background:#1c2c23;border-bottom:1px solid var(--line);display:grid;place-items:center}.exhibit-kind{position:absolute;bottom:14px;left:17px;font-size:6px;letter-spacing:.16em;color:#b6d1b98c}.thumb-source{position:absolute;right:9px;top:9px;width:33px;height:33px;display:grid;place-items:center;border:1px solid #d3e3d318;border-radius:5px;font-family:monospace;font-size:10px;background:#11241c66;color:#a5c6a3}.exhibit-copy{padding:21px 21px 12px}.exhibit-copy>span{font-size:8px;color:#8ca690}.exhibit-copy h3{font-size:16px;font-weight:430;letter-spacing:-.02em;margin:9px 0}.exhibit-copy p{font-size:10px;line-height:1.9;min-height:40px;color:#90a494;max-width:270px}.exhibit-copy button{display:flex;align-items:center;justify-content:space-between;width:100%;font-size:9px;color:#b6cdb4;border-top:1px solid var(--line);margin-top:18px;min-height:44px;padding:0}.thumb-rain{background:radial-gradient(ellipse at 50% 25%,#42664e5c,transparent 70%),#1b2922}.thumb-rain .thumb-lines{position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 23px,#c9e5cb23 24px,transparent 25px 44px);-webkit-mask-image:repeating-linear-gradient(0deg,#000 0 13px,transparent 15px 55px);mask-image:repeating-linear-gradient(0deg,#000 0 13px,transparent 15px 55px);transform:skewY(-8deg)}.thumb-rain .thumb-object{width:105px;height:42px;border-radius:9px;border:1px solid #b4dab952;background:#7198781f;transform:rotate(-12deg);box-shadow:35px 50px 0 -7px #90c2931c}.thumb-drift{background:radial-gradient(ellipse at 50% 120%,#7655978c,transparent 80%),#252332}.thumb-drift .thumb-lines{position:absolute;width:125%;height:145px;background:radial-gradient(circle,#cebbe19c .7px,transparent 1.5px) 0 0/9px 10px;transform:perspective(130px) rotateX(50deg) rotate(-20deg);border-radius:50%;-webkit-mask-image:radial-gradient(ellipse,#000 10%,transparent 68%);mask-image:radial-gradient(ellipse,#000 10%,transparent 68%)}.thumb-bloom{background:radial-gradient(ellipse at 50% 50%,#6b61774f,transparent 60%),#232a29}.thumb-bloom .thumb-object{width:122px;height:122px;border-radius:50%;border:1px solid #d8bff447;box-shadow:0 0 0 15px #d8bff408,0 0 0 34px #d8bff409;position:relative}.thumb-bloom .thumb-object:before{content:"";position:absolute;inset:30px;border:1px solid #c2d9b680;border-radius:50%;box-shadow:0 0 16px #c2d9b633}.thumb-bloom .thumb-object:after{content:"";position:absolute;width:6px;height:6px;background:#dcf4bc;border-radius:50%;top:21px;left:9px;box-shadow:0 0 18px #d6ecb2,97px 53px 0 -1px #dfc2fb}.thumb-code{background:linear-gradient(130deg,#28302d,#17251d)}.thumb-code .thumb-object{font-family:monospace;font-size:42px;letter-spacing:-.08em;color:#b9d1a8;transform:rotate(-8deg);text-shadow:0 0 50px #cadfac44}.thumb-code .thumb-lines{position:absolute;inset:40px 60px;background:repeating-linear-gradient(0deg,transparent 0 15px,#c6d3b012 16px,transparent 17px 24px);transform:rotate(-8deg)}.thumb-surface .thumb-object{width:105px;height:60px;border-radius:12px;border:1px solid #c5d9c64d;transform:rotate(18deg);background:#91b29e1a;box-shadow:-45px 13px 0 -10px #91b29e20,42px -26px 0 -15px #cfc29b24}.thumb-surface .thumb-lines{position:absolute;inset:20px;background-image:linear-gradient(#c7dbc009 1px,transparent 1px),linear-gradient(90deg,#c7dbc009 1px,transparent 1px);background-size:24px 24px}.thumb-game{background:#202722}.thumb-game .thumb-object{border:1px dashed #bad0b52e;border-radius:12px;width:73px;height:73px;display:grid;place-items:center;font-size:24px;color:#acc8a677}.library-footer{margin-top:33px;display:flex;align-items:center;justify-content:space-between;color:#6f8e76;font-size:8px;letter-spacing:.1em}.library-footer>span{display:flex;gap:8px;align-items:center}.library-footer .text-link{font-size:10px;letter-spacing:0;color:#9db59e}.library-footer i{width:4px;height:4px;background:#829f7d}#empty-state{padding:40px;border:1px dashed var(--line);color:var(--muted);font-size:13px}.code-section{padding-top:108px}.code-workbench{display:grid;grid-template-columns:1fr 1fr;border:1px solid #b5c5bb27;border-radius:9px;overflow:hidden;min-height:365px}.code-editor{background:#111c18;display:flex;flex-direction:column;min-width:0}.bench-title{display:flex;justify-content:space-between;padding:20px 22px;border-bottom:1px solid var(--line);color:#a4bda7;font:10px monospace}.bench-title>span:first-child{display:flex;align-items:center;gap:8px}.bench-title>span:last-child{font-size:7px;letter-spacing:.15em;color:#73957b}.bench-title i{width:4px;height:4px}#recipe-editor{border:0;resize:vertical;width:100%;min-height:258px;flex:1;padding:25px 27px;background:none;color:#b6d8b2;font:13px/1.85 Consolas,monospace;tab-size:2}#recipe-editor:focus-visible{outline-offset:-3px}.editor-footer{display:flex;align-items:center;gap:16px;justify-content:space-between;padding:0 20px;border-top:1px solid var(--line);min-height:46px;color:#73927b;font-size:9px}.editor-footer button{font-size:9px;color:#bed2b7;min-height:44px}.editor-footer [role=status]{max-width:85%;line-height:1.6}.code-result{position:relative;background:radial-gradient(ellipse at 50% 40%,#3347339c,transparent 60%),#1a2b21;border-left:1px solid var(--line);min-height:365px;overflow:hidden}#recipe-world{position:absolute;inset:0}.result-label{position:absolute;top:20px;left:22px;font-size:7px;letter-spacing:.17em;color:#89a988;z-index:1;display:flex;gap:8px;align-items:center}.result-label i{width:4px;height:4px}.result-bottom{position:absolute;bottom:28px;left:24px;color:#829e86;font-size:10px}.floating-source{position:absolute;bottom:12px;right:23px;font-size:9px}.scope-note{font-size:10px;line-height:1.8;color:#81978b;margin-top:19px;max-width:790px}.story-section{padding-top:138px;padding-bottom:125px;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.story-copy h2{font-size:45px;margin-bottom:25px}.story-copy>p:not(.eyebrow){font-size:12px;line-height:1.9;color:#94a697;max-width:390px;margin:15px 0}.story-copy .text-link{margin-top:12px}.archive-card{padding:28px 36px 25px;border:1px solid #c8d5b82e;border-radius:6px;background:linear-gradient(145deg,#26312a,#1b251f);transform:rotate(2deg);box-shadow:0 20px 40px #0002;position:relative;min-height:334px}.archive-top{display:flex;justify-content:space-between;font-size:7px;letter-spacing:.14em;color:#97aa90}.quote-mark{font:61px var(--serif);color:#92ac8059;display:block;height:40px;margin-top:24px}.archive-card blockquote{font:italic 31px/1.25 var(--serif);letter-spacing:-.015em;color:#cdd9bd;margin:15px 0 24px}.archive-steps{display:flex;gap:14px;font-size:8px;color:#acbea1}.archive-steps i{font-style:normal;color:#607956}.archive-card>p{font-size:8px;margin-top:21px;color:#8da080}.archive-stamp{font-size:6px;letter-spacing:.12em;color:#a2b88d;border:1px solid #a2b88d42;padding:10px;display:inline-block;transform:rotate(-11deg);position:absolute;right:23px;bottom:26px}.site-footer{border-top:1px solid var(--line);padding:35px 0 48px;display:flex;justify-content:space-between;align-items:center;gap:25px}.site-footer>div{display:flex;gap:22px;align-items:center}.site-footer p{font-size:11px;line-height:1.7;color:#819985}.site-footer>a{font-size:11px;color:#b5c8ad;display:flex;gap:26px;align-items:center;min-height:44px}.site-footer>span{font-size:8px;color:#708975}.inspect-affordance{display:none}dialog{width:min(880px,calc(100vw - 32px));max-height:calc(100svh - 50px);padding:25px;border:1px solid #b7d1c135;border-radius:13px;color:#d8e4d8;background:#16231fef;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 30px 120px #0008;overflow:auto}dialog::backdrop{background:#07110ccb;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.dialog-top{display:flex;justify-content:space-between;gap:20px;align-items:center}.dialog-top h2{font-size:22px;font-weight:450;margin-top:9px;overflow-wrap:anywhere}.dialog-top .eyebrow{font-size:8px}.icon-button{height:44px;width:44px;flex-shrink:0;font-size:25px;border:1px solid #bbd2bc24;border-radius:8px;color:#afc7b1}#inspector-note{font-size:12px;line-height:1.75;color:#9ab29e;margin:20px 0}.inspector-tabs{display:flex;gap:8px;margin:18px 0}.inspector-tabs button{min-height:44px;font-size:11px;padding:0 14px;border:1px solid #bfd5c122;border-radius:6px;color:#91ab97}.inspector-tabs button[aria-pressed=true]{background:#c6dfb516;color:#d1e4c6}#inspector-content pre{max-height:49svh;padding:20px;background:#0d1713;border-radius:7px;overflow:auto;font:11px/1.75 Consolas,monospace;color:#b9d3bb;tab-size:2;white-space:pre}#animated-source{height:485px;background:#0d1713;border-radius:7px;overflow:hidden}.dialog-bottom{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:20px;font-size:10px;color:#88a58e}.dialog-bottom button{font-size:11px;min-height:44px;padding:0 12px;border:1px solid #bbd2bc24;border-radius:5px;color:#c6dabe}.case-detail{padding:25px;border:1px solid var(--line);border-radius:7px}.case-detail h3{font:italic 30px/1.2 var(--serif);margin:14px 0 20px}.case-detail p{font-size:13px;line-height:1.8;color:#a8c0aa;margin:15px 0 25px}.case-detail .eyebrow{font-size:8px}#live-exhibit{height:420px;position:relative;border:1px solid var(--line);border-radius:9px;overflow:hidden;background:#112019;touch-action:manipulation}#live-exhibit canvas{position:absolute;inset:0}.exhibit-live-surface{position:absolute;display:flex;align-items:center;padding:12px;border:1px solid #c5e0bc45;background:#9ccc9c0a;border-radius:12px;font-size:9px;color:#bad2b3;pointer-events:none}.live-a{left:47.5%;top:calc(36% - 36px);width:19%;height:72px}.live-b{left:67%;top:calc(56% - 34px);width:18%;height:68px}.live-c{left:42.5%;top:calc(76% - 27px);width:21%;height:54px}[data-error=true]{display:grid;place-items:center;color:#99b79d;font-size:11px;padding:40px;text-align:center}@media(min-width:1700px){.hero-copy{width:700px}.constellation{right:calc((100vw - 1250px)/2);top:28%}.sequence-controls{inset-inline:calc((100vw - 1240px)/2)}}@media(max-width:1150px){.site-header{padding-inline:32px}.content-width{width:calc(100% - 64px)}.hero-copy{margin-left:32px;width:62%}.constellation{right:-80px;transform:scale(.83);transform-origin:center right;top:27%}.hero[data-checkpoint="1"] .constellation{transform:scale(.86) translateY(-10px)}.hero[data-checkpoint="2"] .constellation{transform:scale(.86) translateY(-20px) rotate(2deg)}.sequence-controls{inset-inline:32px}.hero-description{font-size:13px}.project{grid-template-columns:43% 57%}.project-copy{padding:33px 25px}.project-visual{padding:40px 16px}.study-shell>aside{width:25%;padding-inline:5px}.study-shell aside span{font-size:6px;padding-inline:5px}.study-body{padding:20px 12px}.study-body h4{font-size:15px}.study-bar span{display:none}.note-page{padding:23px 17px}.note-page h4{font-size:17px}.desktop-device{height:200px}.phone-device{width:95px;height:204px}.phone-pill{left:28px}.device-bridge{width:43px}.project h3{font-size:28px}.project-actions{gap:15px}.story-section{gap:40px}.archive-card{padding-inline:25px}.archive-stamp{position:static;margin-top:25px;margin-left:35%;font-size:5px}.section-heading h2{font-size:42px}.search-field{min-width:190px}.floating-source{bottom:4px}.result-bottom{bottom:54px}}@media(max-width:800px){.site-header{height:80px;padding-inline:24px}.site-header nav{gap:20px;margin-right:0}.site-header nav a{font-size:10px}.preview-label{display:none}.content-width{width:calc(100% - 48px)}.hero{height:auto;min-height:980px}.hero-copy{margin-left:24px;padding-top:145px;padding-bottom:0;width:calc(100% - 48px)}h1{font-size:76px;max-width:570px}.hero-description{font-size:14px}.hero-footnote{display:none}.constellation{top:500px;right:calc((100vw - 510px)/2);transform:scale(.74);transform-origin:top center}.hero[data-checkpoint="1"] .constellation{transform:scale(.77) translateY(-10px)}.hero[data-checkpoint="2"] .constellation{transform:scale(.77) translateY(-20px) rotate(2deg)}.hero:after{background:linear-gradient(180deg,#10181733,transparent 80%,#101817)}.sequence-controls{inset-inline:24px;height:100px;flex-direction:column;justify-content:center;gap:0}.checkpoints{gap:35px}.sequence-actions{gap:30px}.sequence-actions #pause-motion{width:32px;min-height:32px}.section-heading{align-items:flex-start;flex-direction:column;gap:20px}.section-heading h2,.story-copy h2{font-size:42px}.section-heading>p{font-size:12px}.work-section{padding-top:75px}.project{grid-template-columns:1fr}.project-copy{padding:34px;display:grid;grid-template-columns:1fr 1fr;column-gap:25px}.project-index{grid-column:1/-1}.project h3{grid-column:1;margin-top:22px}.project h4{grid-column:1}.project-copy>p{grid-column:2;grid-row:2/4;margin-top:22px}.tags{grid-column:2;margin-top:12px}.project-actions{grid-column:1;grid-row:4;align-self:start;margin-top:12px}.project-state{grid-column:1/-1}.project-visual{min-height:380px;padding:55px 32px 40px}.study-shell{max-width:580px}.study-shell>aside{width:27%;padding:20px 15px}.study-shell aside span{font-size:8px}.study-body{padding:22px}.study-body h4{font-size:20px}.note-page h4{font-size:23px}.note-page p{font-size:11px}.editor-grid{min-height:245px}.note-page{padding:28px}.editor-grid aside{font-size:9px}.editor-study,.devices-study{max-width:570px}.desktop-device{height:215px}.phone-device{width:110px;height:218px}.device-bridge{width:70px}.phone-pill{left:35px}.exhibit-grid{grid-template-columns:1fr 1fr;gap:18px}.library-toolbar{align-items:stretch;flex-direction:column;gap:16px}.search-field{width:100%;height:42px}.search-field input{font-size:12px}.filters button{min-height:44px}.play-section{margin-top:75px;padding-top:65px}.exhibit-thumb{height:180px}.code-section{padding-top:75px}.code-workbench{grid-template-columns:1fr}.code-result{border-left:0;border-top:1px solid var(--line);min-height:310px}.result-bottom{bottom:26px}.floating-source{bottom:10px}.story-section{padding-top:85px;padding-bottom:75px;gap:45px;grid-template-columns:1fr}.story-copy>p:not(.eyebrow){max-width:500px}.archive-card{max-width:540px;width:95%;margin:auto}.archive-stamp{position:absolute;font-size:6px;margin:0}.site-footer{flex-wrap:wrap}.site-footer>span{width:100%;margin-top:8px}.thumb-source{width:44px;height:44px}.exhibit-copy button{min-height:48px}.source-button{min-height:44px}.icon-button{width:48px;height:48px}}@media(max-width:480px){.site-header{padding-inline:20px}.identity{gap:10px;font-size:9px}.identity-note{font-size:6px;letter-spacing:.08em}.monogram{font-size:32px}.site-header nav{gap:17px}.site-header nav a{font-size:9px}.site-header nav a:last-child{display:none}.site-header nav a span{font-size:7px}.content-width{width:calc(100% - 40px)}.hero{min-height:920px}.hero-copy{padding-top:138px;margin-left:20px;width:calc(100% - 40px)}.hero-copy .eyebrow{font-size:8px;letter-spacing:.13em}.tiny-star{font-size:12px}h1{font-size:64px;margin:24px 0;letter-spacing:-.065em}.hero-description{font-size:12px;line-height:1.9;max-width:345px}.desktop-break{display:none}.hero-actions{gap:22px;margin-top:27px}.primary-link{font-size:10px;padding:16px 15px;gap:21px}.hero-actions .text-link{font-size:10px;gap:9px}.constellation{top:475px;right:calc((100vw - 510px)/2);transform:scale(.65)}.hero[data-checkpoint="1"] .constellation{transform:scale(.68) translateY(-8px)}.hero[data-checkpoint="2"] .constellation{transform:scale(.68) translateY(-16px) rotate(2deg)}.sequence-controls{inset-inline:20px;height:108px}.checkpoints{gap:26px}.checkpoints button{font-size:8px}.sequence-actions{gap:25px;font-size:9px}.section-heading{margin-bottom:30px}.section-heading h2,.story-copy h2{font-size:36px}.section-heading .eyebrow,.story-copy .eyebrow{font-size:8px}.section-heading>p{font-size:11px}.project-copy{display:block;padding:29px 25px}.project h3{font-size:30px;margin:22px 0 13px}.project h4{font-size:16px}.project-copy>p{font-size:12px;margin-top:15px}.project-index{font-size:7px}.tags{margin-top:18px}.project-actions{margin-top:15px;gap:30px}.project-state{margin-top:9px}.project-visual{min-height:280px;padding:48px 15px 33px}.study-label{font-size:6px;left:17px;top:19px}.study-shell{min-height:210px}.study-shell>aside{padding:14px 5px;width:25%}.study-shell aside span{font-size:5px;padding:5px 4px}.mini-brand{font-size:18px;margin:0 5px 13px}.study-body{padding:17px 12px}.study-body h4{font-size:13px;margin:18px 0 14px}.study-bar{font-size:5px}.study-tiles{gap:6px}.study-tiles>div{padding:9px 6px}.study-tiles b{font-size:12px;margin-bottom:6px}.study-tiles strong{font-size:6px}.study-tiles small{font-size:4.5px}.study-status{margin-top:14px;font-size:4px}.study-shell aside .side-bottom{font-size:4px}.editor-grid{min-height:201px}.editor-grid aside{font-size:6px;padding:17px 6px;width:28%}.editor-grid aside>small{font-size:4px}.note-selected small{font-size:4px}.note-page{padding:23px 14px}.note-page h4{font-size:15px;margin:12px 0}.note-page p{font-size:8px}.note-page>small{font-size:4px}.caret-line{font-size:7px}.history-track{gap:14px;padding:0 12px;height:34px}.history-track i:after{width:15px}.history-track span{margin-right:4px;font-size:5px}.editor-top{font-size:6px}.devices-study{padding:0 4px}.desktop-device{height:166px}.device-chrome{height:18px}.device-glyph{font-size:26px;padding:19px 0 10px}.devices-study strong{font-size:9px}.devices-study small{font-size:5px}.pair-step{font-size:5px;margin-top:17px}.phone-device{width:83px;height:171px;border-radius:15px}.phone-notch{width:29px;height:6px}.phone-device .device-glyph{padding-top:28px}.device-bridge{width:44px;font-size:4px}.phone-pill{left:25px;width:29px}.filters{gap:1px}.filters button{font-size:9px;padding:0 10px}.filters button span{font-size:7px}.exhibit-grid{gap:12px}.exhibit-thumb{height:140px}.exhibit-copy{padding:16px 13px 5px}.exhibit-copy h3{font-size:13px;line-height:1.4}.exhibit-copy>span{font-size:7px}.exhibit-copy p{font-size:9px;min-height:68px}.exhibit-copy button{font-size:8px;margin-top:12px;gap:8px}.exhibit-kind{font-size:5px;bottom:10px;left:12px}.thumb-source{right:3px;top:3px;border-color:transparent;background:transparent}.thumb-rain .thumb-object{width:72px;height:30px}.thumb-bloom .thumb-object{width:82px;height:82px}.thumb-bloom .thumb-object:before{inset:20px}.thumb-bloom .thumb-object:after{top:8px;left:11px;box-shadow:0 0 18px #d6ecb2,57px 42px 0 -1px #dfc2fb}.thumb-code .thumb-object{font-size:31px}.thumb-surface .thumb-object{width:65px;height:42px}.thumb-game .thumb-object{width:58px;height:58px}.library-footer{flex-direction:column;gap:12px;align-items:flex-start;font-size:7px}.code-workbench{min-height:0}.bench-title{padding:17px;font-size:9px}.bench-title>span:last-child{font-size:6px}#recipe-editor{font-size:12px;padding:22px;min-height:240px}.editor-footer{font-size:8px;padding-inline:16px}.code-result{min-height:270px}.result-bottom{font-size:8px;left:17px;bottom:29px}.floating-source{right:16px;font-size:8px}.scope-note{font-size:9px}.archive-card{padding:25px;min-height:320px}.archive-card blockquote{font-size:27px}.archive-stamp{font-size:5px;right:14px;bottom:26px}.archive-top{font-size:6px}.archive-steps{gap:11px;font-size:7px}.site-footer{padding-bottom:32px;gap:20px}.site-footer>div{gap:17px}.site-footer p{font-size:10px}.site-footer>a{font-size:10px;gap:14px}dialog{padding:18px;width:calc(100vw - 20px);max-height:calc(100svh - 24px)}.dialog-top h2{font-size:17px}#inspector-note{font-size:11px}.inspector-tabs{gap:6px}.inspector-tabs button{font-size:10px;padding-inline:11px}.dialog-bottom{font-size:8px;gap:9px}.dialog-bottom button{font-size:10px;flex-shrink:0}#inspector-content pre{font-size:10px;padding:14px}#animated-source{height:470px}.case-detail{padding:18px}.case-detail h3{font-size:25px}.case-detail p{font-size:12px}#live-exhibit{height:360px}.exhibit-live-surface{font-size:7px;padding:5px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}.sequence-actions #pause-motion{width:44px;min-height:44px}@media(max-width:800px){.sequence-controls{top:86px;bottom:auto;height:44px;border-top:0}.sequence-controls .checkpoints{display:none}.sequence-actions{width:100%;justify-content:flex-end}.hero-copy{padding-top:164px}.constellation{top:510px}}