@import url('https://fonts.googleapis.com/css2?family=Roboto+Flex:opsz,wght@8..144,400;8..144,500;8..144,600;8..144,700;8..144,800&display=swap');
:root{--bg:#101417;--panel:#202a2e;--line:#3e5055;--muted:#bac9cb;--blue:#96d1eb;--white:#e1e9e8}body{font-family:'Roboto Flex',Arial,sans-serif;background:var(--bg);color:var(--white)}.wrap{max-width:1320px;padding-left:40px;padding-right:40px}.topbar{max-width:1320px;height:88px;border:0;padding:0 40px}.brand{font-family:'Roboto Flex',sans-serif;letter-spacing:.04em}.brand-mark{color:#89d3f0}.brand small{color:#a9c0c6}.topbar nav{gap:4px;background:#222b2f;border-radius:100px;padding:5px}.topbar nav a{padding:12px 17px;border-radius:100px;color:#d1dcdb;font-size:13px}.topbar nav a:hover{background:#35464b;color:white}.topbar nav .nav-contact{background:#b8e9fb;color:#10313d!important}.nav-contact span{color:#10313d}.hero{margin:0 auto;min-height:0;grid-template-columns:minmax(0,1fr) minmax(210px,300px);gap:48px;align-items:end;padding-top:72px;padding-bottom:80px}.hero-copy{border-radius:40px 40px 12px 40px;background:#20383f;padding:54px 56px 50px}.eyebrow,.aside-label{font:600 11px 'Roboto Flex',sans-serif;letter-spacing:.11em;color:#a9c5cb}.hero .eyebrow{color:#a9d2db}h1{font-size:clamp(54px,6.4vw,84px);line-height:1.02;letter-spacing:-.05em;margin:27px 0 24px}h1 em{font-size:.65em;color:#cee2e1;line-height:1.1}h1 .blue{color:#a6dff5}.hero-intro{font-size:16px;color:#c2d4d4;line-height:1.7;max-width:610px}.actions{gap:10px;margin-top:35px}.button{min-height:52px;border-radius:100px;padding:0 22px;gap:30px;font-size:14px}.primary{background:#a9dff3;color:#123340}.primary:hover{background:#c6edfa}.secondary{background:#395259;color:#e1eeee}.secondary:hover{background:#49666e}.button span{color:inherit}.hero-aside{border:0;border-radius:32px 32px 32px 8px;background:#2d3738;margin:0;padding:28px}.hero-aside p{font-size:16px;color:#d2dedc;line-height:1.6;margin:16px 0 22px}.hero-aside a{font-size:13px;font-weight:700;color:#a6dff5}.section{border:0;padding-top:64px;padding-bottom:80px}.section-heading{grid-template-columns:1fr minmax(260px,370px);margin-bottom:32px;gap:30px}.section-heading h2{font-size:clamp(38px,4.7vw,60px);letter-spacing:-.045em;margin-top:14px}.section-heading>p{font-size:15px;line-height:1.65}.projects{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.project,.featured{border:0;border-radius:28px;background:#202a2e;padding:28px 30px;min-height:280px;transition:background .2s ease,transform .2s ease}.project:hover{background:#29373b;transform:translateY(-2px)}.project-top{font:600 11px 'Roboto Flex',sans-serif;letter-spacing:.08em;color:#abc3c7}.project-top a,.project-top>span:last-child{font-size:22px;color:#a6dff5}.project h3{font-size:27px;letter-spacing:-.025em;margin:28px 0 12px}.project p,.archive p,.lab p{font-size:15px;color:#c2cecd;line-height:1.65}.tags{gap:7px;margin:20px 0}.tags span{font:600 10px 'Roboto Flex',sans-serif;letter-spacing:.05em;color:#c2d8d9;background:#34474a;border:0;border-radius:100px;padding:7px 10px}.text-link,.project-links{font:700 13px 'Roboto Flex',sans-serif;color:#a9dff3}.featured{background:#b7dce6;color:#102c34;min-height:300px;border-radius:36px 36px 12px 36px}.featured:hover{background:#c6e6ed}.featured .project-top,.featured p{color:#36565d}.featured .project-top>span:last-child,.featured .project-links{color:#14566c}.featured .tags span{background:#d4e9ec;color:#2b525a}.featured h3{font-size:38px}.approach{background:#1a2225;border-radius:40px;margin:10px 40px}.approach .wrap{padding-left:48px;padding-right:48px}.steps{gap:12px;border:0}.steps>div{background:#293437;border-radius:26px;padding:26px}.steps b{font:700 12px 'Roboto Flex',sans-serif;color:#a6dff5}.steps h3{font-size:21px;margin:26px 0 12px}.steps p{color:#c0cdcc;font-size:14px;line-height:1.7}.approach-note{border:0;padding:24px 4px 0;font:500 13px 'Roboto Flex',sans-serif;color:#b6c8c8}.lab{border:0;background:#202a2e;border-radius:32px;padding:8px 30px}.lab-head{padding:25px 0 30px}.lab-head h3{font-size:27px}.lab-head p a{color:#a9dff3}.lab-glyph{color:#a9dff3}.lab-items a{padding:22px 0;border-color:#46585b}.lab-items span,.lab-items b{color:#a9dff3}.lab-items strong{font-size:15px}.lab-items small{font:500 12px 'Roboto Flex',sans-serif;color:#b7c8c8}.lab-note{border-color:#46585b;font:500 12px 'Roboto Flex',sans-serif!important;color:#b7c8c8!important}.archive-grid{gap:12px}.archive article{border:0;background:#202a2e;border-radius:24px;padding:25px;min-height:230px}.archive h3{font-size:19px}.archive article>a,.archive article>span{font:700 11px 'Roboto Flex',sans-serif;color:#a6dff5;letter-spacing:.04em}.contact{background:none;border:0;padding:20px 40px 0}.contact-inner{max-width:1240px;background:#b7dce6;color:#102c34;border-radius:40px 40px 12px 40px;padding:50px;gap:60px}.contact .eyebrow,.contact .slash{color:#315d68}.contact h2{font-size:clamp(38px,4vw,56px)}.contact h2 em{color:#456d75}.contact p{color:#36565d;font-size:15px}.contact-links a,.contact-links a:last-child{border-color:#7ba6af}.contact-links span{font:600 10px 'Roboto Flex',sans-serif;color:#36565d}.contact-links b{color:#14566c}.contact-links a:hover strong{color:#14566c}.footer{max-width:1320px;min-height:110px}.footer .brand{font-family:'Roboto Flex',sans-serif}@media(max-width:800px){.topbar nav a:not(.nav-contact){display:none}.topbar nav{padding:4px}.hero{padding-top:20px;grid-template-columns:1fr;gap:12px}.hero-aside{max-width:none}.section-heading{grid-template-columns:1fr 1fr}.approach{margin:0 20px}.archive-grid{grid-template-columns:repeat(2,1fr)}.contact-inner{grid-template-columns:1fr}}@media(max-width:520px){.wrap,.topbar{padding-left:18px;padding-right:18px}.topbar{height:76px}.topbar nav .nav-contact{padding:12px 16px}.hero{padding-top:10px;padding-bottom:45px}.hero-copy{padding:34px 25px;border-radius:30px 30px 8px 30px}.hero h1{font-size:51px}.hero-intro{font-size:15px}.actions{flex-wrap:wrap}.button{font-size:13px;min-height:48px;padding:0 18px;gap:16px}.hero-aside{border-radius:24px;padding:24px}.section{padding-top:48px;padding-bottom:55px}.section-heading{display:block}.section-heading>p{margin-top:15px}.projects,.archive-grid,.steps{grid-template-columns:1fr}.featured{grid-column:auto}.project,.featured{min-height:0;padding:25px;border-radius:24px}.featured h3{font-size:32px}.project h3{margin-top:24px}.project-links{margin-top:4px}.steps>div{border:0;padding:24px}.approach{margin:0 10px}.approach .wrap{padding-left:18px;padding-right:18px}.lab{padding:5px 22px}.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}.contact{padding:10px 18px 0}.contact-inner{padding:30px 25px;border-radius:30px 30px 8px 30px;gap:28px}.footer{padding-top:25px;padding-bottom:25px}}@media(prefers-reduced-motion:reduce){.project{transition:none}}