@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--dark:#121a14;--paper:#f2f1e8;--green:#c0f763;--muted:#b8beb3}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--dark);font-family:'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}button,a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,summary:focus-visible{outline:3px solid #678d2d;outline-offset:6px}.skip{position:absolute;top:-80px;background:var(--green);padding:15px;z-index:5}.skip:focus{top:10px}header{padding:27px 5.5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d4d6c9}.brand{font-family:'Space Grotesk',sans-serif;font-weight:700;letter-spacing:-1.5px;font-size:25px;display:flex;align-items:center;gap:12px}.brand-dot{font-size:11px;align-self:flex-start;margin-top:6px;margin-left:-8px}.mark{background:var(--dark);color:var(--paper);width:35px;height:35px;border-radius:6px;display:grid;place-items:center;position:relative}.mark span{position:absolute;right:2px;bottom:-5px;color:var(--green);font-size:26px}nav{display:flex;align-items:center;gap:35px;font-size:13px;font-weight:600}.nav-cta{border:1px solid #b3b8aa;border-radius:5px;padding:11px 17px}.nav-cta span{margin-left:25px}.hero{padding:78px 5.5% 70px;display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center}.eyebrow{font-family:monospace;font-size:11px;letter-spacing:1.2px;display:flex;align-items:center;gap:9px}.dot{width:7px;height:7px;border-radius:50%;background:#77a93b;display:inline-block}.hero h1{font-family:'Space Grotesk',sans-serif;font-size:clamp(64px,7.4vw,112px);letter-spacing:-7px;line-height:.99;margin:31px 0 24px;font-weight:600}em{font-style:normal;color:#557936}.intro{font-size:17px;line-height:1.7;max-width:390px;color:#62695c}.button{background:var(--dark);color:var(--paper);display:inline-flex;align-items:center;justify-content:space-between;gap:36px;padding:17px 23px;border-radius:4px;font-size:13px;font-weight:600;margin-top:16px;transition:background .2s}.button:hover{background:#344d25}.hero-note{font:10px monospace;letter-spacing:1px;margin:32px 0 0;color:#707a64}.board{aspect-ratio:1.04;position:relative;overflow:hidden;border-radius:12px;background-color:#1c2b20;background-image:radial-gradient(#476043 1px,transparent 1px);background-size:20px 20px;color:#c1d7b3;box-shadow:14px 15px 0 #e0e3d6;border:1px solid #3b4e36;transform:rotate(-2deg)}.board-top,.board-bottom{position:absolute;left:24px;right:24px;display:flex;justify-content:space-between;font:9px monospace;letter-spacing:1px;z-index:2}.board-top{top:24px}.board-bottom{bottom:24px;font-size:8px}.board-bottom i{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--green);margin-right:6px}.chip{position:absolute;left:33%;top:32%;width:34%;height:35%;background:#152017;outline:8px solid #405039;border:1px solid #81956a;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 0 65px #b9f36524;z-index:2}.chip:before,.chip:after{content:'';position:absolute;left:-18px;right:-18px;height:6px;background:repeating-linear-gradient(90deg,#b0c681 0 5px,transparent 5px 14px)}.chip:before{top:-14px}.chip:after{bottom:-14px}.chip span{font-family:'Space Grotesk',sans-serif;letter-spacing:3px;font-size:21px;color:var(--paper)}.chip strong{font:700 43px 'Space Grotesk',sans-serif;letter-spacing:-3px;color:var(--green)}.chip small{font:7px monospace;letter-spacing:1px;margin-top:14px}.node{position:absolute;background:#213624;border:1px solid #627a50;padding:13px 14px;font:9px monospace;z-index:2;display:flex;flex-direction:column;gap:9px}.node span{font-size:8px;color:#90b775}.n1{top:15%;left:9%}.n2{top:20%;right:9%}.n3{bottom:19%;left:8%}.n4{bottom:13%;right:9%}.trace{border:2px solid #779c4d;position:absolute;opacity:.75}.t1{left:19%;top:23%;width:31%;height:25%;border-right:0;border-top:0}.t2{right:17%;top:28%;width:33%;height:16%;border-left:0;border-bottom:0}.t3{bottom:26%;left:19%;width:26%;height:23%;border-right:0;border-top:0}.t4{right:19%;bottom:20%;width:27%;height:26%;border-left:0;border-top:0}.strip{background:var(--green);padding:24px 5.5%;display:flex;justify-content:space-between;font:600 13px 'Space Grotesk',sans-serif;letter-spacing:2px}.projects{padding:76px 5.5% 80px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:36px}.section-heading h2{font:500 clamp(30px,3.1vw,46px) 'Space Grotesk',sans-serif;letter-spacing:-2px;margin:15px 0 0}.section-heading>p{color:#747b6b;font-size:13px;line-height:1.6}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.project-art{height:250px;position:relative;overflow:hidden;display:grid;place-items:center;border-radius:5px}.art-index{position:absolute;right:16px;bottom:12px;font:11px monospace;opacity:.6}.automation{background:#d9e2cb}.terminal{width:78%;background:#18251b;color:#c0f763;padding:19px;border:8px solid #304533;border-radius:7px;transform:rotate(-5deg);box-shadow:8px 15px 0 #adba9a}.terminal>span{font:8px monospace;letter-spacing:2px;border-bottom:1px solid #4b6440;padding-bottom:10px;display:block}.terminal p{font:13px/1.6 monospace;margin:12px 0}.terminal-bars{display:flex;gap:6px}.terminal-bars i{height:8px;width:20px;background:#607a44}.lighting{background:#1f2c24}.light-ring{height:145px;width:145px;border:8px solid #d2fb6f;border-radius:50%;box-shadow:0 0 15px #c0f763,0 0 70px #a7e5477a,inset 0 0 35px #b1f74780;transform:rotateX(30deg);position:absolute;top:35px}.led-line{width:160%;height:8px;transform:rotate(-22deg);background:repeating-linear-gradient(90deg,#ddffaa 0 5px,#43653a 5px 14px);box-shadow:0 0 17px #c0f763;position:absolute;bottom:37px}.lighting .art-index{color:var(--paper)}.hardware{background:#ded9ce}.retro{width:73%;background:#b7b2a2;padding:13px;border:1px solid #8c8c7a;border-radius:6px;transform:rotate(6deg);box-shadow:10px 12px 0 #c4c0b3}.retro>span{font:7px monospace;letter-spacing:2px}.retro-screen{background:#233c29;color:#b5e381;font:14px/1.6 monospace;padding:12px;margin:10px 0;border:5px solid #8f9480}.keys{height:33px;background:repeating-linear-gradient(90deg,#393f32 0 9px,transparent 9px 12px);border:7px solid #9d9e8e}.category{font:9px monospace;letter-spacing:1px;margin-top:24px;color:#71805e}h3{font:500 24px 'Space Grotesk',sans-serif;letter-spacing:-1px;margin:11px 0}article>p:not(.category){font-size:14px;color:#727866;line-height:1.7}details{border-top:1px solid #cbd0be;margin-top:24px}summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;padding:16px 0;font-size:12px;font-weight:600}summary::-webkit-details-marker{display:none}details[open] summary span{transform:rotate(45deg)}details p{font-size:13px;line-height:1.7;color:#657057}.about{background:#e4e7d8;padding:60px 5.5%;display:grid;grid-template-columns:1fr 2fr .6fr;gap:20px}.about h2{font:500 44px/1.1 'Space Grotesk',sans-serif;letter-spacing:-2px;margin:0 0 28px}.about p:not(.eyebrow){max-width:460px;font-size:15px;line-height:1.8;color:#69735c}.about .small{font-size:12px!important}.about-symbol{font-size:130px;color:#647b48;align-self:center}.closing{background:var(--dark);color:var(--paper);padding:65px 5.5%;position:relative}.closing .dot{background:var(--green)}.closing h2{font:500 59px/1.05 'Space Grotesk',sans-serif;letter-spacing:-3px;margin:26px 0}.closing .button{background:var(--green);color:var(--dark);position:absolute;right:5.5%;bottom:74px}.closing .button:hover{background:#d5ff93}footer{display:flex;justify-content:space-between;align-items:center;padding:30px 5.5%}footer>span{font:9px monospace;letter-spacing:1px;color:#737c65}footer .brand{font-size:19px} @media(min-width:1500px){header,.hero,.projects,.strip,.about,.closing,footer{padding-left:max(5.5%,calc((100vw - 1400px)/2));padding-right:max(5.5%,calc((100vw - 1400px)/2))}}@media(max-width:850px){.hero{gap:30px}.hero h1{letter-spacing:-4px}.board-bottom{font-size:6px}.node{padding:8px;font-size:7px}.chip strong{font-size:32px}.chip span{font-size:16px}.chip small{font-size:5px}.project-grid{gap:18px}.project-art{height:200px}h3{font-size:20px}.about{grid-template-columns:1fr 2fr}.about-symbol{display:none}}@media(max-width:600px){header{padding:21px 6%}.brand{font-size:21px}nav{gap:15px}nav>a:not(.nav-cta){display:none}.hero{grid-template-columns:1fr;padding:40px 6% 45px;gap:38px}.hero h1{font-size:76px;margin-top:24px}.intro{font-size:16px}.board{width:94%;margin:0 auto}.node{font-size:9px;padding:12px}.chip strong{font-size:40px}.chip span{font-size:21px}.chip small{font-size:6px}.board-bottom{font-size:7px}.strip{padding:20px 6%;font-size:9px;letter-spacing:.6px;gap:12px}.projects{padding:45px 6%}.section-heading>p{display:none}.section-heading h2{font-size:33px}.project-grid{grid-template-columns:1fr;gap:35px}.project-art{height:280px}h3{font-size:26px}.terminal{width:65%}.retro{width:62%}.about{grid-template-columns:1fr;padding:40px 6%}.about h2{font-size:38px}.closing{padding:45px 6%}.closing h2{font-size:47px}.closing .button{position:static;margin-bottom:10px}footer{padding:24px 6%}footer>span:nth-child(2){display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}