@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');

:root{font-family:'DM Sans',system-ui,sans-serif;color:#182522;background:#f6f7f3;scroll-behavior:smooth}
*{box-sizing:border-box}body{margin:0;min-width:320px}a{color:inherit}a:focus-visible{outline:3px solid #286858;outline-offset:5px;border-radius:4px}.skip{position:absolute;left:16px;top:-60px;background:#fff;padding:12px 16px;z-index:10}.skip:focus{top:12px}.site-header,.hero,.section,.contact,.site-footer{max-width:1320px;margin-inline:auto;padding-inline:clamp(24px,5vw,72px)}
.site-header{display:flex;justify-content:space-between;align-items:center;gap:24px;min-height:100px;border-bottom:1px solid #dce3db}.wordmark{display:inline-flex;align-items:center;gap:13px;text-decoration:none;font-family:Manrope,sans-serif;font-size:17px;font-weight:800;letter-spacing:-.045em}.wordmark-symbol{display:grid;place-items:center;width:39px;height:39px;border-radius:12px;background:#1d453a;color:#fff;font-size:13px;letter-spacing:-.08em}.site-header nav{display:flex;gap:clamp(18px,3vw,42px)}.site-header nav a{text-decoration:none;color:#52635c;font-size:14px;font-weight:600}.site-header nav a:hover,.text-link:hover,.site-footer a:hover{color:#1d6a54}
.hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(330px,.9fr);gap:clamp(34px,6vw,92px);align-items:center;min-height:650px;padding-block:clamp(64px,8vw,110px)}.hero-copy{position:relative;z-index:1}.eyebrow,.section-label{font-size:12px;font-weight:800;letter-spacing:.13em;text-transform:uppercase;color:#476d5d}.eyebrow{display:flex;align-items:center;gap:10px}.status-dot{width:8px;height:8px;border-radius:50%;background:#59a57b;box-shadow:0 0 0 5px #dbeee0}.hero h1,.section h2,.contact h2{font-family:Manrope,sans-serif;letter-spacing:-.068em}.hero h1{font-size:clamp(52px,5.9vw,86px);font-weight:700;line-height:1.06;margin:31px 0 26px;max-width:790px}.hero h1 em{font-style:normal;color:#3c876c}.lead{max-width:610px;color:#53645c;font-size:clamp(17px,1.5vw,20px);line-height:1.7}.hero-actions{display:flex;align-items:center;gap:30px;flex-wrap:wrap;margin-top:40px}.button{display:inline-flex;align-items:center;gap:42px;padding:16px 21px;border-radius:11px;text-decoration:none;font-size:15px;font-weight:700;transition:transform .18s ease,background .18s ease}.button:hover{transform:translateY(-2px)}.button-primary{background:#1d453a;color:#fff}.button-primary:hover{background:#286858}.text-link{text-decoration:none;font-size:15px;font-weight:700;color:#355649}.text-link span{margin-left:8px}
.hero-art{position:relative;isolation:isolate;overflow:hidden;min-height:475px;border-radius:32px;background:radial-gradient(circle at 62% 37%,#d5e8d9 0,#e9eee4 45%,#dce8e4 100%);box-shadow:0 20px 60px #1b453510}.art-grid{position:absolute;inset:0;background-image:linear-gradient(#fff8 1px,transparent 1px),linear-gradient(90deg,#fff8 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(135deg,#0008,transparent 80%)}.art-orbit{position:absolute;border:1px solid #37635050;border-radius:50%;transform:rotate(-28deg)}.art-orbit-one{width:410px;height:410px;top:28px;left:12%}.art-orbit-two{width:280px;height:280px;top:92px;left:26%}.art-core{position:absolute;display:flex;align-items:center;justify-content:center;top:30%;left:50%;width:clamp(160px,32%,220px);aspect-ratio:1;border-radius:32%;background:#1e4d3d;color:#fff;font:700 clamp(48px,5vw,68px)/1 Manrope,sans-serif;letter-spacing:-.12em;transform:translateX(-50%) rotate(-10deg);box-shadow:18px 20px 45px #244a3a45}.art-core span{color:#aed4b8;letter-spacing:-.18em}.art-caption{position:absolute;left:30px;bottom:26px;color:#496359;font-size:12px;font-weight:700;line-height:1.6;letter-spacing:.04em}
.site-header nav a,.text-link,.site-footer a{display:inline-flex;align-items:center;min-height:32px}
.section{display:grid;grid-template-columns:minmax(150px,28%) 1fr;gap:30px;padding-block:clamp(72px,8vw,120px);border-top:1px solid #dce3db}.section-label{margin:8px 0}.section h2{font-size:clamp(34px,3.6vw,54px);line-height:1.14;font-weight:700;max-width:690px;margin:0 0 27px}.section-content>p{max-width:710px;font-size:18px;line-height:1.75;color:#52635c;margin:0 0 17px}.projects{border-top:1px solid #dce3db;margin-top:35px}.project{display:grid;grid-template-columns:120px 1fr;gap:26px;padding:30px 0;border-bottom:1px solid #dce3db}.project-mark{display:grid;place-items:center;width:100px;height:100px;border-radius:24px;font-size:36px}.project-mark-video{background:#dcece7;color:#206551}.project-mark-ink{background:#f0e4d8;color:#905b38}.project-heading{display:flex;align-items:baseline;justify-content:space-between;gap:20px}.project h3{font:800 clamp(23px,2.4vw,31px)/1.2 Manrope,sans-serif;letter-spacing:-.05em;margin:0 0 11px}.project-heading span{font-size:12px;font-weight:700;color:#557968;white-space:nowrap}.project p{color:#58665e;line-height:1.65;font-size:16px;margin:0;max-width:590px}
.contact{padding-block:clamp(72px,8vw,112px);background:#e8efe8;max-width:none}.contact>*{max-width:1176px;margin-left:auto;margin-right:auto}.contact h2{font-size:clamp(39px,4.5vw,66px);font-weight:700;line-height:1.1;margin-top:20px;margin-bottom:15px}.contact p:not(.section-label){font-size:18px;color:#52635c;line-height:1.6}.contact-link{display:block;width:fit-content;margin-top:33px;font:700 clamp(20px,3vw,34px)/1.4 Manrope,sans-serif;letter-spacing:-.04em;text-decoration:none;border-bottom:2px solid #2c6b54;overflow-wrap:anywhere}.contact-link span{font-size:.8em}.site-footer{display:flex;justify-content:space-between;gap:20px;align-items:center;flex-wrap:wrap;min-height:110px;color:#64736c;font-size:13px}.site-footer a{text-decoration:none;font-weight:700;color:#365548}
@media(max-width:900px){.hero{grid-template-columns:1fr;min-height:0}.hero-art{min-height:380px}.art-core{font-size:76px}.section{grid-template-columns:1fr;gap:18px}.section-label{margin-bottom:0}}
@media(max-width:600px){.site-header{min-height:82px}.site-header nav{gap:15px}.site-header nav a{font-size:12px}.wordmark{font-size:14px}.wordmark-symbol{width:32px;height:32px;font-size:11px}.hero{padding-block:72px 42px;gap:55px}.hero h1{font-size:clamp(44px,10vw,58px)}.hero-art{min-height:300px;border-radius:24px}.art-orbit-one{width:290px;height:290px}.art-orbit-two{width:190px;height:190px}.art-core{top:24%;font-size:48px}.art-caption{bottom:16px;font-size:11px}.project{grid-template-columns:74px 1fr;gap:16px}.project-mark{width:70px;height:70px;border-radius:18px;font-size:26px}.project-heading{display:block}.project-heading span{display:inline-block;margin-bottom:8px}.site-footer{padding-block:25px;display:grid;gap:8px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}.button{transition:none}}