:root{--bg:#f3f4f0;--surface:#fff;--ink:#202522;--muted:#606860;--line:#d5dbd2;--accent:#c5f560;--soft:#e9ede5;--mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;--radius:22px;color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}body[data-theme=dark]{--bg:#171b19;--surface:#222824;--ink:#f2f4ed;--muted:#b0b9ad;--line:#39423a;--soft:#262e27;color-scheme:dark}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer}button{border:0}button:disabled{cursor:default}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #659b13;outline-offset:5px}::selection{background:var(--accent);color:#1e261d}img,video{max-width:100%;display:block}figure{margin:0}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:570;line-height:1.08}h1{letter-spacing:-.065em}h2{letter-spacing:-.045em}h3{letter-spacing:-.025em}p{color:var(--muted)}.site-header,main,.site-footer{max-width:1600px;margin:auto}.site-header{height:100px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;gap:32px}.brand{display:flex;align-items:center;gap:12px;font-weight:650;font-size:19px;letter-spacing:-.5px}.brand-domain{color:var(--muted);font-weight:400}.brand-mark{width:35px;height:35px;background:var(--ink);color:var(--bg);display:flex;align-items:center;justify-content:center;border-radius:11px;font-size:27px;font-weight:500;position:relative;line-height:1}.brand-mark span{position:absolute;right:4px;top:0;font-size:16px;color:var(--accent)}nav{display:flex;gap:35px;font-size:14px}nav a{padding:12px 0}nav a:hover,.github-link:hover{color:#5d8318}.header-actions{display:flex;gap:24px;align-items:center;font-size:14px}.github-link span{margin-left:14px}.theme-toggle{border:1px solid var(--line);background:transparent;border-radius:50%;width:36px;height:36px;font-size:23px;padding:0}.skip{position:fixed;top:-60px;left:20px;z-index:100;background:var(--accent);color:#161c14;padding:12px}.skip:focus{top:15px}main{padding:0 5%}.eyebrow,.project-meta,.graphic-label,.section-number,.stack-list,.filter-result,.source-note,.footer-base,.strip-label{font:11px/1.5 var(--mono);letter-spacing:.04em}.eyebrow{font-size:10px;font-weight:500;letter-spacing:.12em;color:var(--muted)}.hero{display:grid;grid-template-columns:46% 54%;align-items:center;min-height:640px;padding:35px 0 40px;border-top:1px solid var(--line)}.hero-copy{position:relative;z-index:2;padding:5px 25px 10px 0}.hero-copy .eyebrow{margin-bottom:33px}.tiny-cross{color:var(--ink);font-size:19px;margin-right:10px}.hero h1{font-size:clamp(56px,5.8vw,94px);line-height:.99;font-weight:580;letter-spacing:-.065em;margin-bottom:31px}.green-period{color:#75a523}.hero-lede{font-size:22px;line-height:1.4;letter-spacing:-.6px;color:var(--ink);max-width:430px}.hero-context{font-size:15px;line-height:1.65;max-width:390px;margin:16px 0 27px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:36px;padding:13px 20px;border-radius:9px;font-size:13px;font-weight:500;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.button.dark{background:var(--ink);color:var(--bg)}.button.dark:hover{background:#456327;color:#fff}.button span{font-size:18px}.spatial-exhibit{align-self:stretch;position:relative;display:flex;flex-direction:column;min-width:0;isolation:isolate}.exhibit-top{display:flex;align-items:center;justify-content:space-between;padding:17px 15px 0 20px}.exhibit-index{font:10px var(--mono);color:var(--muted)}.exhibit-stage{flex:1;min-height:420px;position:relative;perspective:1200px;touch-action:pan-y;cursor:grab;user-select:none}.exhibit-stage:active{cursor:grabbing}.coordinate-grid{position:absolute;inset:0;background-image:radial-gradient(var(--muted) .65px,transparent .65px);background-size:23px 23px;opacity:.27;mask-image:radial-gradient(ellipse at center,#000 15%,transparent 69%)}.orbit-ring{position:absolute;width:70%;height:70%;left:15%;top:16%;border:1px solid var(--line);border-radius:50%;transform:rotateX(65deg) rotateZ(-25deg);box-shadow:0 0 0 34px color-mix(in srgb,var(--line) 22%,transparent),0 0 0 68px color-mix(in srgb,var(--line) 11%,transparent)}.spatial-rig{position:absolute;left:8%;top:14%;width:83%;height:66%;transform-style:preserve-3d;transform:rotateX(8deg) rotateY(-17deg) rotateZ(5deg);transition:transform .5s cubic-bezier(.2,.8,.2,1);will-change:transform}.spatial-rig.dragging{transition:none}.game-window{position:absolute;inset:0;transform:translateZ(38px);border-radius:16px;overflow:hidden;background:#1d2221;box-shadow:0 32px 40px -22px #18261e60,0 2px 6px #18261e20;border:1px solid #8c968f;transition:transform .7s,opacity .7s;backface-visibility:hidden}.window-bar{height:34px;background:#eef1ebf2;display:flex;align-items:center;justify-content:space-between;padding:0 13px;font:10px var(--mono);color:#3c443e}.window-dots{display:flex;gap:5px}.window-dots i{width:5px;height:5px;border-radius:50%;background:#8b948b}.window-dots i:first-child{background:#b1c39b}.game-window>img{width:100%;height:calc(100% - 66px);object-fit:cover;pointer-events:none}.window-caption{display:flex;align-items:center;justify-content:space-between;height:32px;padding:0 13px;font:9px var(--mono);letter-spacing:.08em;color:#e3e9dd}.window-caption a{padding:6px 10px}.spatial-layer{position:absolute;inset:0;border:1px solid #9cae94;border-radius:16px;display:flex;align-items:flex-start;padding:22px;gap:15px;transition:transform .7s,background .7s;box-shadow:0 28px 35px -26px #20322140}.spatial-layer strong{display:block;font-size:16px;font-weight:550;letter-spacing:-.4px;color:#263426}.spatial-layer small{display:block;font:10px/1.7 var(--mono);color:#53634d;margin-top:5px}.layer-index{font:11px var(--mono);padding-top:4px;color:#53634d}.layer-back{transform:translate3d(21px,-41px,-55px);background:#d1ddc5}.layer-middle{transform:translate3d(10px,-20px,-15px);background:#e4eadc}.layer-glyph{margin-left:auto;font-size:33px;color:#6e7d61}.input-chip{position:absolute;bottom:-29px;left:-15px;display:flex;align-items:center;gap:12px;background:#f8fcf3e8;backdrop-filter:blur(16px);padding:12px 21px 12px 14px;border:1px solid #d2dcc9;border-radius:13px;color:#273022;box-shadow:0 12px 30px #2235211a;transform:translateZ(85px);font-size:12px;transition:transform .7s,opacity .7s}.input-chip small{display:block;font:9px var(--mono);color:#63705d;margin-top:2px}.tracking-symbol{display:grid;place-items:center;width:30px;height:30px;background:var(--accent);color:#354526;border-radius:50%;font-size:30px}.axis-note{position:absolute;right:15px;bottom:28px;font:10px var(--mono);color:var(--muted)}.exhibit-bottom{display:flex;align-items:center;justify-content:center;position:relative}.segmented{display:flex;padding:4px;border-radius:10px;background:var(--soft);border:1px solid var(--line)}.segmented button{padding:8px 16px;border-radius:6px;background:none;font-size:11px;color:var(--muted)}.segmented button[aria-pressed=true]{background:var(--surface);color:var(--ink);box-shadow:0 2px 5px #0000000c}.reset-view{width:30px;height:30px;border:1px solid var(--line);background:none;border-radius:50%;margin-left:12px;font-size:20px}.exhibit-note{text-align:center;font:10px/1.5 var(--mono);margin:13px 0 4px;color:var(--muted)}.spatial-exhibit[data-mode=layers] .spatial-rig{transform:rotateX(8deg) rotateY(-24deg) rotateZ(-4deg)}.spatial-exhibit[data-mode=layers] .game-window{transform:translate3d(0,90px,90px) scale(.84)}.spatial-exhibit[data-mode=layers] .layer-middle{transform:translate3d(0,-32px,0);background:#e4edd8}.spatial-exhibit[data-mode=layers] .layer-back{transform:translate3d(0,-125px,-100px);background:#c6dcaf}.spatial-exhibit[data-mode=layers] .input-chip{transform:translate3d(-15px,45px,110px);opacity:0;pointer-events:none}.discipline-strip{display:flex;justify-content:space-between;gap:20px;align-items:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:24px 0;font-size:12px;color:var(--muted)}.discipline-strip a{font-size:11px;color:var(--ink)}.strip-label{text-transform:uppercase;font-size:9px}.routes-section,.work-section,.index-section{padding:90px 0}.routes-section{padding-bottom:45px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:35px}.section-heading .eyebrow{margin-bottom:14px}.section-heading h2{font-size:42px}.section-heading>p{font-size:13px;line-height:1.65;max-width:290px}.route-tabs{display:flex;gap:25px;border-bottom:1px solid var(--line)}.route-tabs button{padding:15px 0;color:var(--muted);background:none;font-size:12px;position:relative}.route-tabs button[aria-pressed=true]{color:var(--ink)}.route-tabs button[aria-pressed=true]:after{content:'';position:absolute;left:0;right:0;height:3px;bottom:-2px;background:#81a62d}.route-content{padding:28px 0;display:grid;grid-template-columns:1.1fr 1fr;gap:10%;min-height:198px}.route-content h3{font-size:24px;margin-bottom:13px}.route-content p{font-size:14px;max-width:560px;line-height:1.8}.route-links{display:flex;flex-direction:column}.route-links a{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--line);font-size:12px}.route-links a:hover{color:#69872d}.work-section{padding-top:45px}.projects-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:48px 24px}.project-card{grid-column:span 2;min-width:0}.project-card:nth-child(1),.project-card:nth-child(2){grid-column:span 3}.project-card:last-child{grid-column:span 2}.project-visual{height:230px;display:block;background:#dbe3d5;border-radius:var(--radius);position:relative;overflow:hidden;isolation:isolate;transition:box-shadow .25s}.project-card:nth-child(-n+2) .project-visual{height:330px}.project-visual>img{width:100%;height:100%;object-fit:cover;transition:transform .7s}.project-visual:hover>img{transform:scale(1.035)}.project-visual.peel-image{background:#e7eadf}.project-visual>img.peel-image{width:138%;max-width:none;height:150%;position:absolute;left:-19%;top:-20%;object-fit:cover}.project-visual>img.rip-image{object-fit:cover}.visual-chip{position:absolute;left:16px;bottom:16px;border:1px solid #ffffff65;background:#f8fbf0e8;color:#2b382a;backdrop-filter:blur(10px);padding:5px 10px;border-radius:20px;font:9px var(--mono)}.visual-arrow{position:absolute;right:16px;bottom:16px;background:#f8fbf0e8;color:#2b382a;width:29px;height:29px;border-radius:50%;text-align:center;line-height:29px;transition:transform .3s}.project-visual:hover .visual-arrow{transform:rotate(45deg)}.project-meta{margin:20px 0 10px;font-size:9px;color:var(--muted);display:flex;justify-content:space-between;gap:10px;letter-spacing:0}.project-status{position:relative;text-align:right}.project-card h3{font-size:30px;margin-bottom:10px}.project-card>p{font-size:14px;line-height:1.65;max-width:440px;min-height:47px}.project-read{display:inline-flex;gap:20px;align-items:center;font-size:11px;margin-top:16px}.project-read:hover{text-decoration:underline;text-underline-offset:4px}.eco-graphic,.craft-graphic{position:relative;height:100%;overflow:hidden;display:flex;align-items:center;justify-content:center}.eco-graphic{color:#c4f783;background:radial-gradient(ellipse at 50% 20%,#3f5442,#1c2c26)}.eco-symbol{font-size:140px;line-height:1;position:relative;top:-10px;text-shadow:0 0 45px #b3f88b35}.eco-orbit{position:absolute;border:1px solid #a9d17940;width:280px;height:280px;border-radius:50%;transform:rotateX(50deg) rotateZ(30deg);box-shadow:0 0 0 26px #a9d1790d,0 0 0 52px #a9d1790a}.graphic-label{position:absolute;top:20px;left:20px;font-size:8px;color:inherit;opacity:.8}.graphic-name{position:absolute;bottom:58px;right:20px;font-size:23px;letter-spacing:-1px;font-weight:500}.craft-graphic{background:#dde3d1;color:#456044;background-image:radial-gradient(#9daf90 1px,transparent 1px);background-size:17px 17px}.voxel{width:80px;height:80px;position:relative;transform-style:preserve-3d;transform:rotateX(-25deg) rotateY(40deg) rotateZ(0);margin-top:-30px}.voxel i,.voxel b,.voxel em{position:absolute;inset:0;border:1px solid #60784c}.voxel i{transform:translateZ(40px);background:repeating-conic-gradient(#87a769 0 25%,#759959 0 50%) 0/26.666px 26.666px}.voxel b{transform:rotateY(90deg) translateZ(40px);background:repeating-conic-gradient(#5c7944 0 25%,#69884d 0 50%) 0/26.666px 26.666px}.voxel em{transform:rotateX(90deg) translateZ(40px);background:repeating-conic-gradient(#adca8b 0 25%,#96b576 0 50%) 0/26.666px 26.666px}.lab-section{display:grid;grid-template-columns:.85fr 1.3fr .85fr;gap:40px;padding:65px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.lab-heading h2{font-size:40px;line-height:1.08;margin:18px 0}.lab-heading>p:last-child{font-size:14px;line-height:1.7;max-width:250px}.lab-feature{background:var(--surface);border:1px solid var(--line);border-radius:14px;overflow:hidden}.lab-feature img{height:180px;width:100%;object-fit:cover}.lab-feature>div{padding:22px}.lab-feature h3{font-size:21px;margin:9px 0 10px;line-height:1.2}.lab-feature h3 span{font-weight:400}.lab-feature p{font-size:12px;line-height:1.7}.lab-side{display:flex;flex-direction:column;gap:30px}.lab-side>a{padding-bottom:30px;border-bottom:1px solid var(--line)}.lab-side h3{font-size:21px;line-height:1.2;margin:13px 0}.lab-side p{font-size:13px;line-height:1.7}.search-box{display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--line);padding:8px 0;min-width:230px}.search-box>span{font-size:24px}.search-box input{border:none;background:none;color:var(--ink);width:100%;font-size:13px;outline-offset:5px}.index-filters{display:flex;gap:7px;margin:0 0 25px}.index-filters button{padding:6px 14px;border:1px solid var(--line);border-radius:30px;color:var(--muted);background:transparent;font-size:11px}.index-filters button[aria-pressed=true]{background:var(--ink);color:var(--bg);border-color:var(--ink)}.index-row{display:grid;grid-template-columns:1.1fr 1fr 1.4fr 1.4fr 20px;gap:20px;align-items:center;padding:24px 5px;border-top:1px solid var(--line);font-size:11px;color:var(--muted);transition:background .2s,padding .2s}.index-row:hover{background:var(--soft);padding-left:12px;padding-right:12px}.index-row[hidden]{display:none}.index-name{font-size:18px;color:var(--ink);font-weight:550;letter-spacing:-.4px}.index-row:last-child{border-bottom:1px solid var(--line)}.index-status{font:10px var(--mono)}.filter-result{font-size:10px;margin-top:17px}.site-footer{padding:70px 5% 25px;display:grid;grid-template-columns:1.3fr 1fr;gap:70px 10%;background:var(--soft);border-top:1px solid var(--line)}.footer-intro h2{font-size:43px;margin:17px 0;line-height:1.1}.footer-intro>p{font-size:13px;margin:0 0 25px}.footer-links{padding-top:40px}.footer-links>a{display:flex;align-items:center;justify-content:space-between;font-size:20px;padding:25px 0;border-bottom:1px solid var(--line)}.footer-links span{font:10px var(--mono);color:var(--muted)}.footer-base{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:22px;font-size:9px;color:var(--muted)}.footer-base>a:first-child{font:600 21px -apple-system,BlinkMacSystemFont,sans-serif;letter-spacing:-.7px;color:var(--ink)}.page-heading{padding:70px 0 60px;border-top:1px solid var(--line)}.page-heading h1{font-size:clamp(50px,6.2vw,88px);line-height:1.04;margin:22px 0}.page-heading>p:last-child{font-size:21px;max-width:690px;line-height:1.5;letter-spacing:-.4px}.case-study{padding-top:20px}.back-link{font:11px var(--mono);color:var(--muted);display:inline-block;padding:10px 0}.case-heading{display:grid;grid-template-columns:2fr 1fr;gap:50px;align-items:end;padding:50px 0}.case-heading h1{font-size:100px;line-height:1;margin:15px 0 20px}.case-lede{font-size:27px;letter-spacing:-.6px;color:var(--ink)}.case-aside{display:flex;flex-direction:column;align-items:flex-start;gap:17px}.case-aside p{font:11px/1.6 var(--mono)}.status-label{font:10px var(--mono);padding:7px 11px;border:1px solid var(--line);border-radius:25px}.detail-media{background:var(--surface);border:1px solid var(--line);border-radius:18px;overflow:hidden}.detail-media img,.detail-media video{width:100%;max-height:660px;object-fit:contain;background:#111714}.detail-media figcaption{font:10px/1.7 var(--mono);color:var(--muted);padding:16px 22px}.case-body{display:grid;grid-template-columns:1fr 2fr;gap:80px;padding:75px 0}.stack-list{display:flex;flex-direction:column;gap:10px;font-size:12px;margin:20px 0 45px}.stack-list span{border-bottom:1px solid var(--line);padding-bottom:10px;max-width:260px}.resource-links{display:flex;flex-direction:column;margin-top:20px}.resource-links a{font-size:12px;padding:13px 0;display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line)}.case-prose{max-width:710px}.case-prose section{margin-bottom:55px}.case-prose h2,.extra-prose h2{font-size:35px;line-height:1.15;margin:15px 0 22px}.case-prose p,.extra-prose p{font-size:17px;line-height:1.9;margin-bottom:20px}.section-number{font-size:10px;color:var(--muted)}.case-prose p.source-note{font:10px/1.8 var(--mono);margin-top:20px;color:var(--muted)}.case-next{display:flex;align-items:center;justify-content:space-between;padding:35px 0 50px;border-top:1px solid var(--line)}.case-next a{font-size:22px;letter-spacing:-.5px}.case-next p{font:11px var(--mono)}.detail-art{height:430px;border-radius:20px;overflow:hidden}.detail-art .eco-symbol{font-size:240px}.detail-art .voxel{transform:scale(1.8) rotateX(-25deg) rotateY(40deg);margin-top:-40px}.extra-prose{max-width:760px;margin:65px auto 100px}.extra-prose a,.case-prose a{text-decoration:underline;text-decoration-color:#8d9e73;text-underline-offset:4px}.extra-media video{max-height:550px}.about-heading{padding-bottom:70px}.about-body{display:grid;grid-template-columns:1fr 2fr;gap:80px;padding:30px 0 90px}.about-portrait{display:block;width:100%;max-width:290px;height:auto;aspect-ratio:1;object-fit:cover;object-position:50% 65%;border-radius:0;margin-top:24px;border:1px solid var(--line)}.about-evidence{padding:0;list-style:none;margin:25px 0 50px}.about-evidence li{border-top:1px solid var(--line);padding:20px 0;color:var(--muted);font-size:16px;line-height:1.7}.about-evidence strong{color:var(--ink);font-weight:550}dialog{width:min(1000px,92vw);background:var(--surface);border:1px solid var(--line);border-radius:16px;color:var(--ink);padding:22px}dialog::backdrop{background:#111911cc;backdrop-filter:blur(12px)}.dialog-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.dialog-bar h2{font-size:18px}.close-dialog{background:var(--soft);border-radius:50%;width:35px;height:35px}#demo-content img,#demo-content video{max-height:70vh;margin:auto;width:100%;object-fit:contain}#demo-caption{margin-top:15px;font:11px/1.6 var(--mono)}body[data-theme=dark] .coordinate-grid{opacity:.2}body[data-theme=dark] .green-period{color:var(--accent)}body[data-theme=dark] .project-visual.peel-image{background:#3a4539}@media(min-width:1600px){.hero{min-height:720px}.exhibit-stage{min-height:480px}.project-card:nth-child(-n+2) .project-visual{height:400px}}
@media(max-width:1100px){.site-header{height:85px}.hero{grid-template-columns:47% 53%;min-height:590px}.hero h1{font-size:6.1vw}.hero-lede{font-size:19px}.hero-context{font-size:14px}.exhibit-stage{min-height:370px}.spatial-rig{left:8%;top:22%;height:58%;width:86%}.layer-glyph{display:none}.spatial-layer{padding:16px;gap:10px}.spatial-layer strong{font-size:14px}.spatial-layer small{font-size:8px}.input-chip{left:-5px;bottom:-24px;padding:9px 13px}.exhibit-note{font-size:8px}.discipline-strip{gap:15px}.discipline-strip a{display:none}.projects-grid{gap:40px 22px}.project-card:nth-child(-n+2) .project-visual{height:270px}.project-visual{height:210px}.project-meta{font-size:8px;flex-direction:column;gap:4px}.project-status{text-align:left}.project-card>p{font-size:13px}.lab-section{grid-template-columns:.8fr 1.25fr;gap:30px}.lab-side{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:40px}.lab-side>a{padding-bottom:0;border:0}.lab-heading h2{font-size:38px}.section-heading h2{font-size:36px}.index-row{grid-template-columns:1fr .9fr 1.3fr 1.3fr 15px;gap:15px}.case-heading h1{font-size:80px}.case-body,.about-body{gap:45px}}
@media(max-width:760px){html{scroll-padding-top:20px}.site-header{height:80px;padding:0 6%;gap:15px}.brand{font-size:17px;gap:9px}.brand-domain{display:none}.brand-mark{width:29px;height:29px;font-size:23px;border-radius:8px}.brand-mark span{font-size:13px}.header-actions{gap:8px}.github-link{display:none}nav{gap:19px;font-size:12px}.theme-toggle{width:30px;height:30px;font-size:19px}main{padding:0 6%}.hero{grid-template-columns:1fr;padding:35px 0 24px;min-height:0}.hero-copy{padding:0}.hero-copy .eyebrow{margin-bottom:22px;font-size:9px}.hero h1{font-size:clamp(49px,9.8vw,75px);line-height:1.02;margin-bottom:25px}.hero-lede{font-size:21px;max-width:510px}.hero-context{font-size:15px;max-width:480px;margin:14px 0 24px}.hero-copy .button{padding:12px 17px}.spatial-exhibit{margin-top:42px}.exhibit-top{padding:0 0 15px}.exhibit-stage{min-height:365px}.spatial-rig{width:80%;left:10%;height:62%;top:17%}.spatial-layer strong{font-size:16px}.spatial-layer small{font-size:10px}.spatial-exhibit[data-mode=layers] .spatial-rig{transform:rotateX(8deg) rotateY(-21deg) rotateZ(-4deg)}.spatial-exhibit[data-mode=layers] .layer-back{transform:translate3d(0,-92px,-100px)}.spatial-exhibit[data-mode=layers] .layer-middle{transform:translate3d(0,-16px,0)}.spatial-exhibit[data-mode=layers] .game-window{transform:translate3d(0,75px,75px) scale(.84)}.exhibit-note{font-size:9px;margin-top:13px}.axis-note{font-size:8px;bottom:15px;right:0}.exhibit-bottom{margin-top:8px}.input-chip{font-size:11px}.window-bar{font-size:9px}.discipline-strip{padding:23px 0;justify-content:flex-start;flex-wrap:wrap;gap:15px 22px;font-size:11px}.strip-label{width:100%;font-size:8px}.routes-section,.work-section,.index-section{padding:55px 0}.routes-section{padding-bottom:15px}.section-heading{align-items:flex-start;flex-direction:column;gap:17px;margin-bottom:25px}.section-heading .eyebrow{font-size:9px;margin-bottom:12px}.section-heading h2{font-size:35px;line-height:1.1}.section-heading>p{font-size:12px}.route-tabs{gap:0;display:grid;grid-template-columns:1fr 1fr}.route-tabs button{font-size:11px;padding:13px 5px;text-align:left}.route-tabs button[aria-pressed=true]{background:var(--soft)}.route-tabs button[aria-pressed=true]:after{height:2px;left:5px;right:15px;bottom:0}.route-content{grid-template-columns:1fr;gap:18px;padding-top:24px;min-height:0}.route-content h3{font-size:23px}.route-content p{font-size:14px}.route-links a{font-size:12px;padding:13px 0}.projects-grid{grid-template-columns:repeat(2,1fr);gap:40px 18px}.project-card,.project-card:nth-child(1),.project-card:nth-child(2),.project-card:last-child{grid-column:span 2}.project-card:nth-child(-n+2) .project-visual,.project-visual{height:300px}.project-meta{flex-direction:row;font-size:9px;margin-top:16px}.project-card h3{font-size:29px}.project-card>p{font-size:15px;min-height:0;line-height:1.7}.project-read{margin-top:12px;font-size:12px}.graphic-name{font-size:32px}.eco-symbol{font-size:170px}.voxel{transform:scale(1.3) rotateX(-25deg) rotateY(40deg)}.lab-section{grid-template-columns:1fr;padding:45px 0}.lab-heading h2{font-size:36px}.lab-heading h2 br{display:none}.lab-heading>p:last-child{max-width:100%}.lab-feature img{height:210px}.lab-side{grid-template-columns:1fr;gap:25px}.lab-side>a{padding:0 0 25px;border-bottom:1px solid var(--line)}.lab-side>a:last-child{border:0;padding-bottom:0}.search-box{width:100%;min-width:0}.index-row{grid-template-columns:1fr 1fr 14px;gap:8px;font-size:10px;padding:20px 0}.index-name{font-size:17px}.index-row>span:nth-child(2),.index-platform{display:none}.index-status{font-size:9px}.index-filters{margin-top:10px}.site-footer{grid-template-columns:1fr;padding:48px 6% 25px;gap:30px}.footer-intro h2{font-size:36px}.footer-links{padding-top:0}.footer-links>a{padding:21px 0;font-size:18px}.footer-base{margin-top:20px;flex-wrap:wrap;gap:15px;font-size:8px}.footer-base>a:first-child{width:100%;font-size:22px;margin-bottom:10px}.page-heading{padding:40px 0}.page-heading h1{font-size:52px;margin:17px 0}.page-heading>p:last-child{font-size:18px}.case-study{padding-top:10px}.case-heading{grid-template-columns:1fr;gap:30px;padding:32px 0}.case-heading h1{font-size:74px;margin-bottom:15px}.case-lede{font-size:24px}.case-aside{gap:13px}.case-aside p{font-size:10px}.detail-media{border-radius:12px}.detail-media figcaption{padding:14px;font-size:9px}.case-body,.about-body{grid-template-columns:1fr;gap:40px;padding:40px 0}.case-body>aside{display:grid;grid-template-columns:1fr 1fr;gap:0 30px}.case-body>aside>.eyebrow:nth-of-type(2){grid-row:1;grid-column:2}.stack-list{grid-row:2;margin:15px 0 0;font-size:10px;gap:7px}.resource-links{grid-row:2;grid-column:2;margin:8px 0 0}.resource-links a{font-size:10px}.case-prose h2,.extra-prose h2{font-size:30px}.case-prose p,.extra-prose p{font-size:16px;line-height:1.85}.case-prose section{margin-bottom:40px}.case-next{gap:30px}.case-next a{font-size:18px}.case-next p{font-size:9px}.detail-art{height:300px}.extra-prose{margin:40px 0 60px}.about-heading h1{font-size:49px}.about-body{padding-top:0}.about-label{display:block}.about-portrait{width:180px;margin-top:18px;border-radius:0}.about-evidence li{font-size:15px}}
@media(max-width:400px){.site-header{gap:10px}nav{gap:14px}.brand{font-size:15px}.hero-lede{font-size:19px}.hero-context{font-size:14px}.exhibit-stage{min-height:310px}.project-card:nth-child(-n+2) .project-visual,.project-visual{height:245px}.spatial-layer small{font-size:8px}.project-meta{font-size:8px}.segmented button{font-size:10px}.window-bar{font-size:8px}.window-dots{gap:3px}.input-chip{left:-4px;bottom:-20px}.input-chip small{font-size:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.spatial-rig{will-change:auto}}
/* Readability and exhibit navigation. */
.eyebrow{font-size:11px}.hero-copy .eyebrow{font-size:11px}.project-meta{font-size:11px}.project-card>p{font-size:16px}.project-read{font-size:13px}.section-heading>p{font-size:14px}.route-tabs button{font-size:14px}.route-links a{font-size:14px}.route-content p{font-size:16px}.discipline-strip{font-size:13px}.discipline-strip a{font-size:12px}.strip-label{font-size:10px}.lab-feature p,.lab-side p,.lab-heading>p:last-child{font-size:15px}.index-row{font-size:13px}.index-status{font-size:11px}.index-filters button{font-size:12px}.exhibit-note{font-size:11px}.segmented button{font-size:12px}.footer-links span{font-size:11px}.footer-base{font-size:10px}.graphic-label{font-size:10px}.visual-chip{font-size:10px}.button{font-size:14px}.exhibit-projects{display:flex;gap:3px;padding:3px;border:1px solid var(--line);border-radius:30px}.exhibit-projects button{border-radius:20px;padding:5px 13px;font:11px var(--mono);background:none;color:var(--muted)}.exhibit-projects button[aria-pressed=true]{background:var(--ink);color:var(--bg)}.capture-button{background:none;font-size:12px;margin-left:12px;padding:10px 3px;text-decoration:underline;text-decoration-color:var(--line);text-underline-offset:4px}.capture-button:hover{text-decoration-color:var(--ink)}.exhibit-bottom{flex-wrap:wrap;gap:6px 0}.project-visual>img.peel-image{top:-25%;height:160%}.game-window.peel-window>img{object-fit:cover;object-position:center 40%}.projects-grid>.project-card:last-child{grid-column:1/-1;display:grid;grid-template-columns:1.2fr 1fr;column-gap:45px;background:var(--soft);border:1px solid var(--line);padding:25px;border-radius:var(--radius);margin-top:5px}.projects-grid>.project-card:last-child .project-visual{grid-row:1/6;grid-column:1;height:310px;border-radius:13px}.projects-grid>.project-card:last-child .project-meta{grid-column:2;align-self:end;margin:0 0 20px;flex-direction:column;gap:5px}.projects-grid>.project-card:last-child .project-status{text-align:left}.projects-grid>.project-card:last-child h3{grid-column:2;font-size:48px}.projects-grid>.project-card:last-child>p{grid-column:2;max-width:360px;min-height:0;font-size:18px}.projects-grid>.project-card:last-child .project-read{grid-column:2;margin-top:10px;align-self:start}.spatial-exhibit[data-mode=layers] .layer-back{transform:translate3d(0,-95px,-100px)}.spatial-exhibit[data-mode=layers] .layer-middle{transform:translate3d(0,-12px,0)}.case-prose p.source-note{font-size:12px}.detail-media figcaption{font-size:12px}.case-aside p{font-size:12px}.resource-links a{font-size:14px}.section-number{font-size:12px}.stack-list{font-size:13px}@media(max-width:1100px){.project-meta{font-size:10px}.project-card>p{font-size:15px}.route-tabs button{font-size:12px}.exhibit-note{font-size:9px}.capture-button{font-size:11px}.segmented button{font-size:11px;padding:8px 11px}.projects-grid>.project-card:last-child{column-gap:30px}.projects-grid>.project-card:last-child .project-visual{height:280px}}@media(max-width:760px){.hero-copy .eyebrow{font-size:10px}.route-tabs button{font-size:12px}.route-links a{font-size:13px}.route-content p{font-size:15px}.project-meta{font-size:10px}.project-card>p{font-size:16px}.section-heading>p{font-size:14px}.exhibit-note{font-size:10px}.exhibit-top>.eyebrow{font-size:10px}.exhibit-projects button{font-size:10px;padding:5px 11px}.segmented button{font-size:11px;padding:8px 10px}.capture-button{margin-left:10px;font-size:11px}.reset-view{margin-left:7px;width:27px;height:27px}.index-status{font-size:10px}.projects-grid>.project-card:last-child{display:block;padding:17px;border-radius:18px}.projects-grid>.project-card:last-child .project-visual{height:240px}.projects-grid>.project-card:last-child .project-meta{margin:20px 0 12px;flex-direction:row}.projects-grid>.project-card:last-child h3{font-size:30px}.projects-grid>.project-card:last-child>p{font-size:16px;margin-bottom:14px}.projects-grid>.project-card:last-child .project-read{margin-bottom:5px}.resource-links a{font-size:11px}.stack-list{font-size:11px}.detail-media figcaption{font-size:11px}.case-aside p{font-size:11px}.section-number{font-size:11px}}@media(max-width:380px){.capture-button{width:100%;order:3}.exhibit-note{font-size:9px}.route-tabs button{font-size:11px}}
.window-viewport{height:calc(100% - 66px);position:relative;overflow:hidden}.window-viewport>img{width:100%;height:100%;object-fit:cover;pointer-events:none}.peel-window .window-viewport>img{width:138%;max-width:none;height:160%;position:absolute;left:-19%;top:-25%;object-fit:cover}
.detail-media img,.detail-media video{height:auto}

.brand-portrait{width:36px;height:36px;object-fit:cover;object-position:50% 65%;border-radius:50%;flex:none;border:1px solid var(--line)}
@media(max-width:760px){.brand-portrait{width:31px;height:31px}}