:root{--paper:#f7f8f4;--ink:#262e2a;--muted:#72796f;--line:#dce0d6;--lime:#d8ed9d;--serif:Georgia,'Times New Roman',serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:2px solid #587a2c;outline-offset:6px}button{border:0;background:none}header{height:112px;padding:0 4.5%;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:5;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:23px}.brand-mark{font-size:57px;letter-spacing:-6px;line-height:1;font-weight:650}.brand-dot{position:relative}.small-plus{font-size:28px;letter-spacing:0;vertical-align:top;display:inline-block;padding-top:4px;padding-left:4px}.brand-name{font-size:11px;line-height:1.5;letter-spacing:.05em}nav{display:flex;align-items:center;gap:35px;font-size:13px}nav a:hover,.text-link:hover{color:#6b8349}nav a span{margin-left:7px;font-size:10px}.contact-nav{margin-left:20px;border:1px solid var(--line);border-radius:30px;padding:13px 20px}.contact-nav span{font-size:16px}.hero{min-height:760px;height:calc(100svh - 112px);max-height:1000px;position:relative;padding:36px 4.5% 0;overflow:hidden}.eyebrow,.section-label,.hero-foot,.diagram-label,.art-controls,.register-note,.filter-bar>span,.lab-topics,footer{font-size:10px;font-weight:500;letter-spacing:.12em}.eyebrow{display:flex;align-items:center;gap:10px}.status-dot{width:6px;height:6px;background:#7d9163;border-radius:50%;box-shadow:0 0 0 4px #e9eddf}.hero-location{margin-left:auto;color:var(--muted)}h1,h2,h3,p{margin:0}h1,h2{font-family:Manrope,Arial,sans-serif;font-weight:500;letter-spacing:-.065em}h1{font-size:clamp(86px,8.2vw,140px);line-height:1.01}.serif{font-family:var(--serif);font-weight:400;font-style:italic;letter-spacing:-.065em}.hero-copy{position:relative;z-index:2;width:52%;margin-top:64px;pointer-events:none}.hero-copy a{pointer-events:auto}.hero-copy p{font-size:16px;line-height:1.65;margin-top:29px;color:#626a61}.circle-link{display:inline-flex;align-items:center;gap:15px;font-size:12px;margin-top:27px}.circle{display:flex;align-items:center;justify-content:center;border:1px solid #aeb8a3;border-radius:50%;width:43px;height:43px;font-size:24px;transition:background .2s,transform .2s}.circle-link:hover .circle{background:var(--lime);transform:rotate(45deg)}.hero-art{position:absolute;width:63%;height:86%;right:-2%;top:8%;z-index:1}#field{width:100%;height:100%;display:block}.diagram-label{position:absolute;display:flex;align-items:center;gap:9px;font-size:9px}.diagram-label i{width:5px;height:5px;border-radius:50%;background:#6c7a57}.label-human{left:18%;top:33%}.label-machine{right:12%;bottom:31%}.label-together{left:41%;bottom:18%;color:#869078;font-size:8px}.art-controls{position:absolute;bottom:7%;right:13%;display:flex;align-items:center;gap:18px;font-size:8px;color:#8b9184}.art-controls button{border:1px solid var(--line);border-radius:50%;width:30px;height:30px;color:var(--ink)}.hero-foot{position:absolute;bottom:0;left:4.5%;right:4.5%;height:65px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;font-size:9px;color:#737b70}.down-arrow{margin-left:25px;font-size:21px}.section-space{padding:115px 7%}.section-label{font-size:10px;color:#727b6a}.intro{display:grid;grid-template-columns:1fr 2.3fr;gap:30px;padding-top:135px;padding-bottom:145px}.intro h2{font-size:clamp(30px,3.5vw,54px);line-height:1.25;letter-spacing:-.055em}.muted{color:#959e8d}.intro-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:50px;margin-top:38px}.intro p{font-size:15px;line-height:1.8;max-width:410px;color:#697163}.text-link{font-size:12px;white-space:nowrap;border-bottom:1px solid #aab49e;padding-bottom:9px;display:inline-flex;gap:32px}.text-link span{font-size:18px}.research{background:#eff1e9;padding-top:82px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-top:35px}.section-heading h2,.approach h2,.lab h2{font-size:clamp(48px,5.5vw,83px);line-height:1.07}.section-heading p{font-size:14px;line-height:1.8;color:var(--muted);margin-bottom:8px}.filter-bar{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d4dacb;margin:55px 0 36px;padding-bottom:22px}.filters{display:flex;gap:8px}.filters button{font-size:12px;border-radius:24px;padding:11px 18px;transition:background .2s}.filters button.active{background:var(--ink);color:#fff}.filters button:not(.active):hover{background:#e1e6d6}.filters sup{font-size:8px;margin-left:7px}.filter-bar>span{font-size:9px;color:var(--muted)}.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:50px 28px}.project-card{min-width:0}.project-card[hidden]{display:none}.project-open{width:100%;text-align:left;padding:0;display:block}.project-visual{height:310px;overflow:hidden;position:relative;isolation:isolate;background:#e3e9db;border:1px solid #dce2d4}.project-visual svg{width:100%;height:100%;transition:transform .65s cubic-bezier(.2,.8,.2,1)}.project-open:hover svg{transform:scale(1.045)}.visual-code{position:absolute;left:20px;top:19px;font-size:8px;letter-spacing:.13em;color:#7a8671}.visual-caption{position:absolute;left:20px;bottom:17px;font-size:8px;letter-spacing:.09em;color:#6f7a65}.project-arrow{position:absolute;right:18px;bottom:18px;display:grid;place-items:center;width:35px;height:35px;border:1px solid #acb99d;border-radius:50%;font-size:19px;background:#ffffff40;transition:background .2s}.project-open:hover .project-arrow{background:var(--lime)}.project-meta{display:flex;justify-content:space-between;gap:20px;margin-top:19px;font-size:9px;letter-spacing:.06em;color:#738067}.project-stage{display:flex;align-items:center;gap:5px}.project-stage:before{content:'';width:5px;height:5px;background:#93a674;border-radius:50%}.project-card h3{font-family:Manrope,sans-serif;font-weight:500;letter-spacing:-.04em;font-size:25px;margin:10px 0 8px}.project-card p{font-size:13px;color:#71796a;line-height:1.7;max-width:450px}.project-card:last-child:nth-child(odd){grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:center}.project-card:last-child:nth-child(odd)[hidden]{display:none}.project-card:last-child:nth-child(odd) .project-open{display:contents}.project-card:last-child:nth-child(odd) .project-info{padding:35px}.project-card:last-child:nth-child(odd) h3{font-size:34px}.register-note{font-size:10px;letter-spacing:.02em;margin-top:45px;color:#78836b;line-height:1.6}.approach{padding-top:110px;padding-bottom:135px}.approach-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;margin-top:55px}.approach p{font-size:14px;line-height:1.8;color:#737b6c;margin-top:30px}.step-buttons{display:flex;border-top:1px solid var(--line);margin-top:42px;padding-top:23px;gap:26px}.step-buttons button{text-align:left;font-size:10px;color:#8b9481;padding:0 0 9px}.step-buttons button span{display:block;font-size:13px;margin-top:7px}.step-buttons button.active{color:var(--ink);border-bottom:2px solid #819861}.process-panel{padding:0 15px}.process-orbit{width:100%;height:290px;overflow:visible}.process-orbit ellipse{fill:none;stroke:#c3cdb5;stroke-width:.8}.process-orbit circle{fill:var(--paper);stroke:#b6c5a2}.process-orbit text{font-family:var(--serif);font-style:italic;font-size:28px;fill:#63744d}.process-orbit .orbit-dot{fill:#bfda86;stroke:none}#step-content{border-top:1px solid var(--line);padding-top:24px;min-height:155px}#step-content .eyebrow{font-size:9px;color:#8a927d}#step-content h3{font-size:20px;font-weight:500;letter-spacing:-.03em;margin-top:14px}#step-content p{margin-top:12px;font-size:13px}.lab{border-top:1px solid var(--line)}.lab-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:100px;align-items:center;margin-top:60px}.lab-art{background:#edf0e5;aspect-ratio:1.1}.lab-art svg{width:100%;height:100%}.lab-art text{font:9px Arial;letter-spacing:3px;fill:#7d8d6e}.lab-copy h2{font-size:clamp(45px,4.7vw,69px)}.lab-copy p{font-size:14px;line-height:1.8;margin-top:25px;color:#707869;max-width:440px}.lab-copy .text-link{margin-top:26px}.lab-topics{display:flex;flex-wrap:wrap;gap:14px;font-size:8px;margin-top:40px;color:#8d947f}.contact{background:#e4ebd5;padding-top:85px;padding-bottom:70px}.contact-row{display:flex;align-items:center;justify-content:space-between;margin-top:45px}.contact h2{font-size:clamp(42px,5.7vw,84px);line-height:1.13}.contact-circle{display:grid;place-items:center;width:102px;height:102px;border-radius:50%;border:1px solid #9eae88;font-size:50px;font-weight:400;transition:background .3s,transform .3s}.contact-circle:hover{background:#cce893;transform:rotate(45deg)}.contact-bottom{display:flex;align-items:flex-end;justify-content:space-between;margin-top:42px;font-size:13px}.contact-bottom p{line-height:1.8;color:#758164}.contact-bottom a{border-bottom:1px solid #a6b594;padding-bottom:8px}footer{display:flex;align-items:center;justify-content:space-between;padding:45px 4.5%;font-size:8px;gap:20px;color:#818977}.footer-brand{font-size:44px;letter-spacing:-4px;color:var(--ink);font-weight:600}.footer-brand span{font-size:25px;vertical-align:top;letter-spacing:0}footer a:last-child{color:var(--ink);letter-spacing:0;font-size:11px}dialog{border:1px solid var(--line);padding:55px;width:min(760px,92vw);max-height:86svh;background:var(--paper);color:var(--ink);overscroll-behavior:contain}dialog::backdrop{background:#1d291e70;backdrop-filter:blur(8px)}.dialog-close{position:absolute;right:18px;top:15px;font-size:21px;width:32px;height:32px}.dialog-kicker{font-size:10px;letter-spacing:.13em;color:#7e8e6c;margin-bottom:22px}dialog h2{font-size:40px;line-height:1.12;letter-spacing:-.05em}dialog p{font-size:15px;line-height:1.8;color:#69735f;margin-top:20px}dialog h3{font-size:12px;letter-spacing:.07em;text-transform:uppercase;margin-top:30px}dialog .detail-stage{display:inline-block;border:1px solid #ccd5c0;padding:7px 12px;font-size:11px;margin-top:20px}dialog .text-link{margin-top:26px}.skip{position:fixed;top:-100px;left:15px;padding:15px;background:var(--ink);color:white;z-index:100}.skip:focus{top:15px}body.modal-open{overflow:hidden}.reveal{opacity:0;transform:translateY(20px);transition:opacity .7s,transform .7s}.reveal.visible{opacity:1;transform:none}
@media(min-width:1700px){body{max-width:1900px;margin:auto}.hero-art{right:0}.section-space{padding-left:9%;padding-right:9%}}
@media(max-width:1000px){nav{gap:20px}.brand-name{display:none}.hero{min-height:730px}.hero-copy{margin-top:90px}.hero-art{width:70%;right:-10%;height:80%;top:15%}.intro{grid-template-columns:1fr;gap:35px}.intro-bottom{max-width:700px}.approach-grid{gap:35px}.lab-grid{gap:45px}.project-visual{height:250px}.project-card h3{font-size:22px}.section-space{padding-left:6%;padding-right:6%}.step-buttons{gap:20px}.hero-location{display:none}.hero-foot{font-size:8px}}
@media(max-width:650px){html{scroll-padding-top:20px}header{height:85px;padding:0 6%}.brand-mark{font-size:45px}nav{gap:19px;font-size:11px}nav a span{display:none}.contact-nav{display:none}nav a:nth-child(2){display:none}.hero{height:auto;min-height:960px;padding:29px 6% 0}.hero .eyebrow{font-size:8px}.hero-copy{width:100%;margin-top:43px}.hero-copy h1{font-size:85px}.hero-copy p{font-size:14px;margin-top:24px}.hero-copy .circle-link{margin-top:20px}.hero-art{height:440px;width:110%;right:-5%;top:auto;bottom:65px}.label-human{left:17%;top:24%}.label-machine{right:10%;bottom:30%}.label-together{bottom:14%}.art-controls{bottom:3%;right:10%}.hero-foot{height:60px;left:6%;right:6%;font-size:7px;letter-spacing:.04em}.hero-foot>span:first-child{max-width:175px;line-height:1.6}.down-arrow{margin-left:12px}.section-space{padding:75px 6%}.intro h2{font-size:32px}.intro-bottom{display:block;margin-top:25px}.intro p{font-size:14px}.intro .text-link{margin-top:28px}.section-heading{display:block;margin-top:28px}.section-heading h2,.approach h2{font-size:54px}.section-heading p{margin-top:25px;font-size:13px}.filter-bar{margin:32px 0 27px;display:block;padding-bottom:16px}.filters{gap:3px;flex-wrap:wrap}.filters button{font-size:10px;padding:10px}.filter-bar>span{display:none}.project-grid{grid-template-columns:1fr;gap:36px}.project-visual{height:250px}.project-card:last-child:nth-child(odd){display:block}.project-card:last-child:nth-child(odd) .project-info{padding:0}.project-card:last-child:nth-child(odd) h3{font-size:22px}.project-card h3{font-size:22px}.project-meta{font-size:8px}.project-card p{font-size:12px}.approach-grid{grid-template-columns:1fr;margin-top:35px;gap:35px}.step-buttons{justify-content:space-between}.process-panel{padding:0}.process-orbit{height:260px}.lab-grid{grid-template-columns:1fr;gap:36px;margin-top:35px}.lab-art{max-height:350px;aspect-ratio:1.25}.lab-copy h2{font-size:48px}.lab-copy p{font-size:13px}.contact h2{font-size:42px}.contact-row{gap:20px;margin-top:30px}.contact-circle{width:57px;height:57px;font-size:30px;flex-shrink:0}.contact-bottom{display:block;margin-top:30px}.contact-bottom a{display:inline-block;margin-top:25px}footer{flex-wrap:wrap;padding:28px 6%;gap:24px}footer>span:first-of-type{width:70%;line-height:1.7}dialog{padding:48px 26px 35px}dialog h2{font-size:32px}dialog p{font-size:14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}