@import url('https://fonts.googleapis.com/css2?family=DM+Mono&family=Manrope:wght@400;500;600;700;800&family=Playfair+Display:ital,wght@0,600;0,700;1,600;1,700&display=swap');
:root{--ink:#182423;--paper:#f6f4ef;--lime:#d6fc67;--line:#cdd0c9;--muted:#61706a}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,Arial,sans-serif}.nav{height:82px;display:flex;align-items:center;justify-content:space-between;max-width:1240px;padding:0 42px;margin:auto}.brand{font-size:25px;font-weight:800;text-decoration:none;color:var(--ink);letter-spacing:-2px}.brand span{color:#6f9b00}.nav nav{display:flex;gap:29px}.nav nav a,.text-link{color:var(--ink);text-decoration:none;font-size:13px;font-weight:700}.hero{min-height:600px;max-width:1240px;margin:auto;padding:104px 42px 72px;position:relative;border-bottom:1px solid var(--line)}.eyebrow,.section-label{font:11px 'DM Mono',monospace;letter-spacing:1.4px;color:#5d6b65}.hero h1,.about h2,.contact h2{font-size:clamp(46px,6vw,82px);letter-spacing:-5px;line-height:1.01;margin:21px 0 25px;font-weight:800}.hero em,.contact em{font-family:'Playfair Display',serif;font-weight:600}.hero p{max-width:500px;color:var(--muted);font-size:17px;line-height:1.7}.actions{display:flex;align-items:center;gap:27px;margin-top:37px}.button{background:var(--ink);color:white;text-decoration:none;border-radius:2px;padding:15px 19px;font-size:13px;font-weight:700}.button b{font-size:18px;margin-left:11px}.text-link{border-bottom:1px solid var(--ink);padding-bottom:4px}.hero-mark{position:absolute;right:54px;bottom:78px;width:146px;height:146px;border-radius:100%;background:var(--lime);display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(-9deg)}.hero-mark span{font-size:35px;font-weight:800;letter-spacing:-2px}.hero-mark small{font:10px 'DM Mono';text-align:center;line-height:1.5}.about,.projects,.contact{max-width:1240px;margin:auto;padding:110px 42px;display:grid;grid-template-columns:25% 75%;gap:20px}.about h2,.contact h2{font-size:47px;margin:0 0 25px}.about p{max-width:640px;color:var(--muted);line-height:1.8}.chips{display:flex;flex-wrap:wrap;gap:9px;margin-top:27px}.chips span{border:1px solid var(--line);padding:8px 12px;border-radius:100px;font:11px 'DM Mono';color:#40504b}.projects{border-top:1px solid var(--line)}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.project{background:#e9ece5;padding:25px;min-height:230px;transition:.2s}.project:hover{background:var(--lime);transform:translateY(-4px)}.project-top{display:flex;justify-content:space-between;font:11px 'DM Mono';color:#55635d}.project h3{font-size:22px;letter-spacing:-1px;margin:43px 0 9px}.project p{font-size:13px;line-height:1.6;color:#53615b;margin:0 0 16px}.project small{font:10px 'DM Mono';color:#40504b}.empty{color:var(--muted)}.contact{border-top:1px solid var(--line);padding-bottom:140px}.contact-link{color:var(--ink);font-size:20px;font-weight:700;text-decoration:none;border-bottom:2px solid var(--ink);padding-bottom:7px}.contact-link span{margin-left:10px}footer{max-width:1240px;margin:auto;border-top:1px solid var(--line);padding:25px 42px;color:#66736d;font:11px 'DM Mono'}footer span{padding:0 7px;color:#a1aaa5}@media(max-width:700px){.nav,.hero,.about,.projects,.contact{padding-left:22px;padding-right:22px}.nav nav{gap:14px}.nav nav a{font-size:11px}.hero{padding-top:75px;min-height:590px}.hero h1{letter-spacing:-3px}.hero-mark{right:24px;bottom:35px;width:112px;height:112px}.hero-mark span{font-size:28px}.about,.projects,.contact{grid-template-columns:1fr;padding-top:75px;padding-bottom:75px}.project-grid{grid-template-columns:1fr}.about h2,.contact h2{font-size:38px}footer{padding-left:22px;padding-right:22px}}