@import url('https://fonts.googleapis.com/css2?family=DM+Mono&family=Manrope:wght@400;500;600;700;800&display=swap');
body{overflow-x:hidden}
:root{--ink:#122a2d;--muted:#5c7478;--accent:#147c74;--canvas:#f6fbfa;--card:#fff;--line:#d9e9e6}*{box-sizing:border-box}body{background:var(--canvas);color:var(--ink);font-family:Manrope,system-ui,sans-serif;line-height:1.6;margin:0}header,main,footer{margin:auto;max-width:1180px}header{align-items:center;display:flex;justify-content:space-between;padding:1.4rem 2rem}header a{color:var(--ink);font-weight:800;text-decoration:none}header span{color:var(--muted);font-size:.8rem}main{padding:1rem 2rem 5rem}.hero{max-width:920px;padding:5.5rem 0 3.5rem}.hero:before{background:#e1f3ef;border-radius:50%;content:"";height:24rem;position:absolute;right:4%;top:5rem;width:24rem;z-index:-1}.eyebrow,.project-type{color:var(--accent);font-family:'DM Mono',monospace;font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.hero h1{font-size:clamp(3rem,6.6vw,6.3rem);letter-spacing:-.075em;line-height:.94;margin:.8rem 0 1.6rem}.lead{color:var(--muted);font-size:1.18rem;max-width:650px}.button{background:var(--accent);border-radius:.6rem;box-shadow:0 8px 18px #147c7430;color:#fff;display:inline-block;font-size:.88rem;font-weight:800;margin-top:1.5rem;padding:.9rem 1.1rem;text-decoration:none}.button:hover{background:#0d645e;transform:translateY(-1px)}section{margin:4.5rem 0}h2{font-size:clamp(2rem,4vw,3.2rem);letter-spacing:-.06em;line-height:1.05;margin-bottom:1.4rem}.copy{max-width:750px}.copy p{color:var(--muted);font-size:1.08rem}.skills{display:flex;flex-wrap:wrap;gap:.65rem;list-style:none;padding:0}.skills li{background:var(--card);border:1px solid var(--line);border-radius:99px;padding:.5rem .85rem}.project-grid{display:grid;gap:1rem;grid-template-columns:repeat(3,1fr)}.project{background:var(--card);border:1px solid var(--line);border-radius:1rem;min-height:220px;padding:1.5rem;transition:transform .2s}.project:hover{transform:translateY(-4px)}.project h3{font-size:1.35rem;letter-spacing:-.04em;margin:.4rem 0}.project p:last-child{color:var(--muted);font-size:.9rem}.contact{background:#123c3b;border-radius:1rem;color:#fff;padding:2.5rem}.contact h2{margin-top:0}.contact p{color:#d2e6e2;max-width:500px}.contact .button{background:#fff;color:#123c3b}footer{border-top:1px solid var(--line);color:var(--muted);font-size:.78rem;padding:2rem}@media(max-width:720px){header,main{padding-left:1.2rem;padding-right:1.2rem}.hero{padding:3rem 0}.hero:before{height:13rem;right:-3rem;top:4rem;width:13rem}.project-grid{grid-template-columns:1fr}.contact{border-radius:.7rem;padding:1.5rem}}