/* Scroll-led presentation for the three investment criteria. The unenhanced section remains readable. */
.p-approach.approach-motion-enabled{padding:0;min-height:0}
.approach-motion-enabled .p-approach-stage{box-sizing:border-box;position:sticky;top:0;min-height:100svh;padding:clamp(52px,6vw,108px) max(6%,calc((100vw - 1350px)/2));display:flex;flex-direction:column;justify-content:center}
.approach-motion-enabled .p-principles{width:100%;margin-top:clamp(38px,5vw,72px)}
.js-motion .approach-motion-enabled .p-principle,
.js-motion .approach-motion-enabled .p-principle.is-visible{opacity:var(--approach-visible,1);transform:translateY(calc((1 - var(--approach-visible,1))*30px));transition:none;will-change:opacity,transform}
.approach-motion-enabled .p-principle.is-visible .p-cash i{animation:none}
.approach-motion-enabled .p-principle.ap-revealed.is-visible .p-cash i{animation:bar-reveal 1.4s cubic-bezier(.2,.7,.2,1) both}
.approach-motion-enabled .p-principle.ap-revealed.is-visible .p-cash i:nth-child(2n){animation-delay:.12s}
.approach-motion-enabled .p-principle .p-demand i{transition:transform .7s ease,opacity .7s ease;transform:scale(.8);opacity:.25}
.approach-motion-enabled .p-principle.ap-revealed .p-demand i{transform:scale(1);opacity:1}
.approach-motion-enabled .p-principle .p-potential i{transition:top .75s ease,opacity .75s ease;opacity:.3}
.approach-motion-enabled .p-principle:not(.ap-revealed) .p-potential i{top:38px}
.approach-motion-enabled .p-principle.ap-revealed .p-potential i{opacity:1}
@media(max-width:760px){
 .approach-motion-enabled .p-approach-stage{padding:44px 6%;min-height:100svh}
 .approach-motion-enabled .p-approach-intro>.p-eyebrow{margin-bottom:18px}
 .approach-motion-enabled .p-approach-intro h2{font-size:clamp(25px,6.7vw,32px)}
 .approach-motion-enabled .p-approach-intro>p:last-child{margin-top:14px;font-size:11px;line-height:1.6}
 .approach-motion-enabled .p-principles{margin-top:22px}
 .approach-motion-enabled .p-principle,.approach-motion-enabled .p-principle:first-child,.approach-motion-enabled .p-principle:last-child{padding:13px 0;column-gap:18px}
 .approach-motion-enabled .p-principle-graphic{height:88px;overflow:visible}
 .approach-motion-enabled .p-principle-graphic>span{font-size:6px;line-height:1.3}
 .approach-motion-enabled .p-principle h3{font-size:22px;margin:7px 0 6px;line-height:1.1}
 .approach-motion-enabled .p-principle p{font-size:11px;line-height:1.55}
 .approach-motion-enabled .p-demand i:nth-child(2){width:74px;height:74px;top:0}
 .approach-motion-enabled .p-demand i:first-child{width:54px;height:54px;top:10px}
 .approach-motion-enabled .p-demand i:nth-child(3){width:34px;height:34px;top:20px}
 .approach-motion-enabled .p-demand b{top:33px}
 .approach-motion-enabled .p-cash{padding-bottom:22px;gap:5px}
 .approach-motion-enabled .p-cash i{width:10px}
 .approach-motion-enabled .p-potential i{width:36px;height:36px;top:5px}
 .approach-motion-enabled .p-potential i:nth-child(2){top:20px}
 .approach-motion-enabled .p-potential i:nth-child(3){top:35px}
 .approach-motion-enabled .p-principle:not(.ap-revealed) .p-potential i{top:20px}
}
@media(prefers-reduced-motion:reduce){.js-motion .approach-motion-enabled .p-principle{opacity:1!important;transform:none!important;will-change:auto}.approach-motion-enabled .p-approach-stage{position:relative;min-height:0}.approach-motion-enabled .p-principle .p-demand i{opacity:1;transform:none}.approach-motion-enabled .p-principle .p-potential i{opacity:1}}
body.motion-paused .approach-motion-enabled .p-principle{opacity:1!important;transform:none!important;will-change:auto}
body.motion-paused .approach-motion-enabled .p-approach-stage{position:relative;min-height:0}
@media(max-height:850px) and (min-width:761px){
 .approach-motion-enabled .p-approach-stage{padding-top:34px;padding-bottom:34px}
 .approach-motion-enabled .p-approach-intro>.p-eyebrow{margin-bottom:14px}
 .approach-motion-enabled .p-approach-intro h2{font-size:clamp(34px,3.5vw,52px)}
 .approach-motion-enabled .p-approach-intro>p:last-child{margin-top:14px}
 .approach-motion-enabled .p-principles{margin-top:24px}
 .approach-motion-enabled .p-principle-graphic{height:120px;padding-bottom:24px}
 .approach-motion-enabled .p-principle h3{margin:15px 0 9px}
}

/* Client-approved pillars: room for complete headings and supplied descriptions. */
.p-approach .p-principle-number{text-transform:uppercase;font-size:9px;letter-spacing:.1em}
.p-approach .p-principle h3{font-size:clamp(22px,2.1vw,29px);line-height:1.18;text-wrap:balance}
.p-approach .p-principle p{max-width:none;line-height:1.7}
@media(max-width:760px){
 .p-approach .p-principle,.p-approach .p-principle:first-child,.p-approach .p-principle:last-child{grid-template-columns:minmax(0,1fr) 76px;column-gap:15px}
 .p-approach .p-principle-number{grid-column:1 / -1;font-size:8px}
 .p-approach .p-principle h3{font-size:22px;grid-row:2;text-wrap:initial}
 .p-approach .p-principle p{grid-column:1 / -1;font-size:12px;line-height:1.7}
 .p-approach .p-principle-graphic{grid-row:2;height:85px;padding-bottom:0;gap:4px}
 .p-approach .p-cash i{width:8px;max-height:70px}
}
@media(max-width:760px){
 .p-approach .p-demand i:nth-child(2){width:74px;height:74px;top:0}
 .p-approach .p-demand i:first-child{width:54px;height:54px;top:10px}
 .p-approach .p-demand i:nth-child(3){width:34px;height:34px;top:20px}
 .p-approach .p-demand b{top:33px}
 .p-approach .p-potential i{width:32px;height:32px;top:5px}
 .p-approach .p-potential i:nth-child(2){top:20px}
 .p-approach .p-potential i:nth-child(3){top:35px}
}
/* Tighter lines, with deliberate separation between each pillar title and copy. */
#approach .p-principle h3{line-height:1.08;margin-bottom:18px}
#approach .p-principle p{line-height:1.45;margin-top:0}