:root{--bg:#151718;--panel:#1b1e20;--line:#393d3e;--muted:#a6adae;--blue:#20ade4;--white:#edeeeb}body{-webkit-font-smoothing:antialiased}.wrap{max-width:1210px;padding-left:40px;padding-right:40px}.topbar{height:76px;max-width:1210px;margin:auto;padding:0 40px}.brand{font-size:15px}.brand-mark{font-size:25px}.topbar nav{gap:30px;color:#b8bdbd}.nav-contact{border:0;padding:0;color:#f3f5f3!important}.nav-contact span{margin-left:3px}.hero{min-height:570px;padding-top:125px;padding-bottom:105px;grid-template-columns:minmax(0,2fr) minmax(200px,.7fr);gap:80px;align-items:end}.eyebrow,.aside-label{font:600 10px 'Roboto Mono',monospace;letter-spacing:.09em;color:#9aa5a6}h1{font-size:clamp(48px,6vw,78px);line-height:1.08;letter-spacing:-.055em;margin:28px 0 23px;font-weight:700}h1 em{font-size:.75em;color:#b2b8b7}.hero-intro{max-width:650px;color:#afb6b5}.actions{gap:28px;margin-top:35px}.button{gap:26px;padding:0}.primary{background:#e3e9e7;color:#151a1b;padding:14px 17px}.primary:hover{background:#fff}.secondary{border:0;color:#c9d2d1}.button span{color:#008ec7}.hero-aside{border-top:1px solid #5c6768;padding-top:19px;margin-bottom:3px}.hero-aside p{font-size:13px;line-height:1.75;color:#aab2b1;margin:18px 0}.hero-aside a{font-size:11px;color:#81c9e4}.section{padding-top:100px;padding-bottom:100px;border-top:1px solid var(--line)}.section-heading{display:grid;grid-template-columns:1fr 340px;align-items:end;gap:30px;margin-bottom:47px}.section-heading h2{font-size:clamp(37px,4vw,52px);line-height:1.1;margin-top:16px;font-weight:700}.section-heading>p{font-size:13px}.projects{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:46px;row-gap:0;background:none;border:0}.project,.featured{border-top:1px solid var(--line);background:none;min-height:300px;padding:24px 0 29px}.project:hover{background:none}.project h3{font-size:24px;margin:27px 0 12px}.project p,.archive p,.lab p{color:#aeb5b4;line-height:1.8}.project-top{font-size:10px}.tags{margin:18px 0 22px}.text-link,.project-links{color:#a7d7e8}.featured{grid-column:span 2;min-height:270px}.featured h3{font-size:30px}.featured p{max-width:680px}.feature-symbol{display:none}.approach{background:#1b1e1f}.steps{gap:40px}.steps>div{padding:23px 0}.steps h3{font-size:17px;margin:23px 0 11px}.steps p{max-width:none}.approach-note{color:#a7b3b3}.lab{border:0;border-top:1px solid var(--line);background:none}.lab-head{padding:27px 0 32px}.lab-head h3{font-size:23px;margin:15px 0 10px}.lab-glyph{font-size:45px;color:#617d85}.lab-items a{padding:20px 0}.lab-items a:hover strong{color:var(--blue)}.lab-note{padding:20px 0}.archive{padding-top:100px}.archive-grid{gap:0 35px;background:none;border:0}.archive article{padding:24px 0 28px;border-top:1px solid var(--line);background:none;min-height:220px}.archive h3{font-size:17px;margin-bottom:12px}.contact{background:#202729;color:var(--white);border-top:1px solid #3b484a}.contact .eyebrow{color:#9aa5a6}.contact .slash{color:var(--blue)}.contact h2{font-size:clamp(36px,4vw,52px)}.contact h2 em{color:#a9b4b3}.contact p{color:#aeb7b6}.contact-links a,.contact-links a:last-child{border-color:#4a5556}.contact-links span{color:#a1aeae}.contact-links b{color:var(--blue)}.contact-links a:hover strong{color:var(--blue)}@media(max-width:800px){.hero{grid-template-columns:1fr;gap:45px;min-height:0;padding-top:95px;padding-bottom:75px}.hero-aside{max-width:420px}.section-heading{grid-template-columns:1fr 1fr}.section{padding-top:75px;padding-bottom:75px}.archive-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.wrap,.topbar{padding-left:22px;padding-right:22px}.topbar{height:67px}.hero{padding-top:75px}.hero h1{font-size:48px}.hero-intro{font-size:15px}.section-heading{display:block}.section-heading>p{margin-top:18px}.projects,.archive-grid,.steps,.contact-inner{grid-template-columns:1fr}.featured{grid-column:auto}.project,.featured{min-height:0;padding-bottom:30px}.project h3{margin-top:22px}.project-links{margin-top:4px}.steps{gap:0}.steps>div{border-bottom:1px solid var(--line)}.steps h3{margin-top:15px}.lab-items a{grid-template-columns:25px 1fr 18px}.lab-items small{grid-column:2}.lab-items b{grid-column:3;grid-row:1/3}}