@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=DM+Mono:wght@400;500&display=swap');
:root{--paper:#f4f1e8;--ink:#17221c;--green:#52765d;--sage:#dce5d4;--gold:#d5aa54;--muted:#7b8178;--line:#d1d2c8}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",Arial,sans-serif}
header{height:78px;border-bottom:1px solid var(--line);padding:0 6vw;display:flex;align-items:center;justify-content:space-between}.brand{color:var(--ink);font-weight:700;text-decoration:none;letter-spacing:-.06em;font-size:17px}.brand span{font-weight:400}nav{display:flex;gap:28px}nav a{font:9px "DM Mono",monospace;color:var(--ink);text-decoration:none;letter-spacing:.13em}
.hero{min-height:720px;padding:7vw 6vw;display:grid;grid-template-columns:1fr 1fr;gap:7vw;border-bottom:1px solid var(--line)}.eyebrow,.label{font:10px "DM Mono",monospace;letter-spacing:.13em;color:var(--muted);margin:0 0 24px}.hero h1{font-size:clamp(62px,8vw,118px);line-height:.86;letter-spacing:-.075em;margin:0 0 34px;font-weight:600}.hero h1 em,.about h2 em,.intro-head h2 em,.contact h2 em{font-style:normal;color:var(--green)}.lead{max-width:500px;color:#657067;font-size:16px;line-height:1.75}.cta{display:inline-flex;gap:35px;margin-top:25px;border:1px solid var(--ink);padding:15px 18px;color:var(--ink);text-decoration:none;font:10px "DM Mono",monospace;letter-spacing:.1em}.cta:hover{background:var(--green);color:var(--paper);border-color:var(--green)}
.visual{position:relative;background:var(--sage);min-height:510px;overflow:hidden;border-radius:45% 45% 3px 3px}.visual:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 43%,rgba(255,255,255,.7),transparent 42%)}.sun{position:absolute;width:145px;height:145px;border-radius:50%;background:#f0d28d;left:50%;top:42%;transform:translate(-50%,-50%);box-shadow:0 0 70px rgba(213,170,84,.28)}.arc{position:absolute;border:1px solid rgba(82,118,93,.55);border-radius:50%;left:50%;top:43%;transform:translate(-50%,-50%)}.arc1{width:72%;height:32%;transform:translate(-50%,-50%) rotate(-18deg)}.arc2{width:48%;height:67%;transform:translate(-50%,-50%) rotate(35deg)}.arc3{width:91%;height:22%;transform:translate(-50%,-50%) rotate(58deg)}.leaf{position:absolute;background:var(--green);border-radius:100% 0 100% 0;opacity:.85}.l1{width:78px;height:125px;right:17%;bottom:12%;transform:rotate(34deg)}.l2{width:52px;height:88px;right:30%;bottom:8%;transform:rotate(-14deg)}.l3{width:44px;height:72px;left:18%;bottom:14%;transform:rotate(47deg)}.tiny{position:absolute;left:22px;bottom:20px;color:#697a6d;font:9px/1.6 "DM Mono",monospace}.tiny b{color:var(--green);font-weight:500}
.about{display:grid;grid-template-columns:26% 1fr;gap:7vw;padding:110px 8vw;border-bottom:1px solid var(--line)}.about h2,.intro-head h2{font-size:clamp(48px,6vw,86px);line-height:.88;letter-spacing:-.07em;margin:0 0 34px}.about>div:last-child>p{max-width:680px;color:#657067;font-size:15px;line-height:1.75}
.approach{padding:105px 6vw;border-bottom:1px solid var(--line)}.intro-head{display:grid;grid-template-columns:28% 1fr;gap:7vw;align-items:end;margin-bottom:65px}.intro-head h2{margin:0}.steps{border-top:1px solid var(--line)}.steps article{display:grid;grid-template-columns:10% 1fr;gap:20px;padding:30px 0;border-bottom:1px solid var(--line)}.steps article>span{font:10px "DM Mono",monospace;color:var(--gold)}.steps h3{font-size:15px;letter-spacing:.08em;margin:0 0 10px}.steps p{max-width:620px;color:#69736a;font-size:14px;line-height:1.7;margin:0}
.quote{background:var(--green);color:var(--paper);padding:90px 12vw;display:grid;grid-template-columns:150px 1fr;gap:50px;align-items:center}.circle{width:120px;height:120px;border:1px solid var(--sage);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;font:700 25px "DM Mono",monospace;color:var(--sage);text-align:center}.circle small{font-size:7px;letter-spacing:.13em}.quote p{font-size:clamp(30px,4.5vw,60px);line-height:1.02;letter-spacing:-.05em;margin:0 0 28px;max-width:850px}.quote span{font:9px "DM Mono",monospace;letter-spacing:.12em;color:var(--sage)}
.contact{padding:105px 8vw;display:grid;grid-template-columns:1fr 1fr;gap:8vw}.contact h2{font-size:clamp(60px,7.5vw,110px);line-height:.78;letter-spacing:-.08em;margin:45px 0 0}.contact-card{align-self:end;border-left:1px solid var(--line);padding:12px 0 12px 35px}.contact-card p{color:var(--muted);font-size:13px}.contact-card a{display:inline-block;color:var(--ink);font:12px "DM Mono",monospace;text-decoration:none;border-bottom:1px solid var(--green);padding-bottom:8px;margin:18px 0 45px}.contact-card small{display:block;max-width:360px;color:#858b82;font:9px/1.7 "DM Mono",monospace}
footer{border-top:1px solid var(--line);padding:20px 6vw;display:flex;justify-content:space-between;gap:20px;color:var(--muted);font:9px "DM Mono",monospace;letter-spacing:.1em}
@media(max-width:800px){nav{gap:14px}nav a{font-size:8px}.hero{grid-template-columns:1fr;padding-top:55px}.visual{min-height:430px}.about{grid-template-columns:1fr;padding:75px 8vw}.approach{padding:75px 6vw}.intro-head{display:block}.intro-head h2{margin-top:28px}.quote{grid-template-columns:1fr;padding:70px 9vw;gap:35px}.contact{grid-template-columns:1fr;padding:75px 8vw}.contact-card{border-left:0;border-top:1px solid var(--line);padding:30px 0 0}footer{flex-direction:column}}