:root { --ink:#183f36; --deep:#082b25; --moss:#8ca56b; --lime:#c6d66e; --sand:#eee7d8; --clay:#d47854; --paper:#f6f3ec; }
* { box-sizing:border-box; } html { scroll-behavior:smooth; } body { margin:0; background:var(--paper); color:var(--ink); font-family:"DM Sans", sans-serif; } a { color:inherit; text-decoration:none; }
.site-header { height:92px; padding:0 5.5vw; display:flex; align-items:center; justify-content:space-between; position:absolute; inset:0 0 auto; z-index:2; color:var(--paper); }
.brand { display:flex; gap:10px; font-weight:600; font-size:13px; line-height:1.05; letter-spacing:.01em; align-items:center; }.brand-mark { width:26px; height:26px; border:1px solid currentColor; border-radius:50%; position:relative; display:inline-block; }.brand-mark:after { content:""; width:7px; height:7px; background:currentColor; position:absolute; border-radius:50%; top:5px; left:8px; }
nav { display:flex; align-items:center; gap:32px; font-size:14px; }nav a:not(.nav-cta) { opacity:.85; } .nav-cta { border:1px solid rgba(255,255,255,.55); padding:10px 15px; border-radius:30px; }.menu-button { display:none; }
.hero { min-height:760px; background:var(--deep); color:var(--paper); display:grid; grid-template-columns:1.1fr .9fr; padding:178px 10vw 78px; overflow:hidden; }.hero-copy { position:relative; z-index:1; }.eyebrow { font-family:"DM Mono",monospace; text-transform:uppercase; letter-spacing:.08em; font-size:11px; margin:0 0 27px; opacity:.8; }.hero h1,.section h2,.connect h2 { font-family:"Playfair Display",serif; font-weight:500; letter-spacing:-.045em; line-height:.96; margin:0; }.hero h1 { font-size:clamp(52px,6.2vw,92px); }.hero h1 em { color:var(--lime); font-style:italic; }.intro { max-width:460px; line-height:1.6; color:#d5ddd3; margin:34px 0; font-size:17px; }.button { display:inline-flex; gap:26px; align-items:center; padding:14px 18px; border-radius:2px; font-size:14px; font-weight:600; }.button span,.text-link span { font-size:20px; line-height:0; }.button-light { background:var(--lime); color:var(--deep); }.button-dark { background:var(--deep); color:var(--paper); }
.hero-art { position:relative; min-height:500px; margin:-40px -5vw -78px 0; overflow:hidden; background:linear-gradient(150deg,#517766,#1d4c42); }.sun { width:200px;height:200px;border-radius:50%;position:absolute;background:var(--lime);top:74px;left:28%;box-shadow:0 0 0 72px rgba(198,214,110,.1); }.orb { position:absolute;border:1px solid rgba(246,243,236,.35); border-radius:50%;}.orb-one {width:500px;height:500px;left:8%;top:-105px}.orb-two {width:760px;height:760px;left:-110px;top:-230px}.mountain {position:absolute;bottom:0;width:0;height:0;border-style:solid}.mountain-back {border-width:0 360px 330px 0;border-color:transparent #315b4f transparent transparent;right:0}.mountain-front {border-width:0 430px 380px 500px;border-color:transparent transparent #173e35 transparent;left:-150px}.river { position:absolute;background:#b6c490;width:110px;height:550px;transform:rotate(40deg);left:57%;bottom:-350px;border-radius:60%; }.hero-caption {position:absolute;right:7%;bottom:7%;font-family:"DM Mono",monospace;font-size:11px;line-height:1.5;}
.section { padding:125px 10vw; }.section-heading { display:flex; align-items:flex-end; justify-content:space-between; margin-bottom:54px; }.section h2,.connect h2 { font-size:clamp(39px,4.3vw,65px); }.project-grid { display:grid;grid-template-columns:1.15fr .85fr; gap:18px; }.project { height:520px; position:relative; overflow:hidden; color:var(--paper); }.project:before { content:""; position:absolute; inset:0; transition:transform .5s ease; }.project:hover:before { transform:scale(1.05); }.project-forest:before { background:radial-gradient(circle at 40% 25%,#97bd75 0 2%,transparent 2.4%),radial-gradient(circle at 75% 30%,#5f8b5b 0 3%,transparent 3.5%),linear-gradient(145deg,#113e37,#6c9458 55%,#234d3a); background-size:100px 100px,150px 150px,auto; }.project-ocean:before { background:radial-gradient(ellipse at 60% 45%,#c9d179 0 3%,transparent 3.4%),linear-gradient(160deg,#88a87a,#226d71 50%,#0a3f4a); }.project-overlay { position:absolute; inset:0; padding:32px; display:flex; flex-direction:column; justify-content:flex-end; background:linear-gradient(transparent 40%,rgba(0,0,0,.5)); }.project-type { font-family:"DM Mono",monospace;font-size:10px;text-transform:uppercase;margin:0 0 auto;letter-spacing:.07em}.project h3{font:500 clamp(30px,3vw,45px)/1 "Playfair Display",serif;margin:0 0 18px;letter-spacing:-.035em}.project a{font-size:13px;font-weight:600}.project a span{margin-left:8px}
.statement { background:var(--sand); min-height:560px; display:grid;grid-template-columns:.85fr 1.1fr 1fr;align-items:center;gap:45px;overflow:hidden;position:relative; }.statement-orb{height:230px;width:230px;border-radius:50%;background:var(--clay);box-shadow:0 0 0 60px #e4b28d;}.statement-copy,.about-copy>p { line-height:1.65;font-size:17px; }.about {display:grid;grid-template-columns:1fr 1fr;gap:12vw;align-items:center;background:#e0e9d6}.about-visual{height:460px;background:#b5c57f;position:relative;overflow:hidden;padding:28px;color:var(--deep);font:12px "DM Mono",monospace}.about-visual>span{font-size:56px}.about-visual p{position:absolute;bottom:20px;left:28px;line-height:1.5}.about-circle{position:absolute;width:370px;height:370px;border:1px solid #315c46;border-radius:50%;right:-85px;bottom:-85px;box-shadow:0 0 0 55px rgba(49,92,70,.18),0 0 0 110px rgba(49,92,70,.12)}.about-copy ul{list-style:none;padding:0;margin:30px 0}.about-copy li{border-top:1px solid rgba(24,63,54,.25);padding:12px 0;font-size:14px}.text-link{font-weight:600;font-size:14px}.text-link span{margin-left:9px}
.connect { background:var(--clay); text-align:center; padding:128px 20px; color:var(--deep); }.connect .eyebrow {margin-bottom:24px}.connect h2{margin-bottom:36px}.connect .button{box-shadow:5px 5px 0 #a94f38}footer{padding:35px 5.5vw;display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#47655b}footer p{margin:0}footer div{display:flex;gap:18px}
@media(max-width:760px){.site-header{height:72px;padding:0 7vw}.menu-button{display:block;background:none;border:0;color:inherit;font:inherit}.site-header nav{display:none;position:absolute;top:72px;left:0;right:0;background:var(--deep);padding:24px 7vw;flex-direction:column;align-items:flex-start;gap:18px}.site-header nav.open{display:flex}.hero{padding:145px 7vw 0;grid-template-columns:1fr;min-height:auto}.hero h1{font-size:54px}.hero-art{height:390px;min-height:0;margin:52px -7vw 0}.section{padding:82px 7vw}.section-heading{display:block;margin-bottom:34px}.section-heading .eyebrow{margin-bottom:20px}.project-grid,.statement,.about{grid-template-columns:1fr}.project{height:390px}.statement{gap:30px;min-height:0}.statement-orb{width:150px;height:150px}.about{gap:45px}.about-visual{height:330px}.about-copy h2{font-size:48px}footer{padding:28px 7vw;flex-wrap:wrap;gap:20px}footer p{order:3;width:100%}}