@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Instrument+Serif:ital@0;1&display=swap');
.hero-art .orbit-label{top:95px;right:65px;font-size:15px}
:root{--paper:#f7f5ee;--ink:#252a23;--green:#465a40;--line:#d8d9ce}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit}header{height:96px;display:flex;align-items:center;gap:48px;padding:0 5%;border-bottom:1px solid var(--line)}.wordmark{text-decoration:none;font-size:32px;font-weight:700;letter-spacing:-2px}.wordmark span{color:#788366;margin-left:7px}nav{display:flex;gap:30px;margin-left:auto;font-size:13px}nav a{text-decoration:none}.local{font-size:9px;letter-spacing:1px;border:1px solid var(--line);padding:7px 9px}main{max-width:1600px;margin:auto}.hero{display:grid;grid-template-columns:1fr 1fr;padding:68px 5% 58px;gap:6%;align-items:center}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;margin:0 0 24px}h1,h2{font-family:'Instrument Serif',Georgia,serif;font-weight:400;letter-spacing:-2px;line-height:1.02;margin:0}h1{font-size:clamp(65px,7.8vw,124px)}em{font-weight:400;color:var(--green)}.intro{font-size:21px;line-height:1.5;margin-top:26px}.description{font-size:14px;line-height:1.8;max-width:370px;color:#60665b}.button{display:inline-flex;gap:40px;align-items:center;padding:16px 22px;border-radius:4px;text-decoration:none;font-size:13px;margin-top:19px}.dark{background:var(--ink);color:white}.hero-art{position:relative;padding:0;background:#0c0d12;border:0;border-radius:48% 48% 5px 5px;overflow:hidden;height:540px;color:white}.hero-art img{width:100%;height:100%;object-fit:cover}.art-caption{position:absolute;bottom:22px;left:25px;right:25px;display:flex;justify-content:space-between;font-size:9px;letter-spacing:1px}.art-caption b{font-weight:400;letter-spacing:0;font-size:12px}.orbit-label{position:absolute;top:60px;right:28px;text-align:left;font-family:Georgia,serif;font-style:italic;color:#ccd5df;font-size:18px}.ribbon{display:flex;justify-content:space-between;margin:0 5%;padding:23px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:11px;color:#58614f}.ribbon span:before{content:'✳';margin-right:12px}#work{padding:85px 5%}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px}h2{font-size:clamp(42px,4.8vw,70px)}.section-heading>p{font-size:13px;line-height:1.8;color:#68705f}.filters{display:flex;gap:8px;flex-wrap:wrap;margin:35px 0}.filters button{border:1px solid var(--line);background:transparent;border-radius:30px;padding:11px 18px;font-size:12px}.filters .active{background:var(--ink);color:white;border-color:var(--ink)}.filters span{opacity:.6;margin-left:10px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px 24px}.card{border:0;background:transparent;padding:0;text-align:left;color:inherit}.visual{height:260px;position:relative;border-radius:6px;overflow:hidden;display:flex;align-items:center;justify-content:center}.visual img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.card:hover img{transform:scale(1.04)}.visual .arrow{position:absolute;bottom:14px;right:14px;background:var(--paper);border-radius:50%;width:32px;height:32px;display:grid;place-items:center}.label{font-size:9px;text-transform:uppercase;letter-spacing:1.3px;display:flex;justify-content:space-between;margin:17px 0 10px;color:#5b6256}.card h3{font-family:'Instrument Serif',Georgia,serif;font-size:30px;font-weight:400;margin:0}.card p{font-size:13px;line-height:1.65;color:#656b60;margin:9px 0;max-width:340px}.count{font-size:11px;color:#707768;margin:25px 0 0}.illustration{font-family:Georgia,serif;font-size:65px;letter-spacing:-4px;text-align:center;width:100%}.illustration small{display:block;font-family:'DM Sans',sans-serif;font-size:10px;letter-spacing:2px;margin-top:25px}.connections{background:#e7ebdf;padding:70px 7%;display:grid;grid-template-columns:1.3fr 1fr;gap:0 70px}.connections>.eyebrow{grid-column:1/-1}.connections>div{max-width:380px;align-self:center;font-size:15px;line-height:1.9}#together{padding:90px 5%}.asks{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin:40px 0 12px}.asks article{border-top:1px solid var(--line);padding-top:22px}.asks span{font-size:11px;color:#788366}.asks h3{font-size:20px;font-weight:500}.asks p{font-size:14px;line-height:1.8;color:#656b60}.footnote{font-size:11px;color:#656b60;margin-top:23px}footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding:30px 5%;font-size:12px}dialog{border:0;border-radius:12px;background:var(--paper);color:var(--ink);width:min(1150px,94vw);max-height:92vh;padding:0}dialog::backdrop{background:#151a16bb;backdrop-filter:blur(5px)}.dialog-top{position:sticky;top:0;z-index:2;background:var(--paper);padding:18px 25px;display:flex;justify-content:space-between;border-bottom:1px solid var(--line);font-size:11px;text-transform:uppercase;letter-spacing:1px}.dialog-top button{background:transparent;border:0;color:inherit}.detail-copy{padding:30px;display:grid;grid-template-columns:1fr 1fr;gap:30px}.detail-copy h2{font-size:45px}.detail-copy p{font-size:14px;line-height:1.8}.status{font-size:11px;padding:10px 12px;background:#e6ebdf;border-radius:4px;display:inline-block}.detail-links{display:flex;gap:18px;flex-wrap:wrap;font-size:13px;margin-top:20px}iframe{display:block;width:100%;height:620px;border:0;background:white}.placeholder{margin:0 30px 30px;padding:35px;background:#e9e7de;border-radius:8px;font-size:14px;line-height:1.8}.evidence{border-top:1px solid var(--line);padding:20px 30px;font-size:12px;line-height:1.8}button:focus-visible,a:focus-visible{outline:3px solid #b07438;outline-offset:4px}@media(max-width:800px){header{height:75px;gap:15px}nav{font-size:11px;gap:15px}.local{display:none}.hero{padding-top:35px;grid-template-columns:1fr}.hero-art{height:350px;margin-top:20px}.intro{font-size:18px}.ribbon{flex-wrap:wrap;gap:18px}.grid{grid-template-columns:1fr 1fr}.section-heading{display:block}.connections{grid-template-columns:1fr}.asks{grid-template-columns:1fr;gap:15px}.detail-copy{grid-template-columns:1fr}.visual{height:220px}iframe{height:65vh}}@media(max-width:500px){nav a:first-child{display:none}.grid{grid-template-columns:1fr}.visual{height:290px}.hero-art{height:360px}.ribbon{font-size:10px}.connections{padding:45px 6%}footer p{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.wordmark{font-size:25px;letter-spacing:-1.4px}
/* Full project stories */
#detail{width:min(1220px,96vw)}.case-hero{display:grid;grid-template-columns:1.1fr 1fr;gap:35px;padding:42px;background:var(--case-color)}.case-hero h2{font-size:56px}.case-hero:has(img){background:#eeeadd}.case-hero img{width:100%;height:280px;object-fit:contain;border-radius:8px;background:#fff9}.case-question{font:25px/1.4 'Instrument Serif',Georgia,serif;max-width:390px}.case-symbol{font:100px Georgia;display:grid;place-items:center}.case-toolbar{display:flex;align-items:center;gap:25px;flex-wrap:wrap;padding:18px 42px;border-bottom:1px solid var(--line);font-size:12px}.case-toolbar a{text-decoration:none}.case-toolbar button{border:0;background:none;padding:0;font:inherit;color:inherit}.case-story{padding:38px 42px;display:grid;grid-template-columns:1fr 1fr;gap:55px;line-height:1.85;font-size:14px}.case-story .eyebrow{margin-bottom:15px}.case-story ul{padding-left:18px;margin:0}.case-story li{margin:0 0 12px}.case-story p{margin-top:0}.case-story .lead{font-size:17px}.play-area{padding:30px 42px;background:#e8ebdf}.play-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.play-heading h3{font:34px 'Instrument Serif',Georgia,serif;margin:0}.play-heading .eyebrow{margin-bottom:8px}.play-heading .button{margin:0;border:0}.try-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;padding-left:20px;font-size:12px;line-height:1.7;margin:24px 0 24px 15px}.demo-ready{height:310px;border-radius:8px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.demo-ready img{height:100%;width:100%;object-fit:contain;opacity:.65}.demo-ready p{position:absolute;background:var(--paper);padding:14px 24px;border-radius:4px;font:20px 'Instrument Serif',Georgia}.live-demo{border-radius:8px;overflow:hidden;box-shadow:0 0 0 1px #bac3b2}.live-demo iframe{height:680px}.muted{font-size:11px;color:#626d59}.next-story{padding-bottom:24px}.next-story a{font-size:12px}.case-evidence{margin:0 42px 30px;padding:18px 0;border-top:1px solid var(--line);font-size:12px;line-height:1.8}.case-evidence summary{cursor:pointer;font-weight:600}.related{padding:28px 42px 40px;background:#eae7dd}.related button{padding:13px 18px;background:var(--paper);border:1px solid var(--line);border-radius:4px;margin:0 10px 10px 0;font-size:13px}@media(max-width:700px){.case-hero{grid-template-columns:1fr;padding:25px}.case-hero h2{font-size:43px}.case-hero img{height:210px}.case-story{grid-template-columns:1fr;padding:25px;gap:20px}.case-toolbar{padding:18px 25px;gap:16px}.play-area{padding:25px 15px}.try-steps{grid-template-columns:1fr;gap:12px}.play-heading{align-items:start}.play-heading h3{font-size:28px}.play-heading button{padding:12px;font-size:11px}.case-evidence{margin:0 25px 25px}.related{padding:25px}.live-demo iframe{height:620px}.case-symbol{display:none}}
.process-story{padding:38px 42px;background:#f0ede3;border-bottom:1px solid var(--line)}.process-story h3{font:36px 'Instrument Serif',Georgia;margin:0 0 28px}.process-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:30px}.process-steps span{font-size:12px;border-top:2px solid #89957d;padding-top:12px;line-height:1.6}.process-steps b{display:block;font-size:10px;color:#78816c;margin-bottom:5px}.process-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;font-size:13px;line-height:1.8}.process-columns h4{font-size:14px;margin:0}.recorded-change{border-left:3px solid #8e9e7f;padding:10px 20px;margin-top:25px;background:#e7e9dd;font-size:15px;line-height:1.8}.recorded-change span{font-size:9px;letter-spacing:1.6px}.recorded-change small{font-size:11px;color:#626b57}.sketch-divider{grid-column:1/-1;border-top:1px solid var(--line);padding-top:35px;margin-top:25px}.sketch-divider h3{font:32px 'Instrument Serif',Georgia;margin:0}.sketch-divider>p:last-child{font-size:13px;color:#656d5e}.hero-art{border-radius:5px}.orbit-label{display:none}@media(max-width:700px){.process-story{padding:25px}.process-columns{grid-template-columns:1fr;gap:15px}.process-steps{grid-template-columns:1fr 1fr}.process-story h3{font-size:30px}}
.toy-thumbnail{position:absolute;inset:0;width:100%;height:100%;border:0;pointer-events:none;opacity:0;transition:opacity .3s}.preview-ready .toy-thumbnail{opacity:1}.preview-ready>img{opacity:0}.card:hover .visual>img{transform:none}.visual{isolation:isolate}.visual .arrow{z-index:2;pointer-events:none}.preview-toggle{display:block;margin:-17px 0 25px auto;border:0;background:none;text-decoration:underline;text-underline-offset:3px;color:#5e6b56;font-size:11px}.label{font-size:8px;gap:10px}.toy-toolbar{padding:12px 22px;display:flex;gap:22px;align-items:center;font-size:12px;background:#f2f0e7}.toy-toolbar span{margin-right:auto;color:#64705e}.toy-toolbar button{background:none;border:0;font:inherit;color:inherit;text-decoration:underline;text-underline-offset:3px}.toy-toolbar a{text-decoration:none}.full-toy iframe{height:calc(90vh - 110px);min-height:450px;width:100%;border:0}#detail:has(.full-toy){width:min(1440px,98vw);max-height:96vh}.full-toy{background:#10130f}@media(max-width:600px){.toy-toolbar{flex-wrap:wrap;gap:12px}.toy-toolbar span{width:100%}.full-toy iframe{height:calc(90vh - 150px);min-height:350px}.label{font-size:9px;flex-direction:column;gap:5px}}@media(prefers-reduced-motion:reduce){.toy-thumbnail{transition:none}}

.card[data-open="places"],.card[data-open="robotics"]{grid-column:1/-1}.card[data-open="places"] .visual{aspect-ratio:auto;height:380px}.card[data-open="robotics"] .visual{aspect-ratio:auto;height:430px}@media(max-width:520px){.card[data-open="places"] .visual{height:360px}.card[data-open="robotics"] .visual{height:330px}}
.voice-feed{cursor:default}.listening-cover{padding:24px;background:#e3e7d9;border-radius:6px;min-height:280px;color:#293b2e}.listening-cover small{font-size:9px;letter-spacing:1px}.listening-cover h3{margin:14px 0 10px;font-size:32px}.listening-cover p{font-size:13px}.feed-languages,.feed-transport{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:18px 0 10px}.voice-feed button,.voice-feed select{font:12px system-ui;border:1px solid #7a897955;background:transparent;border-radius:20px;padding:9px 12px;color:inherit;cursor:pointer}.voice-feed button[aria-pressed=true],#feed-sound{background:#2d4434;color:#fff}.feed-transport label{font:11px system-ui}.feed-seek-label{display:block;font-size:10px;margin-top:18px}.feed-seek-label input{display:block;width:100%;accent-color:#2d4434;margin:10px 0}.feed-time{display:flex;justify-content:space-between;gap:10px;font:10px system-ui}.voice-feed .feed-credit{font-size:11px;margin:12px 0}.voice-feed .feed-open{border-radius:0;border:0;border-bottom:1px solid;padding:8px 0}.voice-feed button:focus-visible,.voice-feed input:focus-visible{outline:3px solid #aa803f;outline-offset:3px}
.karakuri-view{border:0;padding:0;width:100%;display:block;background:none;cursor:pointer}.karakuri-feed .visual{height:330px;aspect-ratio:auto}.assembly-controls{display:flex;align-items:center;gap:12px;margin:12px 0 18px}.assembly-controls button{border:1px solid #5e705e;border-radius:20px;background:transparent;padding:9px 14px;font:12px system-ui;cursor:pointer;color:inherit}.assembly-controls button[aria-pressed=true]{background:#2d4434;color:white}.assembly-controls span{font:11px system-ui}.karakuri-feed{cursor:default}