:root{--ink:#17231d;--cream:#f5f4eb;--lime:#d5ec76;--muted:#657068}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:'DM Sans',sans-serif}a{color:inherit;text-decoration:none}.wrap{width:min(1320px,88%);margin:auto}.header{height:100px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d4d9cc}.brand{font-family:'Space Grotesk',sans-serif;font-weight:700;letter-spacing:-.05em;font-size:20px}.mark{font-size:30px;vertical-align:middle;margin-right:7px}.dot{color:#8cae32}nav{display:flex;align-items:center;gap:38px;font-size:13px;font-weight:700}.nav-contact{border:1px solid var(--ink);padding:14px 19px;border-radius:30px}.nav-contact span{margin-left:14px}.hero{min-height:620px;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:50px;padding-top:70px;padding-bottom:85px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:.17em}.status{display:inline-block;width:8px;height:8px;background:#98bd38;border-radius:50%;margin-right:8px}h1,h2,h3{font-family:'Space Grotesk',sans-serif;letter-spacing:-.065em;margin:0}h1{font-size:clamp(60px,7.1vw,104px);line-height:.98;margin:30px 0}em{font-style:normal;color:#8cae32}.intro{font-size:17px;line-height:1.8;max-width:490px;color:#59665c}.actions{display:flex;align-items:center;gap:30px;margin-top:38px}.button{background:var(--ink);color:white;border-radius:40px;padding:19px 23px;font-size:13px;font-weight:700}.button span{margin-left:32px}.text-link{font-size:13px;font-weight:700;border-bottom:1px solid;padding-bottom:5px}.hero-art{height:430px;background:#dce8c7;position:relative;overflow:hidden;display:grid;place-items:center}.orb{width:230px;height:230px;border-radius:50%;background:var(--ink);color:var(--lime);display:grid;place-items:center;font-size:160px;line-height:1;z-index:1}.orbit{position:absolute;border:1px solid #9ab08c;border-radius:50%;width:350px;height:350px}.orbit-two{width:490px;height:490px}.art-label,.art-index{position:absolute;font-size:9px;font-weight:700;letter-spacing:.14em;line-height:1.5}.art-label{bottom:25px;left:25px}.art-index{top:25px;right:25px}.section{padding-top:110px;padding-bottom:110px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:45px}.section-heading h2,.about h2,.contact h2{font-size:clamp(44px,5vw,70px);line-height:1.05}.section-heading>p{max-width:250px;color:var(--muted);line-height:1.7;font-size:14px}.projects{display:grid;grid-template-columns:1fr 1fr;gap:25px}.project-top,.project-bottom{display:flex;justify-content:space-between;align-items:center}.project-top{border-top:1px solid #b9c2b6;padding:15px 0;font-size:10px;font-weight:700;letter-spacing:.1em}.arrow{font-size:19px}.project-visual{height:310px;position:relative;overflow:hidden;display:grid;place-items:center}.visual-one{background:#253a2e;color:#d7ed84}.visual-two{background:#e1b99d;color:#633c2d}.network{font-size:220px;line-height:1}.grid-art{font-size:180px;line-height:1}.visual-caption{position:absolute;bottom:22px;left:22px;font-size:9px;letter-spacing:.15em;font-weight:700}.project-bottom{padding:24px 0}.project-bottom h3{font-size:24px}.project-bottom p,.contact>p:last-child{color:var(--muted);font-size:14px}.project-bottom>span{font-size:9px;font-weight:700;letter-spacing:.1em}.about{background:#e4e9db}.about-inner{display:grid;grid-template-columns:1fr 1fr;gap:60px}.about h2{margin-top:25px}.about-copy{max-width:480px;font-size:17px;line-height:1.8;color:#56635a}.about-copy .text-link{display:inline-block;color:var(--ink);margin-top:15px}.contact-row{display:flex;justify-content:space-between;align-items:center;margin-top:25px}.contact-circle{width:110px;height:110px;border-radius:50%;background:var(--lime);display:grid;place-items:center;font-size:45px;transition:transform .2s}.contact-circle:hover{transform:rotate(45deg)}footer{border-top:1px solid #cbd2c6;display:flex;align-items:center;justify-content:space-between;padding:30px 0 40px}footer>span,footer>a:last-child{font-size:10px;font-weight:700;letter-spacing:.1em}@media(max-width:700px){.header{height:78px}nav{gap:15px}nav>a:not(.nav-contact){display:none}.hero{grid-template-columns:1fr;padding-top:60px;gap:40px}.hero-art{height:320px}.orb{width:170px;height:170px;font-size:120px}.section{padding-top:75px;padding-bottom:75px}.section-heading{display:block}.projects,.about-inner{grid-template-columns:1fr}.project-visual{height:260px}.about-inner{gap:20px}.contact-circle{width:80px;height:80px;font-size:32px}footer{gap:20px;flex-wrap:wrap}.actions{flex-wrap:wrap}}