:root{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;color:#1a1a17;background:#e6e3dc;font-synthesis:none;--orange:#e64d12;--mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 50% 0%,#f6f4ef 0,#e8e5de 48%,#d2cfc6 100%);min-height:100svh;padding:34px 4.6vw 22px}button{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}button:focus-visible{outline:3px solid #d74d16;outline-offset:5px}button,section{min-width:0}h1,h2,p{margin:0}h2{font-size:24px;letter-spacing:-1px;line-height:1.1}.masthead,.footer{max-width:1440px;margin:auto;display:flex;align-items:center;justify-content:space-between;font:10px/1.5 var(--mono);letter-spacing:2px;color:#797970}.masthead{margin-bottom:24px}.masthead span:last-child{display:flex;gap:22px;align-items:center}.masthead i{display:block;width:28px;border-top:1px solid #8e8a7e}.chassis{max-width:1440px;margin:auto;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:7px;padding:16px;background:linear-gradient(135deg,#efede5,#c7c3b7 35%,#e1ded3 70%,#b0ac9e);border:1px solid #b1ada2;border-radius:32px;box-shadow:inset 0 2px 2px #fff,inset 0 -3px 3px #7e7b70,0 4px 2px #8f8b7f,0 24px 25px -10px #5c584967,0 60px 65px -30px #514e3f55;position:relative}.module{position:relative;text-align:left;isolation:isolate;padding:28px 28px 30px;overflow:hidden;border:1px solid #888578;border-radius:15px;background:linear-gradient(125deg,#eae8df,#d7d4c9 75%,#dfdcd1);box-shadow:inset 0 2px 1px #ffffffef,inset 2px 0 2px #ffffffe0,inset -2px -2px 2px #9a978a,0 2px 2px #656154,0 0 0 2px #f5f2e5c0;transition:box-shadow .16s,transform .16s}.module::before{content:"";position:absolute;inset:0;opacity:.2;pointer-events:none;z-index:-1;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 140 140' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath filter='url(%23n)' opacity='.42' d='M0 0H140V140H0z'/%3E%3C/svg%3E");mix-blend-mode:multiply}.screw{position:absolute;width:11px;height:11px;border:1px solid #e9e6db;border-radius:50%;background:radial-gradient(circle at 40% 30%,#aba797,#6a675a 65%,#b8b3a5 72%);box-shadow:0 1px 1px #ffffffbf,inset 0 1px 2px #35342880;z-index:4;pointer-events:none}.screw::after{content:"";width:5px;height:1px;background:#39382f;position:absolute;top:4px;left:2px;transform:rotate(-35deg);box-shadow:0 1px #d7d2bf}.screw.tl{top:9px;left:10px}.screw.tr{top:9px;right:10px}.screw.bl{bottom:10px;left:10px}.screw.br{bottom:10px;right:10px}.module-title{font-size:28px;line-height:1.1;font-weight:650;letter-spacing:-1.2px;position:relative;z-index:2}.module-title span,h2 span{font-size:25px;font-weight:400;margin-left:13px}.module p{font-size:15px;line-height:1.45;color:#4a4b43;margin-top:13px}.module-foot{position:absolute;bottom:23px;left:28px;right:28px;display:flex;align-items:center;gap:14px}.module-foot small{font:10px var(--mono)}.module-foot i{height:1px;background:#7f7c6b;width:36px}.three-lines{font-size:24px;color:var(--orange);font-weight:400;line-height:1;margin-left:auto;letter-spacing:-2px}.identity{grid-column:span 6;min-height:275px;padding:31px 33px}.identity h1{font-size:clamp(48px,5.8vw,94px);line-height:.96;letter-spacing:-6px;font-weight:850;white-space:nowrap}.identity h1 span{color:var(--orange);letter-spacing:-2px}.full-name{font-size:32px!important;line-height:1.1!important;letter-spacing:-1.2px;color:#21211d!important;margin-top:9px!important}.manifesto{color:#77796e!important;font-size:20px!important;margin-top:24px!important;letter-spacing:-.4px;max-width:87%}.phone-break{display:none}.identity-mark{position:absolute;right:30px;top:34px;width:35px;height:41px;border:1px solid #a6a292;border-radius:3px;display:grid;place-items:center;font-size:25px;color:#55574c;box-shadow:inset 0 1px #fff,0 1px #f2eee1}.speaker{position:absolute;width:66px;height:66px;right:37px;bottom:48px;background:radial-gradient(circle,#35372e 1.1px,transparent 1.5px) 0 0/6px 6px;clip-path:circle(49%)}.power-slot{position:absolute;bottom:26px;left:35px;width:85px;height:11px;box-shadow:inset 0 2px 3px #716e5b,0 1px 1px white;border:1px solid #a39e8b;border-radius:5px;background:#c8c4b6;padding:2px}.power-slot b{display:block;width:49px;height:4px;background:var(--orange);border-radius:2px;box-shadow:0 0 4px #e65b2960,inset 0 1px #ffb686}.engraving{font:8px var(--mono);letter-spacing:1px;color:#8a887a}.identity-serial{position:absolute;bottom:26px;left:140px}.story{grid-column:span 3;min-height:275px}.story p{max-width:47%;font-size:14px}.mountain{position:absolute;right:3%;bottom:28px;height:200px;width:53%;opacity:.85;mask-image:linear-gradient(180deg,transparent,#000 25%,#000 85%,transparent)}.archive{grid-column:span 3;min-height:275px;padding-top:24px}.dial-labels{position:absolute;top:23px;left:22px;right:20px;height:142px;font:10px var(--mono);color:#55574d}.dial-labels span{position:absolute}.dial-labels span:nth-child(1){left:0;top:86px}.dial-labels span:nth-child(2){left:12%;top:0}.dial-labels span:nth-child(3){right:10%;top:0}.dial-labels span:nth-child(4){right:0;top:86px;font-weight:bold;color:#292a23}.dial-labels span.selected::before{content:"";width:5px;height:5px;background:var(--orange);border-radius:50%;position:absolute;left:-10px;top:3px;box-shadow:0 0 6px #e9552760}.dial-well{position:relative;width:153px;height:153px;margin:18px auto 0;border-radius:50%;padding:8px;background:repeating-conic-gradient(from -120deg,#5a5b50 0deg 1deg,transparent 1deg 12deg),radial-gradient(circle,#c8c4b6 0 63%,#e3dfd2 64%);box-shadow:inset 0 2px 3px #7e7a69,0 1px 1px white}.dial{touch-action:none;display:block;width:100%;height:100%;padding:0;border-radius:50%;border:1px solid #706f63;position:relative;background:linear-gradient(#ccc9ba,#77776b);box-shadow:0 5px 3px #55534590,0 8px 9px #55534555,inset 0 2px 1px #fff;transform:rotate(var(--turn,120deg));transition:transform .22s cubic-bezier(.2,.8,.2,1)}.dial-grip{position:absolute;inset:5px;border-radius:50%;background:repeating-conic-gradient(from 0deg,#aaa99f50 0 .4deg,#eeeae03a .4deg .8deg),conic-gradient(from 15deg,#a09e90,#e5e2d7 17%,#99988d 28%,#d0cdc1 45%,#77786e 59%,#d7d5ca 75%,#96968a 87%,#e0dcd0);box-shadow:inset 0 0 0 1px #d9d5c8,inset 0 1px 2px #fff}.dial-pointer{position:absolute;top:8px;left:calc(50% - 2px);height:17px;width:3px;border-radius:2px;background:#4d4f45;box-shadow:1px 0 #eee8d3}.archive-caption{margin-top:22px}.archive-caption h2 span{float:right;margin:0}.archive-caption p{font-size:12px;margin-top:7px}.project{grid-column:span 4;min-height:226px}.project .module-title{font-size:27px}.project p{font-size:14px}.motor{position:absolute;right:12px;bottom:35px;width:58%;height:155px;opacity:.85}.white-carbon p{max-width:50%}.house-art{position:absolute;right:0;bottom:30px;width:64%;height:150px;opacity:.75}.zo-house p{max-width:55%}.passport-book{position:absolute;right:42px;top:25px;width:116px;height:159px;border:1px solid #242620;border-radius:7px;background:linear-gradient(110deg,#33362f,#151813 65%,#2c2e27);box-shadow:inset 0 0 0 2px #45483c,inset 0 2px #747668,0 7px 8px #4f4d3d80,4px 2px 0 #a9a898}.passport-book::after{content:"";position:absolute;inset:3px;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.65' numOctaves='3'/%3E%3C/filter%3E%3Cpath filter='url(%23n)' opacity='.12' d='M0 0H100V100H0z'/%3E%3C/svg%3E");border-radius:4px}.book-spine{position:absolute;left:9px;width:1px;top:1px;bottom:2px;background:#67695b55;box-shadow:2px 0 #080b0866}.passport-book svg{position:absolute;top:24px;left:27px;width:63px;height:63px}.passport-book span{position:absolute;bottom:31px;left:0;right:0;text-align:center;font:8px var(--mono);letter-spacing:2px;color:#b8b8a6}.passport-book i{position:absolute;bottom:18px;left:52px;width:10px;height:2px;background:var(--orange)}.passport p{max-width:50%}.experiments{grid-column:span 5;min-height:239px;display:flex;gap:22px;padding-right:27px}.module-copy{width:40%;flex-shrink:0}.experiments .module-title{font-size:25px}.experiments .module-title span{font-size:22px;margin-left:3px}.experiments p{font-size:14px}.screen{background:linear-gradient(145deg,#151813,#080b08);border:2px solid #171a13;border-radius:11px;box-shadow:0 1px 1px #fff,inset 0 0 0 1px #373b2f,inset 0 2px 4px #000,0 0 0 2px #858172;position:relative;overflow:hidden}.screen::after{content:"";position:absolute;inset:0;background:linear-gradient(130deg,#ffffff06,transparent 40%);pointer-events:none}.experiment-screen{flex:1;height:179px;margin-top:-4px}.experiment-screen svg{height:146px;width:100%;padding:4px}.hot-cube{filter:drop-shadow(0 0 6px #f65a11);animation:glow 4s ease-in-out infinite}.screen-label{position:absolute;bottom:14px;left:15px;right:15px;font:6px var(--mono);letter-spacing:.8px;color:#8f9686;display:flex;justify-content:space-between;align-items:center}.screen-label i{width:3px;height:3px;background:var(--orange);border-radius:50%;box-shadow:0 0 5px var(--orange)}.experiments>.three-lines{position:absolute;bottom:22px;right:25px}.journal{grid-column:span 4;min-height:239px;padding-right:29px}.journal-heading{width:35%;position:absolute;left:27px;top:29px}.journal-heading h2{font-size:25px}.journal-heading h2 span{margin-left:4px}.journal-heading p{font-size:13px}.journal-screen{height:103px;width:61%;margin-left:auto}.lcd-header{position:absolute;top:13px;left:14px;right:13px;display:flex;justify-content:space-between;font:7px var(--mono);letter-spacing:.4px;color:#bdc1b4}.rec-light{display:inline-block;width:5px;height:5px;background:var(--orange);border-radius:50%;margin-right:5px}.wave{position:absolute;left:15px;right:15px;bottom:20px;height:35px;display:flex;align-items:center;justify-content:space-between;gap:2px}.wave b{display:block;width:1px;flex:1;background:#bcbfb2;max-width:2px;transform:scaleY(var(--scale,1));transition:transform .2s}.playing .wave b{animation:wave 650ms ease-in-out infinite;animation-delay:var(--delay)}.transport{display:flex;justify-content:space-between;margin-top:18px;gap:12px;max-width:290px}.tactile{position:relative;min-width:45px;min-height:45px;width:49px;height:49px;display:grid;place-items:center;padding:0;border:1px solid #8b8a79;border-radius:50%;background:linear-gradient(130deg,#eae6d9,#d7d2c0);box-shadow:inset 0 2px 1px #fff,0 2px 1px #787763,0 4px 5px #87816b40;color:#363a2d;font-size:16px;transition:transform .1s,box-shadow .1s}.tactile.record{border-radius:8px;background:repeating-linear-gradient(0deg,#bdb9a980 0 1px,transparent 1px 2px),linear-gradient(120deg,#eee9dc,#b9b5a4)}.record i{width:15px;height:15px;background:var(--orange);box-shadow:inset 0 1px 2px #9e3108,0 1px #fff1bd;border-radius:50%}.journal-vents{position:absolute;right:15px;bottom:35px;width:10px;height:59px;background:radial-gradient(circle,#515446 1px,transparent 1.5px) 0 0/4px 5px}.contact{grid-column:span 3;min-height:239px}.contact h2{font-size:24px;white-space:nowrap}.contact h2 span{font-size:21px;margin-left:6px}.contact p{font-size:14px;margin-top:11px}.contact-key{position:absolute;right:29px;bottom:35px;left:29px;height:91px;border:3px solid #33352a;border-radius:14px;padding:8px;background:linear-gradient(145deg,#4c3a24,#1c2117);box-shadow:0 1px 1px #fff,inset 0 3px 5px #080e07,0 0 0 1px #817e6b}.keycap{height:100%;display:grid;place-items:center;background:linear-gradient(140deg,#f66322,#e84d12 55%,#bf370b);border:1px solid #a02b06;border-radius:9px;box-shadow:inset 0 2px 1px #ffbd7e,inset -4px -5px 4px #a02e0966,inset 4px 1px 4px #ff833d,0 5px 1px #8e2e0b,0 7px 7px #070a0699;transform:translateY(-3px);transition:transform .1s,box-shadow .1s;color:#6f260a}.keycap svg{width:36px;height:31px;filter:drop-shadow(0 1px #ff9d4c)}.contact .module-foot{bottom:17px}.pressable:active,.pressable.pressed{transform:translateY(1px);box-shadow:inset 0 2px 4px #8b8773,0 0 0 2px #ece7d9}.tactile:active,.tactile.pressed{transform:translateY(2px);box-shadow:inset 0 2px 2px #aca48d,0 1px 1px #77705d}.contact-key:active .keycap{transform:translateY(2px);box-shadow:inset 0 2px 1px #ffbd7e,inset -2px -3px 4px #a02e0966,0 1px 1px #8e2e0b}.footer{margin-top:27px;font-size:8px;letter-spacing:1.4px;padding:0 8px}@keyframes glow{50%{filter:drop-shadow(0 0 10px #fa631b)}}@keyframes wave{50%{transform:scaleY(.35)}}
@media(min-width:1600px){body{padding-top:50px}.masthead{margin-bottom:30px}.module{min-height:260px}.identity,.story,.archive{min-height:300px}.identity h1{font-size:94px}}
@media(max-width:1180px) and (min-width:701px){body{padding-left:24px;padding-right:24px}.module{padding:25px 22px}.identity h1{font-size:6vw;letter-spacing:-4px}.identity-mark{display:none}.full-name{font-size:25px!important}.manifesto{font-size:17px!important}.identity-serial{display:none}.speaker{width:48px;height:48px;right:25px}.module-title,.project .module-title{font-size:23px}.module p{font-size:12px}.passport-book{width:88px;height:140px;right:25px;top:50px}.passport-book svg{left:15px;width:58px}.passport-book i{left:40px}.experiments{gap:10px}.module-copy{width:46%}.experiments .module-title{font-size:21px}.experiments .module-title span{display:none}.journal-heading{left:22px}.journal-heading h2{font-size:22px}.journal-heading h2 span{display:none}.transport{gap:7px}.tactile{min-width:39px;min-height:42px;width:42px;height:42px}.contact h2{font-size:20px}.contact h2 span{display:none}.dial-well{width:131px;height:131px}.dial-labels{top:32px;font-size:8px}.archive-caption{margin-top:24px}.identity,.story,.archive{min-height:260px}}
@media(max-width:700px){body{padding:22px 12px 24px}.masthead{font-size:8px;letter-spacing:1.2px;margin:0 8px 17px}.masthead span:last-child{gap:9px;font-size:7px}.masthead i{width:14px}.chassis{grid-template-columns:repeat(6,minmax(0,1fr));gap:7px;padding:10px;border-radius:24px;box-shadow:inset 0 2px #fff,inset 0 -2px 2px #8c887b,0 3px 1px #999484,0 18px 24px -10px #5b564d60}.module{border-radius:12px;padding:25px 20px 29px}.module-title,.project .module-title{font-size:23px;letter-spacing:-.8px}.module-title span{font-size:21px;margin-left:5px}.module p{font-size:12px;line-height:1.5;margin-top:10px}.identity{grid-column:span 6;min-height:232px;padding:33px 24px}.identity h1{font-size:clamp(42px,11.8vw,75px);letter-spacing:-3px}.identity-mark{top:34px;right:23px;width:25px;height:31px;font-size:19px}.full-name{font-size:24px!important;margin-top:9px!important;letter-spacing:-.9px}.manifesto{font-size:15px!important;margin-top:22px!important;max-width:75%;line-height:1.4!important}.phone-break{display:block}.speaker{width:49px;height:49px;right:25px;bottom:42px;background-size:5px 5px}.power-slot{left:25px;bottom:24px;width:71px;height:10px}.power-slot b{width:40px;height:3px}.identity-serial{font-size:6px;left:111px;bottom:25px;letter-spacing:.8px}.story{grid-column:span 3;min-height:239px}.story .module-title{font-size:23px}.story p{max-width:80%;font-size:12px}.mountain{width:85%;height:125px;right:1px;bottom:25px;opacity:.6}.story .module-title span{float:right;margin:0}.story .module-foot{bottom:20px}.archive{grid-column:span 3;min-height:239px;padding:20px 18px}.dial-well{width:112px;height:112px;margin:25px auto 0;padding:7px}.dial-labels{top:23px;left:13px;right:13px;height:125px;font-size:7px}.dial-labels span:nth-child(1),.dial-labels span:nth-child(4){top:73px}.dial-labels span:nth-child(2){left:13%;top:0}.dial-labels span:nth-child(3){right:10%;top:0}.dial-labels span.selected::before{left:-6px;top:2px;width:3px;height:3px}.dial-pointer{height:13px}.archive-caption{margin-top:20px}.archive-caption h2{font-size:23px}.archive-caption h2 span{font-size:20px}.archive-caption p{font-size:10px;line-height:1.4;margin-top:7px}.white-carbon{grid-column:span 6;min-height:211px}.motor{width:62%;height:150px;bottom:28px;right:3px}.white-carbon p{max-width:45%}.zo-house,.passport{grid-column:span 3;min-height:253px}.zo-house .module-title,.passport .module-title{font-size:23px;white-space:nowrap}.zo-house .module-title span,.passport .module-title span{display:none}.zo-house p,.passport p{max-width:100%;font-size:11px}.house-art{width:115%;height:143px;bottom:24px;right:-16px}.passport-book{height:107px;width:78px;right:calc(50% - 40px);top:113px;border-radius:5px}.passport-book svg{width:44px;height:44px;top:17px;left:18px}.passport-book span{font-size:5px;letter-spacing:1.3px;bottom:24px}.passport-book i{left:35px;bottom:14px;width:8px}.book-spine{left:6px}.module-foot{left:21px;right:21px;bottom:20px}.module-foot small{font-size:8px}.module-foot i{width:25px}.three-lines{font-size:19px}.experiments{grid-column:span 6;min-height:210px;gap:14px;padding:25px 21px}.module-copy{width:41%}.experiments .module-title{font-size:22px}.experiments .module-title span{display:none}.experiments p{font-size:12px}.experiment-screen{height:158px;margin-top:0}.experiment-screen svg{height:131px}.screen-label{font-size:4.7px;letter-spacing:.3px;left:9px;right:9px;bottom:12px}.experiments>.three-lines{bottom:14px;right:19px}.journal{grid-column:span 6;min-height:213px;padding:25px 24px}.journal-heading{left:23px;top:29px;width:33%}.journal-heading h2{font-size:24px}.journal-heading p{font-size:12px}.journal-screen{width:61%;height:100px}.transport{margin-top:18px;max-width:278px;margin-right:18px}.tactile{min-width:45px;min-height:45px;width:47px;height:47px}.journal-vents{right:16px;bottom:31px}.journal .module-foot{display:none}.contact{grid-column:span 6;min-height:148px;padding:25px 23px}.contact h2{font-size:25px}.contact p{font-size:12px;max-width:55%;margin-top:10px}.contact-key{left:auto;right:25px;top:27px;bottom:auto;width:119px;height:91px;border-radius:13px}.contact h2 span{display:none}.contact .module-foot{display:none}.footer{margin:23px 5px 0;font-size:6px;letter-spacing:.8px;gap:20px}.footer span:last-child{text-align:right}}
@media(max-width:355px){.identity h1{font-size:39px}.identity-mark{right:17px}.dial-well{width:99px;height:99px}.dial-labels{font-size:6px;left:10px;right:10px}.module-title,.project .module-title{font-size:21px}.identity-serial{display:none}.archive-caption h2{font-size:21px}.contact-key{width:102px;right:21px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Keep the physical panel's text anchored, rather than button-UA centering. */
button.module{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start}.module{background:linear-gradient(125deg,#efede5,#dfdcd1 75%,#e5e2d7)}.module::before{opacity:.13}button.experiments{flex-direction:row}.experiments .module-title{font-size:23px;white-space:nowrap}.experiments .module-title span{font-size:18px;margin-left:4px}.dial-grip{background:radial-gradient(circle,transparent 62%,#51564a44 100%),conic-gradient(from 15deg,#92958a,#e3e1d5 17%,#969b8c 28%,#d6d3c6 45%,#72796a 59%,#dad8ca 75%,#969c8d 87%,#d0d0c0)}
@media(max-width:700px){.experiments .module-title{font-size:20px}.experiments .module-copy{width:43%}.journal-heading h2 span{display:none}.dial-labels{left:5px;right:5px}}

/* Passport lives within Experiments; rebalance the project row. */
.white-carbon,.zo-house{grid-column:span 6}.experiment-project{display:block;width:fit-content;margin-top:14px;padding:5px 9px;border:1px solid #aaa596;border-radius:4px;font:10px var(--mono);color:#45483b;box-shadow:inset 0 1px #fff9;background:#d5d2c5}.experiments{min-height:255px}
@media(max-width:700px){.zo-house{min-height:211px}.zo-house p{max-width:45%}.house-art{width:62%;height:150px;bottom:28px;right:3px}.experiments{min-height:230px}.experiment-project{font-size:9px;margin-top:12px}}