@font-face{font-family:Local;src:local("Helvetica Neue");font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{margin:0;background:#f4f1e9;color:#242822;font-family:Local,Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:3px solid #ab431e;outline-offset:5px}button{cursor:pointer}a:hover{color:#9b3d20}.skip{position:fixed;left:20px;top:-80px;z-index:10;padding:14px;background:#fff}.skip:focus{top:16px}.site-header{max-width:1440px;padding:30px 6%;margin:auto;display:flex;justify-content:space-between;align-items:center}.wordmark{display:flex;align-items:center;font-size:25px;letter-spacing:-1px;font-weight:700}.wordmark img{image-rendering:pixelated;margin-right:12px}.dot{color:#b04727}nav{display:flex;gap:30px;font-size:14px}main{max-width:1440px;margin:auto;padding:0 6%}.hero{display:grid;grid-template-columns:.94fr 1.06fr;gap:40px;align-items:center;padding:55px 0 85px}.eyebrow{font-family:monospace;font-size:10px;letter-spacing:1.4px;line-height:1.6;font-weight:500}.intro h1{font-size:clamp(46px,5.7vw,80px);line-height:1.025;letter-spacing:-4px;font-weight:500;margin:26px 0}.intro h1 em{font-family:Georgia,serif;color:#a6482a;font-weight:400;letter-spacing:-3px}.lede{font-size:18px;line-height:1.6;max-width:410px;color:#565b53;margin-bottom:28px}.text-link{display:inline-flex;align-items:center;gap:20px;border-bottom:1px solid #a0a399;padding:8px 0;font-size:14px}.text-link span{font-size:18px}.room-wrap{min-width:0}.room{position:relative;aspect-ratio:1.23;background:#e2e7dd;border-radius:50% 50% 6px 6px;overflow:hidden}.room-label{position:absolute;top:28px;left:50%;transform:translateX(-50%);white-space:nowrap;z-index:2;font-family:monospace;font-size:10px;letter-spacing:1.3px;display:flex;align-items:center;gap:8px}.tiny-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#68835d}.room-fallback{width:100%;height:100%;object-fit:contain}.room.ready .room-fallback{visibility:hidden}#scene{position:absolute;inset:0}#scene canvas{display:block;width:100%;height:100%;cursor:pointer}.start-scene{position:absolute;bottom:22px;left:50%;transform:translateX(-50%);white-space:nowrap;border:1px solid #687462;background:#f4f1e9e8;padding:12px 18px;border-radius:40px;font-size:13px}.start-scene:hover{background:#fff}.motion{position:absolute;right:18px;bottom:18px;background:#f4f1e9df;border:1px solid #7f897b;border-radius:20px;font-size:11px;padding:8px 12px}.room-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:17px}.room-bottom p{font-size:12px;color:#555f51;line-height:1.5;max-width:190px;margin:0}.toy-controls{display:flex;gap:5px}.toy-controls button{font-size:11px;border:1px solid #b5bdae;background:transparent;border-radius:30px;padding:8px 10px}.toy-controls button:hover,.toy-controls button[aria-pressed=true]{background:#34432e;color:#fff;border-color:#34432e}.toy-controls button:disabled{opacity:.45;cursor:default}.room-hint{font-size:10px;color:#687363;text-align:right;margin-top:12px}.section-heading{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #b8bcb2;padding:25px 0 35px}.section-heading h2{font-size:16px;font-weight:500;margin:0}.section-heading span{font-size:10px;font-family:monospace;color:#67705e}.project{display:grid;grid-template-columns:1.2fr 1fr;gap:8%;align-items:center;padding:0 0 65px}.project-art{position:relative;aspect-ratio:1.55;border-radius:3px;overflow:hidden;display:flex;align-items:center;justify-content:center}.project-art img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.photo-cover:hover img{transform:scale(1.03)}.art-tag{position:absolute;bottom:20px;left:22px;font-family:monospace;font-size:9px;letter-spacing:1.5px;color:#fff;background:#20271abb;padding:8px 11px;border-radius:2px}.project-copy h3{font-size:clamp(28px,3vw,38px);font-weight:500;line-height:1.1;letter-spacing:-1.4px;margin:20px 0}.project-copy h3 a{display:block}.project-copy h3 span{font-size:22px;font-weight:400;vertical-align:top;margin-left:10px}.project-copy>p:not(.eyebrow){font-size:15px;line-height:1.7;color:#565d51;max-width:390px}.project-copy p.project-note{font-size:11px;color:#6b7464}.project-copy .text-link{margin-top:10px}.photo-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:-25px 0 75px}.photo-strip button{padding:0;border:0;background:transparent;text-align:left;min-width:0}.photo-strip img{width:100%;aspect-ratio:1.4;object-fit:cover;height:auto;border-radius:2px;display:block}.photo-strip button>span{display:flex;justify-content:space-between;font-size:11px;margin-top:12px}.monitor-art{background:#a6b7b1;padding:30px}.monitor{width:90%;background:#152a2a;border-radius:10px;padding:20px;box-shadow:0 16px 30px #18362f30;transform:rotate(-3deg);border:7px solid #29443f}.monitor-top,.monitor-foot{display:flex;justify-content:space-between;color:#c2d5c2;font:8px monospace;letter-spacing:1px}.monitor-top span:last-child{font-size:6px}.monitor svg{display:block;margin:10px 0;width:100%}.monitor svg path{fill:none;stroke-width:2;stroke:#abd097}.monitor svg .resp{stroke:#ccba6c}.monitor-foot{font-size:5px}.minecraft-art{background:#b9ccde}.block-land{position:relative;width:90%;height:80%;transform:rotate(-6deg)}.block{position:absolute;width:22%;height:30%;background:repeating-linear-gradient(90deg,#6c874b 0 16px,#799557 16px 32px);box-shadow:inset 0 -55px #846b4e;border-top:10px solid #88a763;transform:skewY(-12deg)}.b1{left:18%;bottom:15%}.b2{left:40%;bottom:22%;height:39%}.b3{left:62%;bottom:29%;height:30%}.b4{left:7%;bottom:6%;width:15%;height:20%}.tree{position:absolute}.trunk{width:5%;height:30%;background:#6d5344;bottom:57%;left:55%}.leaves{width:24%;height:30%;background:#426e53;bottom:74%;left:45%;box-shadow:14px 11px #315440,-10px -7px #5f8560}.cloud{position:absolute;background:#e9efe6;box-shadow:15px 7px #e9efe6,-15px 7px #e9efe6;width:50px;height:20px;left:15%;top:15%}.c2{left:80%;top:30%;width:30px}.focus-art{background:#d7cfe0}.focus-window{width:65%;height:80%;border-radius:140px 140px 12px 12px;background:#f0e9f0;display:flex;align-items:center;flex-direction:column;justify-content:center;position:relative}.focus-window>img{width:85px;height:85px;image-rendering:pixelated;position:relative;object-fit:contain}.focus-title{font-family:Georgia,serif;font-size:15px;margin-bottom:16px;z-index:1;color:#68576f}.focus-time{font-size:24px;letter-spacing:-1px;margin-top:8px;color:#635267}.focus-small{font:6px monospace;letter-spacing:1.5px;margin-top:8px}.focus-orbit{position:absolute;width:130px;height:130px;border:1px solid #c9bbd2;border-radius:50%;top:28%}.coming{display:flex;align-items:center;gap:8px}.about{display:grid;grid-template-columns:1.2fr 1fr;gap:8%;border-top:1px solid #b8bcb2;padding:60px 0 70px}.about>.eyebrow{margin-top:12px}.about h2{font-size:44px;font-weight:500;letter-spacing:-1.8px;line-height:1.1;margin:0 0 25px}.about p:not(.eyebrow){font-size:15px;line-height:1.7;color:#565d51;max-width:450px}.dashboard{padding:40px;background:#e5e7dd;display:flex;justify-content:space-between;align-items:center;gap:25px;border-radius:3px}.dashboard h2{font-weight:500;font-size:28px;letter-spacing:-1px;margin:12px 0}.dashboard p:not(.eyebrow){font-size:13px;color:#565d51;margin-bottom:0}.dashboard .text-link{white-space:nowrap}footer{max-width:1440px;margin:0 auto;padding:45px 6%;display:flex;justify-content:space-between;font-size:10px;gap:20px;color:#5a6253}.footer-separator{margin:0 10px;color:#aaa}dialog{border:0;padding:20px;background:#f4f1e9;max-width:90vw;max-height:90vh;border-radius:4px}dialog::backdrop{background:#131b15df}dialog img{max-width:80vw;max-height:70vh;display:block;object-fit:contain}dialog p{font-size:13px}dialog button{display:block;margin:0 0 14px auto;border:0;background:transparent;padding:8px}body:has(dialog[open]){overflow:hidden}
@media(min-width:1450px){.intro h1{font-size:80px}}@media(max-width:1000px){.hero{gap:25px}.intro h1{letter-spacing:-2.5px}.lede{font-size:16px}.room-bottom{align-items:flex-start;flex-direction:column}.room-bottom p{max-width:100%}.room-hint{text-align:left}.project{gap:6%}.project-copy h3{font-size:30px}.focus-title{font-size:12px}.focus-window>img{width:60px;height:60px}.focus-orbit{width:105px;height:105px}.focus-time{font-size:20px}footer>span:nth-child(2){display:none}}@media(max-width:700px){.site-header{padding:22px 6%}.wordmark{font-size:21px}.wordmark img{width:25px;height:25px;margin-right:7px}nav{gap:15px;font-size:12px}.hero{grid-template-columns:1fr;padding:32px 0 48px;gap:32px}.intro h1{font-size:58px;letter-spacing:-3px;margin:20px 0}.lede{font-size:16px;max-width:420px}.room{max-width:500px;margin:auto}.room-bottom{flex-direction:row;align-items:center}.room-bottom p{max-width:140px}.toy-controls{gap:4px}.toy-controls button{font-size:10px;padding:8px}.room-hint{text-align:right;font-size:9px}.project{grid-template-columns:1fr;gap:20px;padding-bottom:48px}.project-copy h3{font-size:32px;margin:12px 0}.project-copy>p:not(.eyebrow){font-size:14px;max-width:100%}.project-copy .text-link{margin-top:0}.photo-strip{gap:10px;margin:-15px 0 48px}.photo-strip button>span{font-size:9px}.photo-strip img{aspect-ratio:.8}.monitor-art{padding:25px}.monitor{width:88%}.focus-title{font-size:15px}.focus-window>img{width:85px;height:85px}.focus-orbit{width:130px;height:130px}.focus-time{font-size:24px}.about{grid-template-columns:1fr;gap:20px;padding:35px 0 40px}.about h2{font-size:36px}.dashboard{padding:26px;align-items:flex-start;flex-direction:column}.dashboard .text-link{white-space:normal}footer{padding-top:30px;line-height:1.5}.room-label{top:23px;font-size:9px}}@media(max-width:370px){nav{gap:10px;font-size:11px}.wordmark{font-size:18px}.wordmark img{width:23px;height:23px}.intro h1{font-size:49px}.room-bottom{flex-direction:column;align-items:flex-start}.room-bottom p{max-width:100%}.room-hint{text-align:left}.photo-strip button>span{font-size:8px}.focus-title{font-size:13px}.focus-window>img{width:60px;height:60px}.focus-orbit{width:100px;height:100px}.focus-time{font-size:20px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

@media(max-width:700px){.toy-controls button,.motion,.start-scene{min-height:44px}.motion{padding:10px 14px}nav a{padding:10px 0}}