*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:#0c2a44;background:#fff;font:16px/1.75 "Archivo",system-ui,sans-serif}a{color:#176291}a:focus-visible,button:focus-visible{outline:3px solid #3697d8;outline-offset:5px}header,main,footer{max-width:1200px;margin:auto;padding:28px 32px}header{display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid #dde6ee}.brand{display:flex;align-items:center;gap:15px;font-size:14px;letter-spacing:.06em;color:#0c2a44;text-decoration:none}.brand img{width:92px;height:40px;object-fit:contain}nav{display:flex;gap:25px;font-size:13px}nav a{text-decoration:none}.breadcrumb{margin:32px 0 65px;font-size:13px;color:#536b80}.eyebrow{font:11px/1.8 "IBM Plex Mono",monospace;letter-spacing:.06em;text-transform:uppercase;color:#176291}.intro{max-width:850px}h1,h2,h3{font-family:"Jost",system-ui,sans-serif;font-weight:500;line-height:1.1;letter-spacing:-.035em}h1{font-size:clamp(2.8rem,6.8vw,5.6rem);margin:22px 0 28px;max-width:16ch}.lede{font-size:1.2rem;color:#41566b;max-width:62ch}.button{display:inline-block;padding:14px 23px;background:#0c2a44;color:white;border-radius:99px;text-decoration:none;font-size:14px;margin-top:15px}.project{margin:65px 0 75px;padding:32px;background:#edf3f9;border:1px solid #dde6ee;border-radius:24px}.project img{display:block;width:100%;height:auto;border-radius:10px;box-shadow:0 20px 50px -30px #0c2a4480}.project figcaption{font-size:12px;color:#536b80;margin-top:18px}.content{display:grid;grid-template-columns:250px minmax(0,1fr);gap:75px}.content aside{font-size:14px;color:#536b80}.content aside a{display:block;margin:15px 0}.copy section{margin-bottom:45px}h2{font-size:2rem;margin:0 0 18px}.copy p{color:#41566b;margin:0}.close{margin:40px 0 55px;padding:42px;background:#edf5fc;border-radius:24px}.close p{max-width:65ch;color:#41566b}.close h2{font-size:2.5rem}footer{border-top:1px solid #dde6ee;color:#536b80;font-size:12px;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.skip{position:absolute;left:-9999px}.skip:focus{left:20px;top:10px;background:white;padding:10px;z-index:10}@media(max-width:700px){header,main,footer{padding:22px}header{flex-wrap:wrap}nav{gap:20px}.breadcrumb{margin:25px 0 40px}.content{grid-template-columns:1fr;gap:25px}.content aside{border-bottom:1px solid #dde6ee;padding-bottom:20px}.project{padding:16px;margin:40px 0}.close{padding:28px}.lede{font-size:1.05rem}h2{font-size:1.7rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}