:root{color:#17202c;font-synthesis:none;background:#fff;font-family:Arial,Helvetica,sans-serif;font-size:16px;font-weight:400;line-height:1.6}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0}a{color:inherit;text-decoration:none}a:hover{color:#2458e6}a:focus-visible{outline-offset:6px;outline:3px solid #2458e6}.wrap{width:min(1120px,100% - 96px);margin:auto}.header{border-bottom:1px solid #e0e4e9;justify-content:space-between;align-items:center;padding:30px 0;display:flex}.wordmark{letter-spacing:-2px;font-size:27px;font-weight:800}.wordmark span,.about h2 span{color:#2458e6}nav{gap:32px;font-size:14px;display:flex}.hero{padding-top:100px;padding-bottom:100px}.eyebrow{text-transform:uppercase;letter-spacing:2px;color:#4f5d72;margin:0 0 29px;font-size:13px;font-weight:700}h1{letter-spacing:-4px;margin:0;font-size:clamp(48px,6.5vw,88px);font-weight:700;line-height:1.08}h1 span{color:#2458e6}.hero-bottom{justify-content:space-between;align-items:flex-end;gap:40px;margin-top:38px;display:flex}.hero-bottom p{color:#566173;max-width:580px;margin:0;font-size:19px}.work-link{border-bottom:1px solid #17202c;flex-shrink:0;padding:8px 0;font-size:15px}.work-link span{margin-left:40px}.section-heading{border-top:2px solid #17202c;justify-content:space-between;align-items:center;padding:23px 0;display:flex}.section-heading h2{margin:0;font-size:17px}.section-heading>span{color:#566173;font-size:13px}.project{border-top:1px solid #e0e4e9;grid-template-columns:60px 1fr 1.1fr;gap:24px;padding:38px 0;display:grid}.number{color:#647187;padding-top:7px;font-size:13px}.project h3{letter-spacing:-.7px;margin:0 0 12px;font-size:25px;line-height:1.3}.category{text-transform:uppercase;letter-spacing:1px;color:#566173;font-size:12px}.project-description p{color:#566173;margin:0;font-size:16px}.project-description .tagline{color:#17202c;margin-bottom:6px;font-weight:600}.work{padding-bottom:85px}.about{background:#f2f5fa;border-top:1px solid #e0e4e9;padding:75px 0}.about-grid{grid-template-columns:1fr 1.25fr;gap:80px;display:grid}.about h2{letter-spacing:-1.5px;max-width:280px;margin:0;font-size:38px;line-height:1.15}.about p{color:#566173;margin:0 0 20px}.about .about-lead{color:#17202c;letter-spacing:-.3px;font-size:23px;line-height:1.45}.skills{flex-wrap:wrap;gap:10px;margin-top:30px;display:flex}.skills span{border:1px solid #c9d1dd;border-radius:4px;padding:5px 11px;font-size:13px}.contact{color:#2458e6;margin-top:28px;display:inline-block}footer{color:#566173;justify-content:space-between;padding:30px 0;font-size:13px;display:flex}.skip{z-index:10;background:#fff;padding:10px;position:absolute;top:-100px;left:20px}.skip:focus{top:10px}@media (width<=700px){.wrap{width:calc(100% - 40px)}.header{padding:22px 0}nav{gap:22px}.hero{padding:64px 0}h1{letter-spacing:-2px;font-size:clamp(40px,8.5vw,58px)}.eyebrow{letter-spacing:1.4px;font-size:12px}.hero-bottom{margin-top:28px;display:block}.hero-bottom p{font-size:17px}.work-link{margin-top:25px;display:inline-block}.section-heading>span{display:none}.project{grid-template-columns:28px 1fr;gap:15px;padding:28px 0}.project-description{grid-column:2}.project h3{font-size:23px}.work{padding-bottom:50px}.about{padding:45px 0}.about-grid{grid-template-columns:1fr;gap:28px}.about h2{max-width:none;font-size:34px}.about .about-lead{font-size:21px}footer{flex-wrap:wrap;gap:20px}footer>span:nth-child(2){display:none}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}