*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f2eee4;color:#173127;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.concept-switch{position:fixed;z-index:100;left:18px;bottom:18px;display:flex;gap:10px;align-items:center;padding:7px 10px;border:1px solid #cfc7b8;border-radius:999px;background:rgba(247,244,236,.9);backdrop-filter:blur(14px);font-size:10px}.concept-switch a,.concept-switch span{color:#40564e;text-decoration:none}.header{position:sticky;top:0;z-index:80;height:78px;padding:0 4.2vw;border-bottom:1px solid #d7d0c4;display:grid;grid-template-columns:auto 1fr auto;gap:30px;align-items:center;background:rgba(244,240,231,.94);backdrop-filter:blur(16px)}.logo{display:flex;align-items:baseline;gap:6px;color:#15372e;text-decoration:none}.logo strong{font-size:18px;letter-spacing:-.04em}.logo span{font-size:12px;color:#6c7b75}.header nav{display:flex;justify-content:center;gap:29px}.header nav a{color:#263a34;text-decoration:none;font-size:12px}.header nav a:hover{color:#0e5a48}.header>button{display:none}.cta,.button{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border-radius:999px;font-size:12px;font-weight:760}.cta{padding:11px 16px;background:#124c3f;color:#fff}.button{padding:12px 18px}.primary{background:#124c3f;color:#fff}.primary:hover,.cta:hover{background:#0d3f34}.text-link{color:#223a33;text-decoration:none;font-size:12px;font-weight:700}.eyebrow,.section-kicker{display:block;color:#687b73;font-size:9px;font-weight:800;letter-spacing:.16em}.hero{padding:30px 4.2vw 38px;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:48px;align-items:center;border-bottom:1px solid #d9d2c6}.hero-copy{padding:44px 0}.hero h1,.process-copy h2,.cap-intro h2,.module-copy h2,.work-label h2,.insights-title h2,.contact h2{font-family:Georgia,"Times New Roman",serif;font-weight:500;letter-spacing:-.045em}.hero h1{margin:12px 0 24px;font-size:clamp(62px,7vw,108px);line-height:.92;max-width:760px}.hero h1 span,.hero h1 em{display:block}.hero h1 em{margin-top:.12em;font-style:italic;color:#0f5c49}.hero-copy>p{max-width:650px;color:#596c64;line-height:1.65;font-size:14px}.hero-actions{display:flex;gap:20px;align-items:center;margin-top:28px}.hero-photo{position:relative;min-height:650px}.hero-photo>img{width:100%;height:650px;object-fit:cover;border-radius:8px 110px 8px 8px;display:block}.hero-services{position:absolute;left:22px;right:22px;bottom:22px;padding:10px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;border:1px solid rgba(255,255,255,.28);border-radius:16px;background:rgba(246,242,233,.88);backdrop-filter:blur(12px);box-shadow:0 18px 50px rgba(23,49,39,.12)}.hero-services>div{min-height:76px;padding:11px 12px;border:1px solid #ddd6ca;border-radius:10px;background:rgba(251,248,241,.86)}.hero-services strong,.hero-services span{display:block}.hero-services strong{font-size:10px;letter-spacing:.1em}.hero-services span{margin-top:5px;color:#687a73;font-size:9px;line-height:1.35}.process,.capabilities,.conversation,.modules,.work,.insights,.contact{padding:76px 4.2vw}.process{border-top:1px solid #24473d;border-bottom:1px solid #24473d;background:#173127;color:#f5f1e8}.process-head{display:grid;grid-template-columns:.62fr 1.38fr;gap:60px;align-items:end;margin-bottom:44px}.process-label{align-self:center}.process-copy{max-width:880px;justify-self:end}.process-copy h2,.cap-intro h2,.module-copy h2,.work-label h2,.insights-title h2,.contact h2{margin:8px 0 0;font-size:clamp(46px,5vw,76px);line-height:.95}.process-track{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;align-items:center;gap:14px}.process-track article{min-height:210px;padding:22px;border:1px solid rgba(255,255,255,.14);border-radius:18px;display:flex;flex-direction:column;background:#10251f;box-shadow:0 10px 30px rgba(0,0,0,.08)}.process-track article:nth-of-type(2),.process-track article:nth-of-type(4){background:#1d3b32}.process-track article>span{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#b66438;color:#fff;font-size:10px;font-weight:800}.process-track h3{margin:auto 0 8px;font-size:20px;color:#fff}.process-track p{margin:0;color:#bdc8c3;font-size:11px;line-height:1.55}.process-track>i{font-style:normal;color:#c57b50;font-size:20px}.process .section-kicker{color:#c7d1cc}.process-copy h2{color:#f6f1e8}.capabilities{background:#f2eee4}.cap-intro{display:grid;grid-template-columns:1.15fr .85fr;gap:60px;align-items:end;margin-bottom:34px}.cap-intro p{margin:0;color:#697a73;line-height:1.6;font-size:13px}.cap-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.cap-card{min-height:240px;padding:22px;border:1px solid #c9cbc2;border-radius:16px;color:#173127;text-decoration:none;display:flex;flex-direction:column;transition:.22s}.cap-card:nth-child(1),.cap-card:nth-child(4){background:#173127;color:#f6f1e8;border-color:#173127}.cap-card:nth-child(1) p,.cap-card:nth-child(4) p{color:#c5d0cb}.cap-card:nth-child(2),.cap-card:nth-child(5){background:#faf7f0}.cap-card:nth-child(3){background:#202523;color:#f6f1e8;border-color:#202523}.cap-card:nth-child(3) p{color:#c7ccc9}.cap-card:nth-child(6){background:#d8c6af;border-color:#c7b296}.cap-card:hover{transform:translateY(-4px);border-color:#91a39a;box-shadow:0 16px 38px rgba(24,49,39,.08)}.cap-card .cap-top{display:flex;justify-content:space-between;align-items:center}.cap-card .cap-top span{font-size:10px;letter-spacing:.1em}.cap-card .cap-top b{font-size:15px}.cap-card h3{margin:auto 0 8px;font-size:25px;letter-spacing:-.04em}.cap-card p{max-width:330px;margin:0;color:#60716a;font-size:12px;line-height:1.45}.conversation{padding-top:0;padding-bottom:0;display:grid;grid-template-columns:1fr 1.25fr;gap:0}.conversation-photo{margin-left:-4.2vw;min-height:580px}.conversation-photo img{width:100%;height:100%;object-fit:cover}.conversation-copy{padding:60px 6vw;background:#e9e1d5}.quotes{display:grid;gap:8px;margin:24px 0}.quotes p{margin:0;padding:12px 14px;border:1px solid #d0c8ba;border-radius:9px;background:#f6f1e8;color:#34473f;font-size:12px}.modules{display:grid;grid-template-columns:.72fr 1.28fr;gap:70px;align-items:center;background:#efe9de}.module-copy h2 em{font-style:italic;color:#0f5c49}.module-copy p{max-width:500px;color:#677970;font-size:13px;line-height:1.65}.orbit-map{position:relative;min-height:560px}.orbit-ring{position:absolute;left:50%;top:50%;width:500px;height:370px;transform:translate(-50%,-50%);border:1px solid #b5c1bc;border-radius:50%}.orbit-ring:before,.orbit-ring:after{content:"";position:absolute;width:8px;height:8px;border-radius:50%;background:#1b6a55}.orbit-ring:before{left:13%;top:14%}.orbit-ring:after{right:11%;bottom:16%}.business{position:absolute;left:50%;top:50%;width:175px;height:175px;transform:translate(-50%,-50%);border-radius:50%;display:grid;place-items:center;background:#113c33;color:#fff;font-size:12px;font-weight:800;z-index:4;box-shadow:0 0 0 10px rgba(17,60,51,.06)}.orbit-map span{position:absolute;min-width:118px;padding:12px 15px;border:1px solid #c3ccc7;border-radius:999px;background:#f8f6f0;text-align:center;font-size:9px;font-weight:700;box-shadow:0 12px 34px rgba(32,53,44,.05)}.om1{left:42%;top:4%}.om2{right:8%;top:20%}.om3{right:2%;top:47%}.om4{right:11%;bottom:12%}.om5{left:43%;bottom:3%}.om6{left:8%;bottom:15%}.om7{left:1%;top:47%}.om8{left:10%;top:18%}.work{display:grid;grid-template-columns:280px 1fr;gap:55px;border-top:1px solid #d8d1c5;background:#f8f5ee}.work-label{position:sticky;top:120px;height:max-content}.work-label p{color:#6a7a73;font-size:12px;line-height:1.6}.work-label a,.insights-title a{display:inline-block;margin-top:18px;color:#173127;text-decoration:none;font-size:11px;font-weight:700}.work-list{border-top:1px solid #cdd2ce}.work-list article{display:grid;grid-template-columns:100px 1fr 1.3fr auto 22px;gap:18px;align-items:center;padding:18px 0;border-bottom:1px solid #cdd2ce}.industry{font-size:8px;letter-spacing:.12em;color:#7b8a84}.work-list h3{margin:0;font-size:17px}.work-list small{color:#7f8e88}.work-list p{margin:0;color:#65756f;font-size:10px}.tags{display:flex;gap:5px}.tags b{padding:4px 7px;border:1px solid #cbd1cd;border-radius:999px;color:#75847e;font-size:7px}.work-list i{font-style:normal;color:#0d5d49}.insights{display:grid;grid-template-columns:270px 1fr;gap:45px;border-top:1px solid #2b332f;background:#202523;color:#f6f1e8}.insights-title a{margin-top:20px;color:#f3eee5}.insights .section-kicker{color:#c5cec9}.insights-title h2{color:#f7f2ea}.insight-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.insight-grid article{padding:8px;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:#161a18}.insight-grid img{width:100%;height:180px;object-fit:cover;border-radius:8px}.insight-grid small{display:block;margin:12px 3px 6px;color:#c57b50;font-size:8px;letter-spacing:.1em}.insight-grid h3{margin:0 3px;font-family:Georgia,"Times New Roman",serif;font-size:19px;line-height:1.05;font-weight:500}.insight-grid b{display:block;margin:12px 3px 3px;color:#0f5c49}.contact{display:grid;grid-template-columns:1fr 1fr;gap:70px;background:#173127;color:#f7f4ec}.contact>div>span{color:#a9bbb4}.contact p{color:#c0cbc7;line-height:1.6}.contact form{display:grid;grid-template-columns:1fr 1fr;gap:10px}.contact input,.contact select,.contact textarea{width:100%;padding:13px 14px;border:1px solid rgba(255,255,255,.18);border-radius:9px;background:rgba(255,255,255,.07);color:#fff}.contact select option{color:#111}.contact textarea{grid-column:1/-1;min-height:130px;resize:vertical}.contact form button{grid-column:1/-1;width:max-content;background:#f1eee5;color:#173127}footer{padding:28px 4.2vw 70px;border-top:1px solid #d7d0c4;display:grid;grid-template-columns:auto 1fr auto auto;gap:30px;align-items:center;color:#71817a;font-size:10px}footer p{margin:0}footer>div{display:flex;gap:20px;justify-content:center}footer a{color:#42574f;text-decoration:none}[data-reveal]{opacity:0;transform:translateY(18px);transition:.7s ease}[data-reveal].visible{opacity:1;transform:none}@media(max-width:1100px){.hero{grid-template-columns:1fr}.hero-photo{min-height:560px}.hero-photo>img{height:560px}.process-head,.cap-intro{grid-template-columns:1fr}.process-copy{justify-self:start}.process-track{grid-template-columns:repeat(4,1fr)}.process-track>i{display:none}.cap-grid{grid-template-columns:repeat(2,1fr)}.conversation{grid-template-columns:1fr}.conversation-photo{margin-left:-4.2vw;margin-right:-4.2vw;min-height:430px}.modules,.work,.insights{grid-template-columns:1fr}.work-label{position:static}.contact{grid-template-columns:1fr}}@media(max-width:760px){.header{height:auto;min-height:70px;padding:14px 20px;grid-template-columns:auto auto;justify-content:space-between}.header>button{display:block;border:1px solid #cfc7ba;border-radius:8px;background:transparent;color:#173127;padding:8px 10px}.header nav{position:absolute;top:70px;left:0;right:0;display:none;padding:18px 20px;background:#f4f0e7;border-bottom:1px solid #d7d0c4;flex-direction:column}.header nav.is-open{display:flex}.header .cta{display:none}.hero,.process,.capabilities,.conversation,.modules,.work,.insights,.contact{padding-left:20px;padding-right:20px}.hero h1{font-size:58px;line-height:.95}.hero h1 em{margin-top:.16em}.hero-photo{min-height:500px}.hero-photo>img{height:500px;border-radius:8px 60px 8px 8px}.hero-services{left:12px;right:12px;bottom:12px;grid-template-columns:repeat(2,1fr)}.hero-services>div{min-height:66px}.process-track{grid-template-columns:1fr}.cap-grid{grid-template-columns:1fr}.conversation-photo{margin-left:-20px;margin-right:-20px;min-height:320px}.conversation-copy{padding:45px 0}.orbit-map{min-height:440px;transform:scale(.8);transform-origin:center}.work-list article{grid-template-columns:1fr;gap:6px}.tags{justify-content:flex-start}.insight-grid{grid-template-columns:1fr}.contact form{grid-template-columns:1fr}.contact textarea,.contact form button{grid-column:auto}footer{grid-template-columns:1fr}.concept-switch{display:none}}

/* Geist typography experiment: same winning layout, typography only */
body,
.header,
.logo,
.header nav a,
.cta,
.button,
.text-link,
.hero-copy>p,
.hero-services span,
.process-track h3,
.process-track p,
.cap-intro p,
.cap-card h3,
.cap-card p,
.quotes p,
.module-copy p,
.work-label p,
.work-list h3,
.work-list small,
.work-list p,
.insight-grid h3,
.contact,
.contact input,
.contact select,
.contact textarea,
footer {
  font-family: 'Geist', ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

.hero h1,
.process-copy h2,
.cap-intro h2,
.module-copy h2,
.work-label h2,
.insights-title h2,
.contact h2 {
  font-family: 'Geist', ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-weight: 600;
  letter-spacing: -0.055em;
}

.hero h1 em,
.module-copy h2 em {
  font-family: 'Geist', ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-style: normal;
  font-weight: 500;
}

.eyebrow,
.section-kicker,
.hero-services strong,
.process-track article>span,
.cap-card .cap-top span,
.industry,
.tags b,
.insight-grid small,
.business,
.orbit-map span,
.concept-switch,
.status-pill {
  font-family: 'Geist Mono', ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
}

.eyebrow,
.section-kicker,
.hero-services strong,
.cap-card .cap-top span,
.industry,
.insight-grid small {
  letter-spacing: .08em;
}

.hero h1 {
  line-height: .9;
}

.process-copy h2,
.cap-intro h2,
.module-copy h2,
.work-label h2,
.insights-title h2,
.contact h2 {
  line-height: .98;
}
/* SAAZ palette experiment — structure and typography unchanged.
   Forest Green  #2F6F57
   Warm Cream    #FFFAF1
   Soft Charcoal #171714
   Soft Stone    #E3E0D8
   Mineral Gray  #CFD1CB
   Eucalyptus    #BCC5BF
   Porcelain     #F2F0EA
   Orange        #FF541C — micro accents only
*/

:root{
  --forest:#2F6F57;
  --cream:#FFFAF1;
  --charcoal:#171714;
  --stone:#E3E0D8;
  --mineral:#CFD1CB;
  --eucalyptus:#BCC5BF;
  --porcelain:#F2F0EA;
  --orange:#FF541C;
}

/* Global */
body{background:var(--cream);color:var(--charcoal)}
.header{
  border-bottom-color:var(--stone);
  background:rgba(255,250,241,.94)
}
.logo{color:var(--charcoal)}
.logo span{color:#6f746f}
.header nav a{color:var(--charcoal)}
.header nav a:hover{color:var(--forest)}
.cta,.primary{background:var(--forest);color:#fff}
.cta:hover,.primary:hover{background:#285f4b}
.text-link{color:var(--charcoal)}
.eyebrow,.section-kicker{color:var(--orange)}
.concept-switch{
  border-color:var(--mineral);
  background:rgba(255,250,241,.92)
}
.concept-switch a,.concept-switch span{color:#555b57}

/* Hero */
.hero{border-bottom-color:var(--stone)}
.hero h1 em{color:var(--forest)}
.hero-copy>p{color:#5f6762}
.hero-services{
  border-color:rgba(255,255,255,.35);
  background:rgba(255,250,241,.88);
  box-shadow:0 18px 50px rgba(23,23,20,.12)
}
.hero-services>div{
  border-color:var(--stone);
  background:rgba(255,250,241,.9)
}
.hero-services strong{color:var(--charcoal)}
.hero-services span{color:#6c736e}

/* Process */
.process{
  background:var(--charcoal);
  color:var(--cream);
  border-top-color:var(--charcoal);
  border-bottom-color:var(--charcoal)
}
.process .section-kicker{color:var(--orange)}
.process-copy h2{color:var(--cream)}
.process-track article{
  background:#21211d;
  border-color:rgba(255,255,255,.10);
  box-shadow:0 10px 30px rgba(0,0,0,.12)
}
.process-track article:nth-of-type(2),
.process-track article:nth-of-type(4){background:#26352f}
.process-track article>span{background:var(--orange);color:#fff}
.process-track p{color:var(--eucalyptus)}
.process-track>i{color:var(--orange)}

/* What we build */
.capabilities{background:var(--cream)}
.cap-intro p{color:#616963}
.cap-card{
  border-color:var(--mineral);
  color:var(--charcoal)
}
.cap-card:nth-child(1),
.cap-card:nth-child(4){
  background:var(--forest);
  color:#fff;
  border-color:var(--forest)
}
.cap-card:nth-child(1) p,
.cap-card:nth-child(4) p{color:#e7eee9}
.cap-card:nth-child(2),
.cap-card:nth-child(5){background:var(--porcelain)}
.cap-card:nth-child(3){
  background:var(--charcoal);
  color:var(--cream);
  border-color:var(--charcoal)
}
.cap-card:nth-child(3) p{color:var(--eucalyptus)}
.cap-card:nth-child(6){
  background:var(--stone);
  border-color:var(--mineral)
}
.cap-card:hover{
  border-color:var(--forest);
  box-shadow:0 16px 38px rgba(47,111,87,.13)
}
.cap-card .cap-top b{color:var(--orange)}
.cap-card:nth-child(1) .cap-top b,
.cap-card:nth-child(4) .cap-top b,
.cap-card:nth-child(3) .cap-top b{color:#fff}

/* Conversation */
.conversation-copy{background:var(--stone)}
.quotes p{
  border-color:var(--mineral);
  background:var(--cream);
  color:var(--charcoal)
}

/* Modular system */
.modules{background:var(--porcelain)}
.module-copy h2 em{color:var(--forest)}
.module-copy p{color:#636b66}
.orbit-ring{border-color:var(--eucalyptus)}
.orbit-ring:before,.orbit-ring:after{background:var(--orange)}
.business{
  background:var(--forest);
  color:#fff;
  box-shadow:0 0 0 10px rgba(47,111,87,.09)
}
.orbit-map span{
  border-color:var(--mineral);
  background:var(--cream);
  color:var(--charcoal);
  box-shadow:0 12px 34px rgba(23,23,20,.05)
}

/* Portfolio */
.work{
  border-top-color:var(--stone);
  background:var(--cream)
}
.work-label p{color:#656d68}
.work-label a{color:var(--forest)}
.work-list{border-top-color:var(--mineral)}
.work-list article{border-bottom-color:var(--mineral)}
.industry{color:var(--forest)}
.work-list small{color:#777e79}
.work-list p{color:#626a65}
.tags b{
  border-color:var(--mineral);
  color:#626a65;
  background:var(--porcelain)
}
.work-list i{color:var(--orange)}

/* Insights */
.insights{
  border-top-color:var(--charcoal);
  background:var(--charcoal);
  color:var(--cream)
}
.insights .section-kicker{color:var(--orange)}
.insights-title h2{color:var(--cream)}
.insights-title a{color:var(--cream)}
.insight-grid article{
  border-color:rgba(255,255,255,.10);
  background:#22221f
}
.insight-grid small{color:var(--orange)}
.insight-grid b{color:var(--orange)}

/* Contact */
.contact{
  background:var(--forest);
  color:#fff
}
.contact>div>span{color:var(--orange)}
.contact p{color:#e1ebe6}
.contact input,.contact select,.contact textarea{
  border-color:rgba(255,255,255,.25);
  background:rgba(255,255,255,.08);
  color:#fff
}
.contact form button{
  background:var(--cream);
  color:var(--forest)
}

/* Footer */
footer{
  border-top-color:var(--stone);
  background:var(--cream);
  color:#727873
}
footer a{color:var(--charcoal)}

@media(max-width:760px){
  .header nav{
    background:var(--cream);
    border-bottom-color:var(--stone)
  }
  .header>button{
    border-color:var(--mineral);
    color:var(--charcoal)
  }
}

/* Production accessibility and semantic polish */
.section-kicker-heading{margin:0;font-size:9px;line-height:1.35}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{
  outline:3px solid #FF541C;outline-offset:3px
}
.skip-link{position:absolute;left:16px;top:-80px;z-index:200;padding:10px 14px;border-radius:999px;background:#171714;color:#FFFAF1;text-decoration:none}
.skip-link:focus{top:12px}
img{max-width:100%}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
  [data-reveal]{opacity:1;transform:none}
}
/* Contact form contrast + production polish */
.contact form{
  padding:18px;
  border:1px solid rgba(255,255,255,.18);
  border-radius:18px;
  background:rgba(23,23,20,.08);
  box-shadow:0 18px 50px rgba(23,23,20,.08)
}
.contact input,.contact select,.contact textarea{
  border:1px solid var(--stone);
  background:var(--cream);
  color:var(--charcoal);
  box-shadow:none;
  transition:border-color .18s ease,box-shadow .18s ease,background .18s ease
}
.contact input::placeholder,.contact textarea::placeholder{color:#777b77;opacity:1}
.contact input:focus,.contact select:focus,.contact textarea:focus{
  outline:none;
  border-color:var(--orange);
  box-shadow:0 0 0 3px rgba(255,84,28,.14);
  background:#fff
}
.contact select{color:var(--charcoal)}
.contact select option{color:var(--charcoal);background:var(--cream)}
.contact form button{
  border:0;
  box-shadow:none;
  background:var(--cream);
  color:var(--forest);
  padding:13px 20px
}
.contact form button:hover{background:#fff}
@media(max-width:760px){.contact form{padding:12px}}