*{box-sizing:border-box}
:root{--ink:#18201f;--muted:#66716e;--line:#dfe5df;--paper:#f7f7f2;--white:#fff;--accent:#c5e66a;--accent-dark:#40542a;--night:#17201e}
html{scroll-behavior:smooth;scroll-padding-top:80px}
body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",sans-serif;line-height:1.65}
a{color:inherit;text-decoration:none}
.site-header{height:78px;padding:0 max(5vw,24px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:rgba(247,247,242,.94);position:sticky;top:0;z-index:5;backdrop-filter:blur(12px)}
.brand{font-family:Manrope,sans-serif;font-weight:800;letter-spacing:-.04em;font-size:1.15rem}.brand-dot{color:#779d34}
nav{display:flex;align-items:center;gap:30px;font-size:.86rem;color:#4e5955}nav a:hover,.site-footer a:hover{color:#577b24}.nav-cta{border:1px solid #9ca69d;border-radius:999px;padding:9px 15px;color:var(--ink)}
.section-wrap{width:min(1120px,90%);margin-inline:auto}.section-pad{padding-block:100px}
.hero{min-height:590px;display:grid;grid-template-columns:1.3fr .7fr;align-items:center;gap:50px;padding-block:76px}
.eyebrow{font-size:.7rem;letter-spacing:.15em;font-weight:700;color:#69746e;margin:0 0 22px}.status-dot{display:inline-block;width:7px;height:7px;background:#7ca443;border-radius:50%;margin-right:8px;vertical-align:middle}
h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Manrope,sans-serif;letter-spacing:-.055em;line-height:1.12}
h1{font-size:clamp(3rem,6vw,5.55rem);max-width:760px;margin-bottom:26px;font-weight:700}h1 em,h2 em{font-family:Georgia,serif;font-weight:400;color:#617f3d}
.hero-lede{font-size:1.22rem;line-height:1.55;max-width:610px;color:#35403b;margin-bottom:15px}.hero-support{max-width:600px;color:var(--muted);font-size:.97rem}
.hero-actions{display:flex;align-items:center;gap:25px;margin-top:30px}.button{display:inline-flex;align-items:center;gap:18px;padding:13px 19px;border-radius:999px;font-weight:600;font-size:.87rem;transition:transform .2s}.button:hover{transform:translateY(-2px)}.button-dark{background:var(--night);color:white}.button-light{background:var(--accent);color:#20271b}.text-link{font-size:.88rem;font-weight:600;border-bottom:1px solid #9aa69a;padding-bottom:4px}
.hero-aside{height:360px;position:relative;display:grid;place-items:center;overflow:hidden}.hero-aside:before{content:"";position:absolute;inset:15% 4% 8%;border-radius:48% 52% 44% 56%;background:linear-gradient(145deg,#e7e9d8,#c5d4bd 48%,#81977d);opacity:.8}.orbit{position:absolute;border:1px solid rgba(36,58,39,.25);border-radius:50%;width:320px;height:320px;transform:rotate(-25deg)}.orbit-two{width:250px;height:360px;transform:rotate(35deg)}.hero-mark{position:relative;width:145px;height:145px;border-radius:50%;display:grid;place-items:center;background:var(--night);color:white;font-family:Manrope,sans-serif;font-size:2.6rem;font-weight:700;box-shadow:0 25px 50px #263c2830}.hero-mark i{position:absolute;width:18px;height:18px;border-radius:50%;background:var(--accent);right:13px;top:17px;border:4px solid var(--night)}.aside-note{position:absolute;bottom:14px;left:3%;display:flex;align-items:center;gap:12px;font-family:Georgia,serif;font-style:italic;font-size:1.05rem;line-height:1.35}.note-line{height:1px;width:35px;background:#687c55}.hero-index{position:absolute;right:2%;bottom:17px;color:#68746a;font-size:.7rem;letter-spacing:.12em}
.proof-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;padding:27px 5%;background:#e9ece3;border-block:1px solid #dfe4d9}.proof-strip>div{display:flex;flex-direction:column;gap:4px}.proof-label{font-size:.65rem;letter-spacing:.13em;color:#6b776b;font-weight:700}.proof-strip strong{font-family:Manrope,sans-serif;font-size:.96rem;letter-spacing:-.02em}
.section-heading{margin-bottom:44px}.section-heading h2,.next-section h2{font-size:clamp(2.4rem,4vw,3.6rem);margin:0}.about-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:90px;align-items:start}.about-copy{max-width:680px;color:#4b5650;font-size:1.03rem}.about-copy p{margin-bottom:20px}.principle-card{background:#e9ece3;padding:36px 32px;border-radius:5px;position:relative;min-height:255px}.quote-mark{font-family:Georgia,serif;font-size:4rem;line-height:.8;color:#7e9b58}.principle-card p{font-family:Georgia,serif;font-size:1.65rem;line-height:1.35;letter-spacing:-.02em;margin:18px 0 30px}.card-caption{font-size:.65rem;letter-spacing:.14em;font-weight:700;color:#6b776b}
.focus-section{background:#ecefe7}.section-heading-row{display:flex;align-items:end;justify-content:space-between;gap:40px}.heading-note{max-width:340px;color:var(--muted);font-size:.92rem;margin:0 0 5px}.focus-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.focus-card{position:relative;border:1px solid #d5dcd1;background:#f7f7f2;padding:30px 26px 27px;min-height:275px;border-radius:4px}.focus-card-featured{background:var(--night);color:#fff;border-color:var(--night)}.focus-number{position:absolute;right:22px;top:22px;color:#8a9688;font-size:.72rem}.focus-icon{font-size:1.65rem;color:#73944a;margin-bottom:28px}.focus-card h3{font-size:1.45rem;margin-bottom:12px}.focus-card p{color:#69746e;font-size:.91rem;min-height:76px}.focus-card-featured p{color:#c6cec5}.tag-list,.work-tags{display:flex;flex-wrap:wrap;gap:7px}.tag-list span,.work-tags span{font-size:.68rem;border:1px solid #d6ddd1;border-radius:999px;padding:4px 8px;color:#66716a}.focus-card-featured .tag-list span{border-color:#48554b;color:#d9e2d6}
.work-list{border-top:1px solid var(--line)}.work-item{display:grid;grid-template-columns:.62fr 1.38fr;gap:55px;padding:35px 0 38px;border-bottom:1px solid var(--line)}.work-meta{display:flex;justify-content:space-between;gap:15px;color:#71806b;font-size:.68rem;font-weight:700;letter-spacing:.1em}.work-meta span:last-child{color:#9ba39a}.work-content h3{font-size:1.55rem;max-width:680px;margin-bottom:14px}.work-content p{color:#606b65;max-width:720px;font-size:.95rem}.work-tags{margin-top:20px}.small-note{font-size:.78rem;color:#79827b;margin-top:22px}
.next-section{background:var(--night);color:#fff;padding:80px 0}.next-grid{display:grid;grid-template-columns:1fr .8fr;gap:90px;align-items:center}.next-section .eyebrow{color:#b5c3ae}.next-section h2 em{color:var(--accent)}.next-copy{color:#c5cec5}.next-copy p{max-width:520px}.next-copy .button{margin-top:12px}
.site-footer{min-height:88px;display:flex;align-items:center;justify-content:space-between;color:#7b847d;font-size:.78rem}.site-footer div{display:flex;gap:22px}
@media(max-width:800px){.site-header{height:auto;min-height:70px;flex-wrap:wrap;padding-block:15px;gap:15px}nav{gap:14px;font-size:.78rem;flex-wrap:wrap}.hero{grid-template-columns:1fr;padding-block:65px 45px;gap:10px}.hero-aside{height:250px}.proof-strip{grid-template-columns:1fr;gap:17px}.section-pad{padding-block:70px}.about-grid,.next-grid{grid-template-columns:1fr;gap:35px}.section-heading-row{display:block}.heading-note{margin-top:22px}.focus-grid{grid-template-columns:1fr}.focus-card{min-height:auto}.focus-card p{min-height:0}.work-item{grid-template-columns:1fr;gap:18px}.work-meta{max-width:300px}.next-grid{gap:30px}}
@media(max-width:480px){nav{width:100%;justify-content:space-between;gap:8px}.nav-cta{padding:7px 10px}.hero-actions{align-items:flex-start;flex-direction:column;gap:18px}h1{font-size:3rem}.site-footer{align-items:flex-start;flex-direction:column;justify-content:center;gap:12px;padding-block:20px}.site-footer div{gap:17px}}


.impact {
    padding: 3rem 0;
    border-top: 1px solid #dedede;
    border-bottom: 1px solid #dedede;
    /* padding: 27px 5%;; */
    
  }

  .impact-header {
    margin-bottom: 2rem;
  }

  .impact-eyebrow {
    margin: 0 0 0.6rem;
    font-size: 0.72rem;
    letter-spacing: 0.12em;
    font-weight: 600;
    opacity: 0.65;
  }

  .impact-header h2 {
    margin: 0;
    font-size: clamp(1.5rem, 3vw, 2rem);
    line-height: 1.2;
    letter-spacing: -0.035em;
  }

  .impact-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1.5rem;
    background-color: rgb(236, 239, 231);
    padding: 27px 5%;;;
  }

  .impact-item {
    min-width: 0;
  }

  .impact-value {
    margin: 0 0 0.6rem;
    font-size: clamp(1.8rem, 3vw, 2.5rem);
    line-height: 1;
    font-weight: 650;
    letter-spacing: -0.055em;
  }

  .impact-item h3 {
    margin: 0 0 0.5rem;
    font-size: 0.95rem;
    font-weight: 600;
  }

  .impact-item > p:last-child {
    margin: 0;
    font-size: 0.875rem;
    line-height: 1.55;
    opacity: 0.7;
  }

  @media (max-width: 700px) {
    .impact-grid {
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 2rem 1.25rem;
    }

    .impact {
      padding: 2.25rem 0;
    }
  }

  @media (max-width: 380px) {
    .impact-grid {
      grid-template-columns: 1fr;
    }
  }