:root{color-scheme:dark;--ink:#f1f3f3;--muted:#a4adb0;--line:#2a3235;--accent:#4bdc83}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:#111314;color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased;background-image:linear-gradient(#ffffff03 1px,transparent 1px),linear-gradient(90deg,#ffffff03 1px,transparent 1px);background-size:40px 40px}.wrap{width:min(1160px,calc(100% - 80px));margin:auto}a{color:inherit;text-decoration:none}a:hover{color:var(--accent)}a:focus-visible,button:focus-visible{outline:3px solid var(--accent);outline-offset:5px}header{display:flex;justify-content:space-between;align-items:center;padding:26px 0;border-bottom:1px solid var(--line)}.wordmark{font:700 22px 'Courier New',monospace;color:var(--accent)}nav{display:flex;gap:25px;font-size:12px;color:var(--muted)}.intro{padding:65px 0 55px;max-width:760px}h1{font-size:clamp(38px,5vw,58px);letter-spacing:-2px;line-height:1.1;margin:0 0 20px}h1 span{color:var(--accent)}.intro>p{font-size:17px;line-height:1.7;color:var(--muted);max-width:700px;margin:0}.scroll-cue{display:inline-flex;gap:24px;font-size:11px;margin-top:27px;color:var(--muted)}.scroll-cue span{color:var(--accent)}.project{display:grid;grid-template-columns:.85fr 1.15fr;gap:65px;align-items:center;min-height:690px;padding:85px 0;border-top:1px solid var(--line)}.project-copy,.project-media{min-width:0}.category{display:block;color:var(--accent);font-size:10px;letter-spacing:1.5px;margin-bottom:17px;font-weight:600}.status{color:var(--muted);font-size:9px;letter-spacing:0;margin-left:14px;font-weight:400}.project h2{font-size:clamp(28px,3vw,38px);line-height:1.15;letter-spacing:-1.2px;margin:0 0 23px}.description{color:#c9d0d2;font-size:16px;line-height:1.75;margin:0 0 23px}.project ul{padding-left:17px;margin:0;font-size:13px;line-height:1.75;color:var(--muted)}.project li{padding-left:3px;margin-bottom:13px}.project li::marker{color:var(--accent)}.project strong{color:#e4e8e9;font-weight:600}.project-link{display:inline-block;color:var(--accent);font-size:12px;border-bottom:1px solid #4bdc8366;padding-bottom:7px;margin-top:24px}.project-image{display:block;position:relative;overflow:hidden;border:1px solid #343d41;background:#1c2225;border-radius:6px;aspect-ratio:1.78}.project-image>img{display:block;width:100%;height:100%;object-fit:contain}.image-hint{position:absolute;bottom:10px;right:10px;background:#111e;color:#ddd;padding:6px 9px;border:1px solid #444;font-size:10px;border-radius:3px}.story-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:15px}.story-steps button{font-family:inherit;text-align:left;padding:13px 10px;background:#181e20;border:1px solid var(--line);border-radius:4px;color:var(--muted);font-size:11px;cursor:pointer;transition:background .2s,border-color .2s,color .2s}.story-steps button>span{display:block;font-size:10px;margin-bottom:6px;color:#707c80}.story-steps button.active,.story-steps button:hover{border-color:#4bdc8390;color:#fff;background:#1a2920}.story-steps button.active>span{color:var(--accent)}.story-caption{min-height:66px;font-size:12px;line-height:1.7;color:var(--muted);margin:14px 2px 0}.story-caption strong{color:#fff}.robot{height:400px;aspect-ratio:auto;background:radial-gradient(ellipse at center,#2b3537,#191f22)}.robot img{padding:15px}.gallery{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.gallery a{border:1px solid var(--line);border-radius:4px;overflow:hidden;background:#181e20}.gallery a:hover{border-color:var(--accent)}.gallery img{display:block;width:100%;height:110px;object-fit:contain;background:#e8e8e8}.gallery span{display:block;font-size:10px;padding:10px 12px;color:var(--muted)}.placeholder{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;background:radial-gradient(ellipse at center,#17281d,#111916)}.placeholder>span{font-size:36px;font-weight:700;letter-spacing:-1px;color:var(--accent)}.placeholder small{font-size:11px;color:var(--muted)}.image-slot{aspect-ratio:1.4}.image-slot>img{position:absolute;inset:0}.has-image>.placeholder{visibility:hidden}.calendar{aspect-ratio:1.4}footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:28px 0;font-size:11px;color:var(--muted)}footer>div{display:flex;gap:25px}.skip-link{position:absolute;top:-80px;left:12px;background:#111;color:#fff;padding:12px;z-index:9}.skip-link:focus{top:12px}.motion-enabled .reveal{opacity:0;transform:translateY(36px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1)}.motion-enabled .reveal[data-delay]{transition-delay:.12s}.motion-enabled .reveal.is-visible{opacity:1;transform:translateY(0)}.motion-enabled .project-image img{transition:transform .8s ease}.motion-enabled .project-image:hover img{transform:scale(1.025)}@media(max-width:950px){.wrap{width:calc(100% - 48px)}.project{gap:32px}.description{font-size:14px}.project ul{font-size:12px}.story-steps button{font-size:10px}.robot{height:360px}}@media(max-width:700px){.wrap{width:calc(100% - 32px)}header{padding:20px 0}nav{gap:16px;font-size:11px}.intro{padding:42px 0}.intro>p{font-size:14px}h1{font-size:39px;letter-spacing:-1.4px}.project{grid-template-columns:1fr;gap:30px;min-height:0;padding:55px 0}.project h2{font-size:31px;margin-bottom:18px}.description{font-size:15px;line-height:1.7}.project ul{font-size:13px}.category{font-size:9px}.robot{height:360px}.gallery img{height:105px}.story-steps{gap:6px}.story-steps button{padding:11px 8px;font-size:10px}.story-caption{min-height:60px}.project-link{margin-top:17px}.motion-enabled .reveal[data-delay]{transition-delay:0s}footer>div{gap:20px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}.motion-enabled .reveal{opacity:1;transform:none}}


.rc-car-photo{aspect-ratio:1.15}.rc-car-photo>img{object-fit:cover;object-position:50% 65%}
.writeaway-render{aspect-ratio:1.78;background:#181818}.writeaway-details{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.writeaway-details figure{margin:0;border:1px solid var(--line);border-radius:5px;overflow:hidden;background:#181e20}.prototype-images{height:245px;display:grid;grid-template-rows:95px 150px}.prototype-images>a{min-height:0;display:block;background:#171c1e}.prototype-images>a:first-child{background:#eee}.prototype-images img{width:100%;height:100%;display:block;object-fit:contain}.projection-panel>a{display:block;position:relative;height:245px;overflow:hidden;background:#111}.projection-panel img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.writeaway-details figcaption{padding:12px;line-height:1.6}.writeaway-details figcaption strong{display:block;font-size:11px;font-weight:600;color:#e4e8e9}.writeaway-details figcaption span{display:block;font-size:10px;color:var(--muted);margin-top:4px}@media(max-width:700px){.prototype-images{height:220px;grid-template-rows:80px 140px}.projection-panel>a{height:220px}.writeaway-details figcaption{padding:10px}.writeaway-details figcaption strong{font-size:10px}.writeaway-details figcaption span{font-size:9px}}
.prototype-images{--pcb-row-height:81.667px;grid-template-rows:repeat(3,1fr)}.prototype-images>a{position:relative;overflow:hidden;container-type:inline-size;background:#eee}.prototype-images .physical-pcb{background:#171c1e}.prototype-images .physical-pcb img{position:absolute;width:var(--pcb-row-height);height:100cqw;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-90deg);object-fit:cover;object-position:30% 50%}@media(max-width:700px){.prototype-images{--pcb-row-height:73.333px;grid-template-rows:repeat(3,1fr)}}