/* Method composition C. Typography inherited from shared brand styles. */
.method-space{padding-block:80px}.method-page p{color:var(--muted)}.method-reading{max-width:78ch}.method-hero{display:grid;grid-template-columns:3fr 2fr;gap:48px;align-items:stretch}.method-hero>div{min-width:0}.method-label{font:500 .875rem/1.5 var(--sans);letter-spacing:.13em;margin-bottom:22px}.method-hero h1{margin-bottom:28px}.method-page .method-lead{color:var(--paper);font:400 1.65rem/1.4 var(--serif);margin-bottom:20px}.method-hero img{height:100%;min-height:0;object-fit:cover;object-position:65% center}.method-page .light-section p{color:#3d4438}.method-knowing h2{margin-bottom:30px}.knowing-grid{display:block}.knowing-grid .method-reading{max-width:85ch}.section-intro{margin-top:28px}.lens-domains{margin-top:44px}.lens-domains article{display:grid;grid-template-columns:50px minmax(180px,.75fr) minmax(0,1.4fr);gap:24px;border-top:1px solid var(--rule);padding-block:30px;align-items:start}.domain-number{font:500 .875rem/1.5 var(--sans);color:var(--green);padding-top:9px}.lens-domains strong{color:var(--paper)}.domain-copy p+p{margin-top:14px}.method-editorial{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px}.method-grounding .method-reading{border-left:1px solid #a8ae9b;padding-left:40px}.method-arc h2{margin-bottom:25px}.method-page .arc-line{color:#c3c8a4;padding-block:20px;border-block:1px solid var(--rule);margin-bottom:32px;font-size:1.125rem;line-height:2;overflow-wrap:break-word}.arc-grid{display:grid;grid-template-columns:3fr 2fr;gap:42px;align-items:start}.arc-photo{width:100%;height:auto}.method-closing{background:#414832}.method-closing p{color:var(--paper)}.method-page .nav-link[aria-current]{color:var(--green);text-decoration:underline;text-underline-offset:8px}
@media(max-width:1050px){.method-hero{gap:30px}.method-editorial,.arc-grid{gap:30px}.lens-domains article{grid-template-columns:35px minmax(150px,.7fr) minmax(0,1.3fr);gap:18px}}
@media(max-width:750px){.method-space{padding-block:56px}.method-hero,.method-editorial,.arc-grid{grid-template-columns:1fr;gap:30px}.method-hero img{height:auto;aspect-ratio:1.5}.lens-domains{margin-top:30px}.lens-domains article{grid-template-columns:35px 1fr;gap:12px 18px;padding-block:28px}.domain-copy{grid-column:2}.method-grounding .method-reading{border-left:0;padding-left:0}.method-page .arc-line{font-size:1rem}.arc-photo{max-width:600px}}

/* Integrated roots hero, matching the supplied visual reference. */
.method-opening{width:min(1600px,calc(100% - 36px));padding:0;margin:18px auto 0}.method-hero{position:relative;isolation:isolate;display:block;overflow:hidden;padding:64px clamp(28px,4.5vw,76px)}.method-hero>div{width:62%;max-width:780px}.method-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:70% center;z-index:-2}.method-hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(9,13,9,.96) 0%,rgba(9,13,9,.9) 42%,rgba(9,13,9,.66) 63%,rgba(9,13,9,.08) 100%)}.method-hero .method-label{color:#c3c8a4}.method-page .method-hero p{color:#eeede4}.method-page .method-hero .method-lead{color:#c3c8a4}
@media(max-width:1050px){.method-hero>div{width:72%}}
@media(max-width:750px){.method-opening{width:calc(100% - 24px);margin-top:12px}.method-hero{padding:38px 24px}.method-hero>div{width:100%}.method-hero>img{height:100%;aspect-ratio:auto;object-position:65% center}.method-hero:after{background:rgba(9,13,9,.84)}}

/* Living Systems Lens: reference-aligned four-domain layout. */
.method-lens .section-intro{margin-top:14px;max-width:760px}
.method-page .method-lens .section-intro p{font-size:clamp(1.125rem,1.8vw,1.55rem);line-height:1.4;color:var(--paper)}
.method-lens .lens-domains{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;margin-top:40px}
.method-lens .lens-domains article{display:block;min-width:0;border:0;padding:14px 44px 22px 0}
.method-lens .lens-domains article:nth-child(even){border-left:1px solid #a5ad72;padding-left:48px;padding-right:0}
.method-lens .lens-domains article:nth-child(n+3){border-top:1px solid #a5ad72;padding-top:28px}
.method-lens .lens-domains h3{font-size:clamp(2rem,3.3vw,3rem);font-weight:500;line-height:1.1;letter-spacing:-.025em;margin-bottom:12px}
.method-lens .domain-copy p{font-size:clamp(1rem,1.5vw,1.3rem);line-height:1.5;color:var(--paper)}
.method-lens .domain-copy p:first-child{font:400 clamp(1.5rem,2.1vw,1.9rem)/1.2 var(--serif);color:#bcc58c}
.method-lens .domain-copy strong{font-weight:400;color:inherit}
.method-lens .domain-copy p+p{margin-top:18px}
@media(max-width:750px){
.method-lens .lens-domains{grid-template-columns:1fr;margin-top:28px}
.method-lens .lens-domains article,.method-lens .lens-domains article:nth-child(even),.method-lens .lens-domains article:nth-child(n+3){border-left:0;border-top:1px solid #a5ad72;padding:26px 0}
.method-lens .lens-domains article:first-child{border-top:0;padding-top:0}
}

/* Approved typography-led knowing section. */
.knowing-layout{display:grid;grid-template-columns:2fr 3fr;gap:clamp(40px,5vw,80px);align-items:start}
.method-knowing h2{margin:0}
.method-knowing h2 span{display:block}
.knowing-grid{min-width:0}
.method-page .method-knowing .knowing-lead{font:400 1.65rem/1.4 var(--serif);color:#626c46;margin:0 0 28px}
.knowing-lead:after{content:"";display:block;width:80px;border-bottom:1px solid #89916e;margin-top:24px}
.method-knowing strong{font-weight:600}
@media(max-width:1050px){.knowing-layout{grid-template-columns:1fr 1.2fr;gap:36px}}
@media(max-width:750px){.knowing-layout{grid-template-columns:1fr;gap:30px}.method-knowing h2 span{display:inline}.method-page .method-knowing .knowing-lead{font-size:1.5rem}}

/* Continuous hero image and a shared page alignment. */
body.method-page .method-opening{width:100%;max-width:none;margin:0;padding:0}
body.method-page .method-hero{padding:64px max(40px,calc((100% - 1240px)/2));background:var(--ink)}
body.method-page .method-hero>div{width:60%;max-width:720px}
body.method-page .method-hero>img{mask-image:linear-gradient(180deg,transparent,#000 16%,#000 80%,transparent);-webkit-mask-image:linear-gradient(180deg,transparent,#000 16%,#000 80%,transparent)}
body.method-page .method-hero:after{background:linear-gradient(90deg,#111410 0%,rgba(17,20,16,.93) 30%,rgba(17,20,16,.72) 50%,rgba(17,20,16,.16) 76%,#111410 100%)}
body.method-page .method-context>div{max-width:720px}
body.method-page .method-grounding .method-editorial{grid-template-columns:1fr;gap:32px}
body.method-page .method-grounding .method-reading{padding-left:0;border:0;max-width:720px}
body.method-page .method-grounding h2{max-width:100%}
.method-arc .arc-stages{display:flex;align-items:center;justify-content:space-between;list-style:none;margin:56px 0 44px;padding:0;gap:0}
.method-arc .arc-stages li{font:500 clamp(1.3rem,2.2vw,2.2rem)/1.25 var(--serif);color:var(--paper);padding-inline:22px;white-space:nowrap}
.method-arc .arc-stages li:first-child{padding-left:0}
.method-arc .arc-stages li:last-child{padding-right:0}
.method-arc .arc-stages li+li{border-left:1px solid #89916e}
.method-arc .arc-caption{margin:0 0 48px;max-width:100%}
@media(max-width:1000px){.method-arc .arc-stages li{padding-inline:12px;font-size:1.3rem}}
@media(max-width:800px){body.method-page .method-hero{padding:48px 20px}body.method-page .method-hero>div{width:100%}body.method-page .method-hero:after{background:linear-gradient(90deg,rgba(17,20,16,.97),rgba(17,20,16,.82) 65%,rgba(17,20,16,.5))}.method-arc .arc-stages{display:grid;grid-template-columns:1fr 1fr;gap:24px 0;margin-block:36px}.method-arc .arc-stages li{padding:0 18px;white-space:normal;font-size:1.6rem}.method-arc .arc-stages li:nth-child(odd){padding-left:0;border-left:0}.method-arc .arc-stages li:nth-child(even){border-left:1px solid #89916e}}

/* Parallel opening subheadings and a restrained page title. */
body.method-page .method-hero h1.method-label{font:500 .875rem/1.5 var(--sans);letter-spacing:.13em;color:#c3c8a4;margin:0 0 22px;text-wrap:wrap}
body.method-page h2.method-lead{font:500 clamp(3rem,4vw,4.6rem)/1.08 var(--serif);letter-spacing:-.035em;color:var(--paper);margin:0 0 20px;text-wrap:balance}
body.method-page h2.method-lead+p{margin-top:0}

/* Keep the two opening ideas visually connected. */
body.method-page .method-hero h2.method-lead,body.method-page .method-context h2.method-lead{color:var(--paper)}
body.method-page .method-hero{min-height:0;padding-bottom:20px}
body.method-page .method-context{padding-top:16px}

@media(max-width:600px){body.method-page h2.method-lead{font-size:2.8rem}}

/* One continuous introduction beneath the combined headline. */
body.method-page .method-hero h1.method-unified-title{font-family:var(--serif);font-weight:500;line-height:1.04;letter-spacing:-.035em;color:var(--paper);margin:0 0 28px;text-wrap:balance}
body.method-page .method-hero h1.method-unified-title em{font-style:italic;color:#c3c8a4}
body.method-page .method-hero{padding-bottom:60px}
body.method-page .method-hero>img{max-height:600px}
body.method-page .method-hero .method-label{font:500 .875rem/1.5 var(--sans);letter-spacing:.13em;color:#c3c8a4;margin:0 0 22px}
@media(max-width:600px){body.method-page .method-hero{padding-bottom:44px}}

@media(min-width:801px) and (max-height:800px){.method-hero h1.method-unified-title{font-size:clamp(2.6rem,3.1vw,3.3rem)}}