:root{--ink:#18202c;--muted:#667080;--paper:#eef1f6;--line:rgba(24,32,44,.18);--lime:#cbef66;--orange:#ff744d;--lilac:#d8c6ff;--green:#b5d6a2}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,Arial,sans-serif}a{color:inherit;text-decoration:none}.site-header{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:28px 4.5vw;z-index:5;font-size:12px;letter-spacing:.04em}.brand{display:flex;gap:11px;align-items:center;font-weight:800;line-height:1.05}.brand-mark{display:grid;place-items:center;width:35px;height:35px;border:1px solid var(--ink);border-radius:50%;font-family:"DM Mono",monospace;font-size:13px}.brand small{font-size:9px;font-weight:500;color:var(--muted);letter-spacing:.12em;text-transform:uppercase}.nav{display:flex;gap:28px;color:var(--muted);text-transform:uppercase}.nav a{position:relative}.nav a.active,.nav a:hover{color:var(--ink)}.nav a.active:after{content:"";position:absolute;left:0;right:0;bottom:-7px;height:2px;background:var(--ink)}.contact-link{border-bottom:1px solid var(--ink);padding-bottom:5px}.contact-link span,.text-link span,.big-link span{font-size:18px;margin-left:8px}.section-pad{padding-left:8vw;padding-right:8vw}.hero{min-height:790px;display:grid;grid-template-columns:1.02fr .98fr;align-items:center;padding-top:100px;gap:5vw}.kicker,.section-index,.project-meta,.art-label,.visual-note,.lab-caption{font:500 10px/1.4 "DM Mono",monospace;letter-spacing:.12em;text-transform:uppercase}.kicker{color:var(--muted);display:flex;align-items:center;gap:9px}.pulse{width:6px;height:6px;border-radius:50%;background:#65bb75;box-shadow:0 0 0 4px rgba(101,187,117,.18)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(65px,9.2vw,145px);line-height:.84;letter-spacing:-.09em;margin:34px 0 30px;font-weight:800}em{font-family:Georgia,serif;font-weight:400;letter-spacing:-.07em}.hero-blurb{max-width:330px;color:var(--muted);font-size:15px;line-height:1.55}.round-arrow{display:grid;place-items:center;margin-top:55px;width:50px;height:50px;border:1px solid var(--ink);border-radius:50%;font-size:21px;transition:.25s}.round-arrow:hover{background:var(--ink);color:var(--paper);transform:translateY(5px)}.hero-art{height:570px;position:relative;overflow:hidden;background:#202e3a;border-radius:3px;color:#d7f4a6}.blueprint-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(202,239,102,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(202,239,102,.12) 1px,transparent 1px);background-size:33px 33px;transform:perspective(500px) rotateX(55deg) scale(1.6);transform-origin:center 80%;top:28%}.art-label{position:absolute;left:28px;right:28px;z-index:2}.label-top{top:27px;display:flex;justify-content:space-between}.label-top strong{color:white;font-weight:400}.label-bottom{bottom:27px;color:#d7f4a6}.orbit{position:absolute;border:1px solid rgba(215,244,166,.35);border-radius:50%;width:350px;height:350px;left:50%;top:50%;transform:translate(-50%,-50%) rotate(30deg)}.orbit-one{border-left-color:transparent;border-bottom-color:transparent}.orbit-two{width:450px;height:180px;transform:translate(-50%,-50%) rotate(-35deg)}.robot-head{position:absolute;top:31%;left:50%;width:130px;height:110px;transform:translateX(-50%) rotate(-5deg);background:var(--lime);border:3px solid #18202c;border-radius:27px 31px 18px 20px;box-shadow:15px 15px 0 #0e161e}.robot-head:before{content:"";position:absolute;inset:13px;border:2px solid #18202c;border-radius:18px}.antenna{position:absolute;width:3px;height:40px;background:#18202c;left:50%;top:-41px}.antenna:after{content:"";position:absolute;width:10px;height:10px;border-radius:50%;background:var(--orange);top:-5px;left:-4px}.eye{position:absolute;width:16px;height:20px;background:#18202c;border-radius:50%;top:46px;z-index:1}.eye-left{left:37px}.eye-right{right:33px}.robot-body{position:absolute;top:50%;left:50%;width:205px;height:145px;transform:translateX(-50%) rotate(4deg);background:var(--orange);border:3px solid #18202c;border-radius:25px 20px 42px 36px;box-shadow:18px 19px 0 #0e161e}.screen{position:absolute;left:28px;top:28px;padding:10px 14px;background:#18202c;color:var(--lime);font:500 14px/1 "DM Mono",monospace;letter-spacing:.04em}.screen span{animation:blink 1s infinite}.bolt{position:absolute;font-size:28px;color:var(--lime)}.bolt-a{right:22px;top:25px}.bolt-b{right:56px;bottom:18px;font-size:17px}.robot-wheel{position:absolute;width:43px;height:43px;border:6px solid #18202c;background:#758891;border-radius:50%;top:73%;z-index:3}.wheel-left{left:calc(50% - 88px)}.wheel-right{left:calc(50% + 46px)}@keyframes blink{50%{opacity:0}}.statement{padding-top:160px;padding-bottom:170px;display:grid;grid-template-columns:1fr 3fr;gap:10vw;border-top:1px solid var(--line)}.section-index{color:var(--muted);padding-top:9px}.statement-content{max-width:880px}.display-text{font-size:clamp(42px,6vw,82px);line-height:1.03;letter-spacing:-.075em;font-weight:700}.highlight{background:var(--lime);padding:0 .1em;box-decoration-break:clone;-webkit-box-decoration-break:clone}.body-copy{max-width:460px;margin-left:16%;font-size:15px;line-height:1.65;color:var(--muted)}.work{padding-top:120px;padding-bottom:170px;background:#202e3a;color:#f5f7fb}.section-heading{display:grid;grid-template-columns:1fr 2fr 1fr;gap:4vw;align-items:end;margin-bottom:95px}.section-heading .section-index{color:#aec1bf}.section-heading h2,.timeline h2,.closing h2{font-size:clamp(48px,7vw,100px);line-height:.88;letter-spacing:-.08em;margin:0}.section-heading h2 span{color:var(--lime);font-family:Georgia,serif;font-weight:400}.section-heading p{max-width:190px;color:#aec1bf;font-size:13px;line-height:1.5;margin:0 0 4px}.project-list{display:grid;grid-template-columns:repeat(3,1fr);gap:3.3vw}.project{min-width:0}.project-visual{height:390px;position:relative;overflow:hidden;margin-bottom:21px}.project-green .project-visual{background:var(--green);color:#202e3a}.project-orange .project-visual{background:var(--orange);color:#202e3a}.project-lilac .project-visual{background:var(--lilac);color:#202e3a}.project-meta{display:flex;justify-content:space-between;color:#aec1bf;font-size:9px}.project h3{font-size:clamp(29px,3vw,47px);line-height:.96;letter-spacing:-.07em;margin:22px 0 17px}.project h3 em{color:var(--lime)}.project p{color:#aec1bf;font-size:13px;line-height:1.6;max-width:310px;min-height:65px}.text-link{display:inline-block;margin-top:18px;border-bottom:1px solid #78908c;padding-bottom:7px;font:500 10px "DM Mono",monospace;text-transform:uppercase;letter-spacing:.1em;color:#f5f7fb}.field-lines{position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 38px,rgba(32,46,58,.25) 39px 40px);transform:skewY(-17deg) scale(1.3);top:15%}.agri-bot{position:absolute;width:155px;height:95px;left:50%;top:48%;transform:translate(-50%,-50%) rotate(-10deg);border:4px solid #202e3a;background:#d5f17a;border-radius:20px;box-shadow:17px 15px #202e3a}.agri-bot:before,.agri-bot:after{content:"";position:absolute;bottom:-28px;width:32px;height:32px;background:#202e3a;border-radius:50%;border:8px solid #839a70}.agri-bot:before{left:14px}.agri-bot:after{right:14px}.agri-bot i{position:absolute;top:-66px;left:55px;width:4px;height:64px;background:#202e3a}.agri-bot i:after{content:"";position:absolute;width:36px;height:4px;top:0;left:-16px;background:#202e3a}.agri-bot b{position:absolute;left:62px;top:-72px;width:18px;height:18px;border-radius:50%;background:#ff744d;border:3px solid #202e3a}.agri-bot span{position:absolute;right:16px;top:25px;font-size:28px}.sun{position:absolute;right:38px;top:46px;font-size:70px;opacity:.5}.car-track{position:absolute;inset:-50px;background:repeating-linear-gradient(135deg,transparent 0 50px,rgba(32,46,58,.13) 51px 53px)}.rc-car{position:absolute;left:19%;top:46%;width:190px;height:74px;background:#202e3a;border-radius:10px 40px 12px 12px;transform:rotate(-11deg);box-shadow:18px 18px 0 rgba(32,46,58,.25)}.rc-car .cabin{position:absolute;left:51px;top:-41px;width:82px;height:49px;background:#d8c6ff;border:5px solid #202e3a;border-bottom:0;border-radius:35px 35px 0 0;transform:skewX(-20deg)}.rc-car i{position:absolute;bottom:-24px;width:45px;height:45px;border-radius:50%;background:#202e3a;border:8px solid #ff9b7b}.rc-car i:first-of-type{left:21px}.rc-car i:last-of-type{right:17px}.speed-lines{position:absolute;right:20px;bottom:76px;width:110px;height:60px;border-top:3px solid #202e3a;border-bottom:3px solid #202e3a;transform:skewX(-35deg);opacity:.6}.visual-note{position:absolute;right:25px;top:25px}.arm{position:absolute;width:28px;height:220px;left:48%;top:28%;background:#202e3a;transform:rotate(33deg);border-radius:20px}.arm:after{content:"";position:absolute;width:28px;height:145px;left:10px;top:153px;background:#202e3a;transform:rotate(-70deg);border-radius:20px}.arm-joint{position:absolute;z-index:2;width:45px;height:45px;border-radius:50%;background:#ff744d;border:5px solid #202e3a}.j1{left:-9px;top:70px}.j2{left:15px;top:145px}.arm-finger{position:absolute;width:80px;height:12px;left:91px;top:280px;background:#202e3a;transform:rotate(-22deg);border-radius:10px}.helmet-mark{position:absolute;right:36px;top:48px;font-size:85px}.lab-caption{position:absolute;left:26px;bottom:24px}.timeline{background:var(--lime);padding-top:145px;padding-bottom:150px;display:grid;grid-template-columns:1fr 1.1fr;gap:9vw}.timeline>.section-index{grid-column:1 / -1;color:#63733a}.timeline-intro p{color:#63733a;max-width:180px;font-size:13px;line-height:1.5;margin-top:32px}.timeline h2 em{color:#5f793d}.timeline-list{border-top:1px solid rgba(24,32,44,.4)}.timeline-item{display:grid;grid-template-columns:75px 1fr;column-gap:25px;padding:26px 0;border-bottom:1px solid rgba(24,32,44,.4)}.timeline-item span{font:500 11px "DM Mono",monospace;color:#5d6e3f}.timeline-item strong{font-size:21px;letter-spacing:-.04em}.timeline-item p{grid-column:2;color:#5d6e3f;font-size:13px;line-height:1.5;max-width:400px;margin:8px 0 0}.closing{padding-top:170px;padding-bottom:165px;text-align:center}.closing .kicker{justify-content:center}.closing h2{margin:38px auto 53px}.closing h2 em{color:#708391}.big-link{display:inline-block;font:500 14px "DM Mono",monospace;border-bottom:1px solid var(--ink);padding-bottom:8px}.site-footer{display:flex;justify-content:space-between;padding:22px 4.5vw;font:500 9px "DM Mono",monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);border-top:1px solid var(--line)}.site-footer a{color:var(--ink)}.cursor-dot{position:fixed;width:9px;height:9px;border-radius:50%;background:var(--lime);mix-blend-mode:difference;pointer-events:none;z-index:10;transform:translate(-50%,-50%);transition:transform .08s;display:none}
@media(max-width:800px){.site-header{padding:20px 5vw}.nav{gap:14px}.contact-link{display:none}.hero{display:block;padding-top:150px;min-height:0}.hero-art{height:430px;margin-top:65px}.statement{display:block;padding-top:100px;padding-bottom:110px}.statement .section-index{margin-bottom:55px}.body-copy{margin-left:0;margin-top:45px}.section-heading{display:block;margin-bottom:60px}.section-heading .section-index{margin-bottom:45px}.section-heading p{margin-top:25px}.project-list{grid-template-columns:1fr;gap:85px}.project-visual{height:350px}.project p{min-height:0}.timeline{display:block;padding-top:95px}.timeline>.section-index{margin-bottom:60px}.timeline-intro{margin-bottom:60px}.closing{padding-top:110px;padding-bottom:110px}.site-footer{gap:15px;flex-wrap:wrap}.site-footer span:nth-child(2){order:3;width:100%}}