:root{color:#181818;scroll-behavior:smooth;background:#fff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0;font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}a:hover{color:#4f46e5}header,main,footer{width:min(100% - 48px,1080px);margin-inline:auto}header{border-bottom:1px solid #e8e8e8;justify-content:space-between;align-items:center;height:80px;display:flex}.name{font-weight:650}nav{gap:20px;display:flex}nav a{color:#555;font-size:14px}nav a[aria-current=page]{color:#181818}main>section{border-bottom:1px solid #e8e8e8;padding:96px 0;scroll-margin-top:32px}.intro{flex-direction:column;justify-content:center;min-height:520px;display:flex}.label{color:#777;letter-spacing:.08em;text-transform:uppercase;margin:0 0 20px;font-size:13px;font-weight:600}h1{letter-spacing:-.055em;margin:0 0 28px;font-size:clamp(52px,9vw,96px);font-weight:650;line-height:1}h2{letter-spacing:-.035em;margin:0;font-size:clamp(32px,5vw,52px);font-weight:600;line-height:1.1}h3{margin:0 0 12px;font-size:20px;font-weight:600}.copy{color:#555;max-width:620px;margin:0}.intro-copy{font-size:19px;line-height:1.65}.section-heading{margin-bottom:48px}.section-heading .label{margin-bottom:12px}.projects{grid-template-columns:repeat(2,1fr);gap:24px;display:grid}.projects article{border:1px solid #dedede;border-radius:8px;min-height:220px;padding:28px}.project-type{color:#777;letter-spacing:.06em;text-transform:uppercase;margin:0 0 10px;font-size:12px;font-weight:650}.split{grid-template-columns:1fr 1fr;align-items:start;gap:40px;display:grid}.split .section-heading{margin:0}.split>.copy{padding-top:36px}.about-copy p,.contact-copy p{margin:0 0 18px}.contact-link{color:#181818;border-bottom:1px solid;font-weight:650;display:inline-block}.contact-links{flex-direction:column;align-items:flex-start;gap:10px;display:flex}footer{color:#777;justify-content:space-between;align-items:center;padding-block:32px;font-size:13px;display:flex}footer p{margin:0}@media (width<=680px){header,main,footer{width:min(100% - 32px,1080px)}header{align-items:flex-start;gap:20px;height:auto;padding-block:20px}nav{flex-wrap:wrap;justify-content:flex-end;gap:8px 14px}main>section{padding:72px 0}.intro{min-height:430px}.projects,.split{grid-template-columns:1fr}.split{gap:28px}.split>.copy{padding-top:0}}
