/* Lower Approach sections keep the established type, colours and surfaces. */
.subpage-refresh .approach-page .approach-partnership .pp-wrap,
.subpage-refresh .approach-page .approach-explore .pp-wrap{display:block}
.subpage-refresh .approach-page .approach-partnership h2,
.subpage-refresh .approach-page .approach-explore h2,
.subpage-refresh .approach-page .approach-beyond h2{position:static}
.approach-partnership .driver-intro{max-width:850px;margin-bottom:32px}
.driver-roles{display:grid;grid-template-columns:1fr 1fr;gap:50px;margin:0 0 30px}
.approach-page .driver-role{border-top:3px solid var(--orange);padding-top:22px}
.approach-page .driver-role:nth-child(2){border-color:var(--navy)}
.approach-page .driver-role h3{font-size:23px;margin-bottom:12px}
.approach-page .driver-role p{margin:0}
.driver-close{max-width:1000px}
.approach-page .driver-close blockquote{border-left:3px solid var(--orange);padding:8px 0 8px 24px;margin:22px 0}
.approach-page .driver-close blockquote p{font-size:26px;line-height:1.45;font-weight:600;margin:0;color:var(--navy)}
.driver-close>p:last-child{margin-bottom:0}
.subpage-refresh .approach-page .approach-explore{padding-top:48px;padding-bottom:48px}
.approach-page .approach-explore .pp-copy{max-width:none}
.approach-page .explore-list{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:repeat(3,auto);grid-auto-flow:column;gap:26px 40px;list-style:none;padding:0;margin:30px 0 32px}
.approach-page .explore-list li{display:flex;align-items:flex-start;gap:16px;margin:0;padding:0;min-width:0}
.explore-icon{color:var(--orange);border:1px solid currentColor;flex:0 0 36px;height:36px;display:grid;place-items:center;border-radius:50%;margin-top:2px}
.explore-list li:nth-child(3n+2) .explore-icon{color:var(--navy)}
.explore-list li:nth-child(3n) .explore-icon{color:var(--blue)}
.explore-icon svg{width:22px;height:22px}
.approach-page .explore-principle{border-left:3px solid var(--orange);padding-left:22px;margin:24px 0 0}
.subpage-refresh .approach-page .approach-beyond{padding-top:50px;padding-bottom:20px}
.subpage-refresh .approach-page .approach-beyond .pp-wrap{display:grid;grid-template-columns:.9fr 1.1fr;gap:60px;align-items:center}
.beyond-photo{margin:26px 0 0;overflow:hidden;border-radius:20px;box-shadow:0 12px 30px rgba(8,40,101,.12)}
.beyond-photo img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;display:block}
.approach-beyond .pp-copy>p:last-child{margin-bottom:0}
@media(prefers-reduced-motion:no-preference){
 .approach-partnership.reveal-visible .driver-role,.approach-beyond.reveal-visible .beyond-photo{animation:approach-enter .65s both}
 .approach-partnership.reveal-visible .driver-role:nth-child(2){animation-delay:.09s}
}
@keyframes approach-enter{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
@media(max-width:900px){.driver-roles{gap:30px}.subpage-refresh .approach-page .approach-beyond .pp-wrap{gap:35px;grid-template-columns:1fr 1.1fr}.approach-page .explore-list{gap:24px}}
@media(max-width:640px){
 .driver-roles{grid-template-columns:1fr;gap:26px}.approach-page .driver-close blockquote p{font-size:23px}
 .approach-page .explore-list{grid-template-columns:1fr;grid-template-rows:none;grid-auto-flow:row;gap:22px;margin-top:24px}
 .subpage-refresh .approach-page .approach-explore{padding-top:35px;padding-bottom:35px}
 .subpage-refresh .approach-page .approach-beyond{padding-top:40px;padding-bottom:0}
 .subpage-refresh .approach-page .approach-beyond .pp-wrap{display:block}.beyond-heading{margin-bottom:28px}.beyond-photo{border-radius:12px}
}

@media(prefers-reduced-motion:no-preference){
 .approach-explore .explore-reveal-pending{opacity:0;transform:translateY(18px)}
 .approach-explore .explore-reveal-visible{animation:explore-item-enter .7s cubic-bezier(.2,.65,.3,1) both;animation-delay:var(--explore-delay,0ms)}
}
@keyframes explore-item-enter{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}

/* Keep these headings in normal reading flow, clear of their copy. */
.subpage-refresh .approach-page .pp-section.approach-partnership h2,
.subpage-refresh .approach-page .pp-section.approach-explore h2,
.subpage-refresh .approach-page .pp-section.approach-beyond h2{position:static;top:auto}
@media(min-width:641px){
 .subpage-refresh .approach-page .pp-section.approach-beyond .pp-wrap{grid-template-rows:auto auto;gap:26px 60px;align-items:start}
 .approach-beyond .beyond-heading{display:contents}
 .approach-beyond .beyond-heading h2{grid-column:1 / -1;grid-row:1;max-width:550px;margin:0}
 .approach-beyond .beyond-photo{grid-column:1;grid-row:2;margin:0}
 .approach-beyond .pp-copy{grid-column:2;grid-row:2}
}
@media(min-width:641px) and (max-width:900px){.subpage-refresh .approach-page .pp-section.approach-beyond .pp-wrap{column-gap:35px}}

/* Founder’s M.O.: compact introduction and the original three-card layout. */
.subpage-refresh .approach-page .pp-founder-intro{padding-top:40px;padding-bottom:40px}
.subpage-refresh .approach-page .pp-founder-intro .pp-wrap{grid-template-columns:.7fr 1.3fr;gap:55px;align-items:start}
.approach-page .pp-founder-intro h2{font-size:36px;margin:0}
.approach-page .pp-founder-intro .pp-copy p{font-size:17px;line-height:1.8;margin-bottom:16px}
.approach-page .pp-founder-intro .pp-copy p:last-child{margin-bottom:0}
.subpage-refresh .approach-page .pp-founder-cards{padding-top:36px;padding-bottom:25px}
.pp-founder-cards .pp-journey::before{content:none}
.approach-page .pp-founder-cards .pp-step{display:flex;align-items:center;gap:12px;letter-spacing:.08em}
.founder-card-number{width:31px;height:31px;display:grid;place-items:center;flex:0 0 31px;border:1px solid currentColor;border-radius:50%;font-size:12px;letter-spacing:0;font-weight:700}
.approach-page .pp-founder-cards .pp-card:nth-child(2) .pp-step{color:var(--navy)}
.approach-page .pp-founder-cards .pp-card:nth-child(3) .pp-step{color:var(--blue)}
@media(max-width:1000px) and (min-width:801px){.approach-page .pp-founder-cards .pp-journey{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.approach-page .pp-founder-cards .pp-card{padding:26px 20px}.approach-page .pp-founder-cards .pp-card h3{font-size:24px}}
@media(max-width:800px){.subpage-refresh .approach-page .pp-founder-intro .pp-wrap{display:block}.approach-page .pp-founder-intro h2{margin-bottom:24px}.approach-page .pp-founder-cards .pp-journey{grid-template-columns:1fr}}
@media(max-width:640px){.subpage-refresh .approach-page .pp-founder-intro{padding:35px 25px}.approach-page .pp-founder-intro h2{font-size:29px}.approach-page .pp-founder-intro .pp-copy p{font-size:16px}}

/* Keep the Founder title orange and reveal more of the portrait above it. */
.subpage-refresh .approach-page .pp-section.pp-founder-intro h2{color:var(--orange)}
.approach-page .pp-section.pp-founder-intro::before{background-position:center 20%}
@media(max-width:640px){.approach-page .pp-section.pp-founder-intro::before{background-position:45% top}}

/* Match the homepage Founder’s M.O. panel width and responsive side margins. */
.subpage-refresh .approach-page .pp-founder-intro{max-width:1240px;margin-left:auto;margin-right:auto;padding-left:55px;padding-right:55px}
@media(min-width:641px) and (max-width:1100px){.subpage-refresh .approach-page .pp-founder-intro{margin-left:30px;margin-right:30px;padding-left:35px;padding-right:35px}}
@media(max-width:640px){.subpage-refresh .approach-page .pp-founder-intro{margin-left:18px;margin-right:18px;padding-left:25px;padding-right:25px}}

/* The secondary support link responds in brand blue. */
.approach-page .pp-choice .approach-support-link:hover,
.approach-page .pp-choice .approach-support-link:focus-visible{color:var(--blue);text-decoration-color:currentColor}

/* A clear partnership introduction, two roles, then one shared takeaway. */
.subpage-refresh .approach-page .approach-partnership .pp-wrap{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:36px 85px;align-items:start}
.approach-partnership .driver-heading h2{max-width:17ch;margin:0 0 24px}
.approach-partnership .driver-intro{max-width:39ch;margin:0}
.approach-partnership .driver-intro p{margin:0}
.approach-partnership .driver-roles{grid-template-columns:1fr;gap:30px;margin:0}
.approach-page .approach-partnership .driver-role{border:0;padding:0}
.approach-partnership .driver-role::before{content:"";display:block;width:42px;height:3px;background:var(--orange);margin-bottom:14px;border-radius:2px}
.approach-partnership .driver-role:nth-child(2)::before{background:var(--navy)}
.approach-partnership .driver-role h3{margin:0 0 10px}
.approach-partnership .driver-close{grid-column:1 / -1;max-width:none;background:transparent;border-radius:0;padding:4px 0 0}
.approach-partnership .driver-close>p{max-width:78ch;margin:0}
.approach-page .approach-partnership .driver-close blockquote{position:relative;border:0;padding:0 0 0 20px;margin:16px 0}
.approach-partnership .driver-close blockquote::before{content:"";position:absolute;left:0;top:4px;width:3px;height:30px;border-radius:2px;background:var(--orange)}
.approach-partnership .driver-close blockquote p{max-width:none}
@media(prefers-reduced-motion:no-preference){.approach-partnership.reveal-visible .driver-close{animation:approach-enter .65s .18s both}}
@media(max-width:900px){.subpage-refresh .approach-page .approach-partnership .pp-wrap{column-gap:40px}}
@media(max-width:700px){.subpage-refresh .approach-page .approach-partnership .pp-wrap{grid-template-columns:1fr;gap:30px}.approach-partnership .driver-heading h2,.approach-partnership .driver-intro{max-width:none}.approach-partnership .driver-close{padding:0;border-radius:0}}