/* The buyer journey leads; sourcing and commercial breadth support it. */
#approach .approach-introduction {
 display:grid; grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);
 gap:36px 9%; align-items:end;
}
#approach .approach-heading h2 {
 margin:18px 0 0; max-width:15ch; font-family:Newsreader,Georgia,serif;
 font-size:clamp(3rem,5.3vw,5.2rem); font-weight:400; line-height:1.06;
 letter-spacing:-.035em; text-wrap:balance;
}
#approach .approach-lead { max-width:46ch; padding-bottom:5px; }
#approach .approach-lead p { margin:0; color:var(--folio-ink); font-size:1rem; line-height:1.8; }
#approach .approach-lead p+p { margin-top:18px; color:var(--folio-muted); }
#approach .journey-feature { display:block; margin:54px 0 0; padding:0; border:0; }
#approach .circumstance-story { margin:0; padding:30px 0 0; border-top:1px solid var(--folio-rule); }
#approach .circumstance-story figcaption { display:block; }
#approach .circumstance-story h3 { margin:0; font:500 clamp(1.35rem,2vw,1.8rem)/1.35 var(--sans); letter-spacing:-.025em; }
#approach .circumstance-intro { max-width:66ch; font-size:1rem; line-height:1.75; margin:12px 0 0; }
#approach .circumstance-map { margin-top:32px; height:215px; }
#approach .path-wide { height:180px; }
#approach .path-moment i { border-color:var(--folio-accent); }
#approach .path-moment[aria-pressed=true] i { background:var(--folio-accent); border-color:var(--folio-accent); }
#approach .path-moment[aria-pressed=true] i:after { content:''; width:6px; height:6px; border-radius:50%; background:#fff; }
#approach .moment-detail { padding:10px 0 10px 24px; background:none; min-height:110px; grid-template-columns:minmax(100px, .3fr) minmax(0,1fr); gap:24px; }
#approach .moment-detail p { max-width:70ch; font-size:1rem; line-height:1.8; }
#approach .moment-label { font-size:.9375rem; }
#approach .journey-footnotes { display:flex; align-items:start; justify-content:space-between; gap:24px; margin-top:26px; }
#approach .qualification-notes { max-width:620px; flex:1; }
#approach .qualification-notes summary { display:flex; gap:28px; align-items:center; justify-content:space-between; min-height:48px; padding:10px 0; cursor:pointer; list-style:none; font-size:.9375rem; color:var(--folio-ink); }
#approach .qualification-notes summary::-webkit-details-marker { display:none; }
#approach .qualification-notes summary > span { font-size:1.35rem; color:var(--folio-accent); }
#approach .qualification-notes[open] summary > span { transform:rotate(45deg); }
#approach .qualification-notes summary:hover { color:var(--folio-accent); }
#approach .qualification-notes summary:focus-visible { outline:2px solid var(--folio-accent); outline-offset:4px; }
#approach .qualification-notes > p { margin-top:12px; font-size:.9375rem; line-height:1.75; color:var(--folio-muted); max-width:54ch; }
#approach .qualification-visual { margin-top:26px; max-width:430px; }
#approach .qualification-origin { font-size:.9375rem; font-weight:500; margin:0 0 14px; }
#approach .qualification-outcomes { list-style:none; margin:0; padding:0; }
#approach .qualification-outcomes li { display:grid; grid-template-columns:48px minmax(0,1fr); gap:16px; padding:0 0 24px; position:relative; }
#approach .qualification-outcomes li:not(:last-child)::before { content:''; position:absolute; left:9px; top:0; bottom:0; width:1px; background:#ba9278; }
#approach .qualification-outcomes li:first-child::before { top:4px; }
#approach .qualification-outcomes li:last-child { padding-bottom:8px; }
#approach .qualification-outcomes svg { width:48px; height:40px; color:var(--folio-accent); }
#approach .qualification-outcomes h4 { margin:11px 0 5px; font:500 1rem/1.4 var(--sans); }
#approach .qualification-outcomes p { font-size:.9375rem; line-height:1.65; color:var(--folio-muted); margin:0; }
#approach .advancement-example { margin:0; font-size:.875rem; flex-shrink:0; }
#approach .commercial-practice { display:grid; grid-template-columns:minmax(0,1.4fr) minmax(0,1fr); gap:9%; margin-top:72px; }
#approach .approach-sourcing { display:block; margin:0; padding:0; border:0; }
#approach .sourcing-intro h3 { margin:0; max-width:22ch; font:400 clamp(1.9rem,3vw,2.7rem)/1.16 Newsreader,Georgia,serif; letter-spacing:-.025em; text-wrap:balance; }
#approach .approach-context { max-width:56ch; margin:20px 0 0; font-size:1rem; line-height:1.8; color:var(--folio-muted); }
#approach .source-routes { margin-top:26px; border-top:1px solid var(--folio-rule); }
#approach .source-route summary { min-height:84px; padding:18px 0; }
#approach .source-route summary > svg { align-self:start; margin-top:3px; }
#approach .source-route summary strong { font-size:1rem; }
#approach .source-route summary small { font-size:.8125rem; }
#approach .source-route > p { font-size:.9375rem; line-height:1.75; max-width:52ch; }
#approach .role-fit { display:block; margin:0; padding:8px 0 0; border:0; min-width:0; }
#approach .role-fit h3 { margin:0 0 25px; max-width:20ch; font:500 1.4rem/1.4 var(--sans); letter-spacing:-.025em; }
#approach .contribution-list > div { display:grid; grid-template-columns:80px minmax(0,1fr); gap:18px; padding:20px 0; border:0; }
#approach .contribution-list > div:first-child { padding-top:0; }
#approach .contribution-mark { width:80px; height:56px; margin-top:2px; }
#approach .contribution-list h4 { margin:0 0 8px; font:500 1rem/1.4 var(--sans); }
#approach .contribution-list p { font-size:.9375rem; line-height:1.75; }
#approach .section-next { margin-top:48px; }
@media(max-width:1000px) {
 #approach .approach-introduction { grid-template-columns:minmax(0,1fr); gap:28px; }
 #approach .approach-heading h2 { max-width:18ch; }
 #approach .approach-lead { max-width:65ch; }
 #approach .commercial-practice { grid-template-columns:minmax(0,1fr); gap:44px; }
 #approach .role-fit { max-width:650px; }
 #approach .role-fit h3 { max-width:none; }
}
@media(max-width:760px) {
 #approach .approach-heading h2 { font-size:clamp(2.6rem,10.6vw,3.7rem); max-width:16ch; }
 #approach .approach-lead p { font-size:.9375rem; line-height:1.75; }
 #approach .journey-feature { margin-top:32px; }
 #approach .circumstance-story { padding-top:24px; }
 #approach .circumstance-intro { font-size:.9375rem; }
 #approach .circumstance-map { height:auto; margin-top:20px; }
 #approach .moment-detail { grid-template-columns:minmax(0,1fr); min-height:0; }
 #approach .circumstance-map .moment-detail { margin:0 0 12px 46px; padding:6px 0 12px 16px; }
 #approach .moment-detail p { font-size:.9375rem; line-height:1.75; }
 #approach .journey-footnotes { display:block; margin-top:12px; }
 #approach .advancement-example { margin-top:12px; }
 #approach .commercial-practice { margin-top:44px; }
 #approach .approach-context { font-size:.9375rem; }
 #approach .source-route summary { grid-template-columns:28px minmax(0,1fr) 20px; gap:12px; }
 #approach .source-route > p { margin-left:40px; margin-right:0; }
 #approach .contribution-list > div { grid-template-columns:62px minmax(0,1fr); gap:16px; padding-block:16px; }
 #approach .contribution-mark { width:62px; height:46px; }
 #approach .section-next { margin-top:30px; }
}