:root { --ink:#13272f; --cream:#f2eee5; --paper:#fbf8f1; --rust:#b65330; --rust2:#dd8865; --muted:#65777b; --line:rgba(19,39,47,.17); }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--paper); color:var(--ink); font-family:Arial,Helvetica,sans-serif; -webkit-font-smoothing:antialiased; }
a { color:inherit; text-decoration:none; }
.shell { width:min(1180px,calc(100% - 80px)); margin:0 auto; }
.sectionNumber,.kicker { font-size:11px; line-height:1.5; letter-spacing:.18em; text-transform:uppercase; }
.sectionNumber { margin:7px 0 0; color:#748388; }
.kicker { margin:0 0 22px; font-weight:700; color:var(--rust2); }
.rust { color:var(--rust); }
h2 { margin:0; font:400 clamp(42px,4.5vw,66px)/1.01 Georgia,serif; letter-spacing:-.04em; }

.hero { min-height:920px; position:relative; overflow:hidden; background:var(--ink); color:var(--cream); }
.nav { height:108px; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid rgba(242,238,229,.17); position:relative; z-index:3; }
.brand { display:flex; align-items:center; gap:13px; letter-spacing:.17em; }
.brandMark { width:39px; height:39px; display:grid; place-items:center; border:1px solid var(--rust2); color:var(--rust2); font:italic 25px/1 Georgia,serif; }
.brand strong,.brand small { display:block; }
.brand strong { font-size:15px; line-height:1.1; }
.brand small { margin-top:5px; font-size:8px; color:#9ba7a8; }
.navLinks { display:flex; gap:34px; font-size:10px; letter-spacing:.15em; text-transform:uppercase; }
.navLinks a { color:#c4ccca; }
.navLinks a:hover { color:var(--rust2); }
.heroGrid { min-height:650px; display:grid; grid-template-columns:.72fr 3.28fr; gap:80px; align-items:center; padding:65px 0 80px; position:relative; z-index:2; }
.heroLabel { align-self:stretch; border-right:1px solid rgba(242,238,229,.15); padding:32px 42px 30px 0; display:flex; flex-direction:column; justify-content:space-between; }
.heroLabel .sectionNumber { color:#879496; }
.heroLabel>span { color:#829093; font-size:9px; line-height:1.9; letter-spacing:.17em; text-transform:uppercase; }
.heroCopy { max-width:970px; }
.hero h1 { margin:0; font:400 clamp(60px,7.2vw,108px)/.9 Georgia,serif; letter-spacing:-.06em; }
.hero h1 em { display:block; color:var(--rust2); font-weight:400; }
.heroLead { max-width:750px; margin:46px 0 40px; color:#c1c9c7; font:400 20px/1.62 Georgia,serif; }
.textLink { display:inline-flex; align-items:center; gap:22px; padding-bottom:8px; border-bottom:1px solid currentColor; font-size:10px; letter-spacing:.17em; text-transform:uppercase; }
.heroPath { height:90px; display:grid; grid-template-columns:repeat(5,1fr); position:relative; z-index:2; border-top:1px solid rgba(242,238,229,.18); }
.heroStep { display:flex; align-items:center; gap:15px; color:#91a09f; border-right:1px solid rgba(242,238,229,.12); padding:0 20px; }
.heroStep:first-child { padding-left:0; }
.heroStep span { color:var(--rust2); font:italic 13px Georgia,serif; }
.heroStep strong { font-size:9px; letter-spacing:.17em; text-transform:uppercase; }
.heroStep.active { background:rgba(182,83,48,.18); color:var(--cream); padding-left:20px; }
.orbit { position:absolute; border:1px solid rgba(221,136,101,.17); border-radius:50%; pointer-events:none; }
.orbitOne { width:780px; height:780px; right:-290px; top:90px; }
.orbitTwo { width:480px; height:480px; right:-130px; top:240px; }

.premise { padding:145px 0; background:var(--cream); }
.premiseGrid,.sectionHeading,.practiceHeading { display:grid; grid-template-columns:.65fr 3.15fr; gap:80px; }
.premiseGrid h2 { max-width:950px; }
.premiseColumns { max-width:950px; display:grid; grid-template-columns:1fr 1fr; gap:70px; margin-top:58px; padding-top:32px; border-top:1px solid var(--line); }
.premiseColumns p { margin:0; color:var(--muted); font-size:16px; line-height:1.78; }

.approach { padding:145px 0 155px; background:var(--paper); }
.sectionHeading { margin-bottom:75px; }
.sectionHeading h2 { max-width:900px; }
.stageList { border-top:1px solid var(--ink); }
.stage { display:grid; grid-template-columns:.55fr 1.25fr 1.65fr 1fr; gap:38px; align-items:start; min-height:225px; padding:33px 26px 33px 0; border-bottom:1px solid var(--line); }
.stageIndex { display:flex; align-items:center; gap:20px; color:var(--rust); font:italic 18px Georgia,serif; }
.stageIndex i { width:46px; height:1px; background:var(--rust); }
.stageName .kicker { color:var(--rust); margin-bottom:14px; }
.stageName h3 { margin:0; font:400 28px/1.15 Georgia,serif; letter-spacing:-.025em; }
.stageCopy { margin:34px 0 0; color:var(--muted); font-size:14px; line-height:1.75; }
.tags { margin-top:34px; display:flex; flex-direction:column; align-items:flex-start; gap:8px; }
.tags span { border:1px solid var(--line); border-radius:20px; padding:7px 11px; color:#5f7075; font-size:9px; letter-spacing:.1em; text-transform:uppercase; }
.stageAccent { margin:0 -28px; padding-left:28px; background:var(--ink); color:var(--cream); border-bottom:0; }
.stageAccent .stageCopy { color:#aebbb9; }
.stageAccent .tags span { border-color:rgba(242,238,229,.2); color:#bec7c5; }

.decisionSection { padding:135px 0; background:var(--rust); color:#fff6ee; }
.decisionGrid { display:grid; grid-template-columns:1.25fr 1fr; gap:110px; align-items:center; }
.decisionCopy .sectionNumber { color:#ffd1bf; margin-bottom:50px; }
.decisionCopy .kicker { color:#ffd1bf; }
.decisionCopy h2 { max-width:650px; }
.decisionCopy>p:not(.kicker):not(.sectionNumber) { max-width:610px; margin:38px 0; font-size:15px; line-height:1.75; }
.decisionCopy blockquote { max-width:600px; margin:0; padding-left:24px; border-left:2px solid #ffd1bf; font:italic 22px/1.45 Georgia,serif; }
.matrixWrap { position:relative; padding-left:28px; padding-bottom:25px; }
.matrix { display:grid; grid-template-columns:1fr 1fr; box-shadow:0 30px 65px rgba(69,21,7,.2); }
.quadrant { min-height:210px; padding:24px; display:flex; flex-direction:column; background:#f1e9de; color:var(--ink); border-right:1px solid rgba(19,39,47,.16); border-bottom:1px solid rgba(19,39,47,.16); position:relative; }
.quadrant small { font-size:8px; letter-spacing:.13em; color:#7a6962; }
.quadrant strong { margin:auto 0 7px; font:400 25px Georgia,serif; }
.quadrant span { color:#6c7778; font-size:12px; }
.quadrant.now { background:var(--ink); color:var(--cream); }
.quadrant.now small,.quadrant.now span { color:#abb8b7; }
.quadrant b { position:absolute; right:17px; top:17px; padding:6px 8px; border:1px solid var(--rust2); color:var(--rust2); font-size:8px; letter-spacing:.12em; }
.axisLabel { position:absolute; font-size:8px; letter-spacing:.18em; color:#ffd1bf; }
.axisY { left:0; top:50%; transform:rotate(-90deg) translateX(-50%); transform-origin:left top; }
.axisX { right:0; bottom:0; }

.practice { padding:145px 0; background:#e8e3d8; }
.practiceHeading { margin-bottom:70px; }
.practiceHeading h2 { max-width:890px; }
.practiceLead { max-width:760px; margin:35px 0 0; color:var(--muted); font:19px/1.62 Georgia,serif; }
.proofGrid { display:grid; grid-template-columns:1fr 1fr; }
.proofStory { min-height:570px; background:var(--paper); padding:48px; display:flex; flex-direction:column; }
.proofStory.darkStory { background:var(--ink); color:var(--cream); }
.storyTop { display:flex; justify-content:space-between; padding-bottom:23px; border-bottom:1px solid var(--line); color:var(--rust); font-size:9px; letter-spacing:.15em; }
.storyTop b { font-weight:500; }
.darkStory .storyTop { border-color:rgba(242,238,229,.17); color:var(--rust2); }
.proofStory h3 { max-width:490px; margin:65px 0 25px; font:400 34px/1.13 Georgia,serif; letter-spacing:-.025em; }
.proofStory>p { max-width:520px; margin:0; color:var(--muted); font-size:14px; line-height:1.76; }
.darkStory>p { color:#aeb9b8; }
.solutionStack,.beforeAfter { margin-top:auto; display:flex; align-items:stretch; border-top:1px solid var(--line); padding-top:25px; }
.solutionStack span { flex:1; font:400 17px/1.25 Georgia,serif; }
.solutionStack span small { color:#7b898b; font:7px Arial,sans-serif; letter-spacing:.15em; }
.solutionStack i { padding:0 10px; color:var(--rust); font-style:normal; }
.beforeAfter { border-color:rgba(242,238,229,.17); align-items:center; }
.beforeAfter>div:not(.arrow) { flex:1; display:flex; flex-direction:column; gap:9px; }
.beforeAfter small { color:var(--rust2); font-size:8px; letter-spacing:.15em; }
.beforeAfter strong { font:400 20px Georgia,serif; }
.beforeAfter span { color:#94a3a2; font-size:11px; }
.beforeAfter .arrow { color:var(--rust2); padding:0 25px; }
.guardrail { display:grid; grid-template-columns:.75fr 3.25fr; gap:55px; margin-top:38px; padding:30px 0; border-top:1px solid var(--ink); border-bottom:1px solid var(--ink); }
.guardrail span { color:var(--rust); font-size:9px; letter-spacing:.16em; }
.guardrail p { margin:0; max-width:850px; font:20px/1.5 Georgia,serif; }

.outcomeSection { padding:140px 0; background:var(--ink); color:var(--cream); }
.outcomeGrid { display:grid; grid-template-columns:1.35fr 1fr; gap:105px; }
.outcomeGrid .sectionNumber { color:#7f8f91; margin-bottom:52px; }
.outcomeGrid h2 { max-width:660px; }
.outcomeLead { max-width:650px; margin:38px 0 0; color:#abb7b5; font-size:15px; line-height:1.75; }
.outcomeList { border-top:1px solid rgba(242,238,229,.3); }
.outcomeList>div { display:grid; grid-template-columns:38px 90px 1fr; gap:12px; align-items:center; min-height:105px; border-bottom:1px solid rgba(242,238,229,.14); }
.outcomeList span { color:var(--rust2); font:italic 13px Georgia,serif; }
.outcomeList small { color:#8d9b9b; font-size:8px; letter-spacing:.15em; }
.outcomeList p { margin:0; color:#d0d6d3; font:17px/1.42 Georgia,serif; }

.leadership { padding:145px 0; background:var(--cream); }
.leadershipGrid { display:grid; grid-template-columns:.65fr 1.55fr 1.6fr; gap:75px; }
.leadershipGrid h2 { font-size:clamp(39px,3.8vw,57px); }
.leadershipLead { margin:36px 0 0; color:var(--muted); font:18px/1.62 Georgia,serif; }
.leadershipPillars { border-top:1px solid var(--ink); }
.leadershipPillars article { display:grid; grid-template-columns:37px .7fr 1.3fr; gap:16px; padding:24px 0; border-bottom:1px solid var(--line); }
.leadershipPillars article>span { color:var(--rust); font:italic 13px Georgia,serif; }
.leadershipPillars h3 { margin:0; font:400 18px Georgia,serif; }
.leadershipPillars p { margin:0; color:var(--muted); font-size:12px; line-height:1.6; }

footer { background:#0e2027; color:var(--cream); padding:120px 0 35px; }
.footerGrid { display:grid; grid-template-columns:.65fr 3.15fr; gap:80px; }
.footerGrid .sectionNumber { color:#829092; }
.footerCopy h2 { max-width:890px; }
.footerActions { display:flex; align-items:center; gap:44px; margin-top:52px; }
.button { min-width:225px; display:flex; justify-content:space-between; align-items:center; background:var(--rust); padding:20px 24px; font-size:10px; letter-spacing:.15em; text-transform:uppercase; }
.button:hover { background:#c7633e; }
.footerLink { color:#b8c1bf; }
.footerBottom { display:flex; justify-content:space-between; margin-top:115px; padding-top:24px; border-top:1px solid rgba(242,238,229,.15); color:#748487; font-size:8px; letter-spacing:.15em; text-transform:uppercase; }

@media (max-width:1000px) {
  .heroGrid { grid-template-columns:1fr; gap:40px; align-items:start; }
  .heroLabel { border-right:0; border-bottom:1px solid rgba(242,238,229,.15); padding:0 0 22px; }
  .heroLabel>span { display:none; }
  .stage { grid-template-columns:.45fr 1.25fr 1.8fr; }
  .tags { grid-column:2/4; flex-direction:row; margin-top:0; }
  .decisionGrid,.outcomeGrid { grid-template-columns:1fr; gap:75px; }
  .matrixWrap { max-width:680px; }
  .leadershipGrid { grid-template-columns:1fr; gap:45px; }
}

@media (max-width:760px) {
  .shell { width:calc(100% - 32px); }
  .nav { height:88px; }
  .navLinks a:not(:last-child) { display:none; }
  .hero { min-height:auto; }
  .heroGrid { min-height:650px; padding:70px 0 55px; }
  .hero h1 { font-size:clamp(50px,15vw,76px); }
  .heroLead { font-size:17px; margin-top:34px; }
  .heroPath { height:auto; grid-template-columns:1fr; padding:0 0 24px; }
  .heroStep { min-height:45px; border-right:0; border-bottom:1px solid rgba(242,238,229,.1); padding:0 12px; }
  .heroStep:first-child,.heroStep.active { padding-left:12px; }
  .premise,.approach,.decisionSection,.practice,.outcomeSection,.leadership { padding:90px 0; }
  .premiseGrid,.sectionHeading,.practiceHeading,.footerGrid { grid-template-columns:1fr; gap:32px; }
  .premiseColumns { grid-template-columns:1fr; gap:25px; }
  .stage { grid-template-columns:1fr; gap:22px; padding:28px 0; }
  .stageIndex i { flex:1; }
  .stageCopy { margin:0; }
  .tags { grid-column:auto; flex-direction:row; flex-wrap:wrap; }
  .stageAccent { margin:0 -16px; padding:28px 16px; }
  .decisionGrid { gap:65px; }
  .quadrant { min-height:170px; padding:17px; }
  .quadrant strong { font-size:20px; }
  .proofGrid { grid-template-columns:1fr; }
  .proofStory { min-height:570px; padding:35px 27px; }
  .proofStory h3 { margin-top:48px; font-size:30px; }
  .guardrail { grid-template-columns:1fr; gap:18px; }
  .outcomeList>div { grid-template-columns:34px 70px 1fr; }
  .leadershipPillars article { grid-template-columns:32px 1fr; }
  .leadershipPillars p { grid-column:2; }
  .footerActions { flex-direction:column; align-items:stretch; }
  .button { min-width:100%; }
  .footerBottom { flex-direction:column; gap:13px; line-height:1.5; }
}

@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } }