.approach-page{background:var(--ivory);color:var(--ink)}
.approach-hero{min-height:720px;padding:190px var(--pad) 110px;background:var(--imperial);color:#fff;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,.55fr);gap:8vw;align-items:end;position:relative;overflow:hidden}
.approach-hero:after{content:"";position:absolute;width:720px;height:720px;border:1px solid rgba(176,141,87,.18);transform:rotate(45deg);right:-260px;top:80px;box-shadow:0 0 0 55px rgba(176,141,87,.035),0 0 0 110px rgba(176,141,87,.02)}
.approach-hero>div{position:relative;z-index:1}.approach-hero h1{margin:0 0 30px;font-weight:400;font-size:clamp(64px,8vw,126px);line-height:.88;letter-spacing:-.06em;max-width:900px}.approach-hero .lead{font-size:clamp(18px,1.55vw,23px);line-height:1.6;color:rgba(247,242,232,.82);max-width:780px;margin:0}.approach-promise{border-top:1px solid rgba(255,255,255,.3);padding-top:26px}.approach-promise strong{display:block;color:var(--gold);font-size:13px;letter-spacing:.13em;text-transform:uppercase;margin-bottom:16px}.approach-promise p{font-size:20px;line-height:1.55;margin:0}.approach-hero .reveal{opacity:1;transform:none}
.approach-principles{padding:115px var(--pad);background:#fff;display:grid;grid-template-columns:.55fr 1.45fr;gap:8vw}.approach-principles h2{max-width:900px}.principle-row{margin-top:55px;border-top:1px solid rgba(73,54,79,.2)}.principle{display:grid;grid-template-columns:54px .6fr 1fr;gap:28px;padding:28px 0;border-bottom:1px solid rgba(73,54,79,.2)}.principle>span{color:var(--gold)}.principle h3{margin:0;color:var(--plum);font-size:22px}.principle p{margin:0;line-height:1.6}
.journey-section{padding:120px var(--pad);background:var(--ivory)}.journey-head{display:grid;grid-template-columns:.55fr 1.45fr;gap:8vw}.journey-head p{font-size:19px;line-height:1.65;max-width:760px}.journey-map{margin-top:75px;position:relative}.journey-map:before{content:"";position:absolute;left:35px;top:40px;bottom:40px;width:1px;background:linear-gradient(var(--gold),rgba(176,141,87,.22))}.journey-step{display:grid;grid-template-columns:72px minmax(180px,.45fr) 1fr minmax(170px,.38fr);gap:30px;align-items:start;padding:28px 0;border-bottom:1px solid rgba(73,54,79,.18);position:relative}.journey-step:first-child{border-top:1px solid rgba(73,54,79,.18)}.journey-icon{width:72px;height:72px;border:1px solid rgba(73,54,79,.28);background:var(--ivory);display:grid;place-items:center;color:var(--gold);z-index:1}.journey-icon svg{width:38px;height:38px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}.journey-step h3{margin:6px 0 0;color:var(--plum);font-size:25px}.journey-step>p{margin:5px 0 0;line-height:1.6}.journey-value{margin:0!important;padding-left:24px;border-left:1px solid rgba(176,141,87,.5);color:var(--plum);font-weight:700}html[dir=rtl] .journey-value{padding-left:0;padding-right:24px;border-left:0;border-right:1px solid rgba(176,141,87,.5)}
.impact-section{padding:115px var(--pad);background:var(--imperial);color:#fff}.impact-section h2{color:#fff;max-width:900px}.impact-flow{margin-top:70px;display:grid;grid-template-columns:repeat(4,1fr);position:relative}.impact-point{position:relative;padding-right:38px}.impact-point:not(:last-child):after{content:"";position:absolute;z-index:0;top:27px;left:55px;right:0;height:1px;background:linear-gradient(90deg,var(--gold),rgba(176,141,87,.45))}.impact-icon{display:grid;place-items:center;width:55px;height:55px;border-radius:50%;background:var(--imperial);border:1px solid var(--gold);color:var(--gold);margin-bottom:25px;position:relative;z-index:1}.impact-icon svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.impact-point:last-child .impact-icon{background:var(--gold);color:#fff;box-shadow:0 0 34px rgba(176,141,87,.35)}.impact-point span{display:block;color:#cfb77e;font-size:13px;letter-spacing:.1em;margin-bottom:10px}.impact-point h3{margin:0 0 11px;font-size:22px}.impact-point p{margin:0;color:rgba(247,242,232,.72);line-height:1.55}
.ways-section{padding:115px var(--pad);background:#fff}.ways-grid{display:grid;grid-template-columns:.55fr 1.45fr;gap:8vw}.engagements{margin-top:50px}.engagement{display:grid;grid-template-columns:70px .7fr 1fr;gap:28px;padding:28px 0;border-bottom:1px solid rgba(73,54,79,.2)}.engagement:first-child{border-top:1px solid rgba(73,54,79,.2)}.engagement span{color:var(--gold)}.engagement h3{margin:0;color:var(--plum);font-size:22px}.engagement p{margin:0;line-height:1.6}
.approach-cta{padding:100px var(--pad);background:var(--gold);color:var(--imperial);display:flex;justify-content:space-between;align-items:end;gap:50px}.approach-cta h2{color:var(--imperial);max-width:850px}.approach-cta .button{background:var(--imperial);border-color:var(--imperial);color:#fff;flex:0 0 auto}
html[dir=rtl] .approach-hero:after{right:auto;left:-260px}
html[dir=rtl] .approach-hero h1{font-size:clamp(58px,6.8vw,102px);line-height:1.08;letter-spacing:0;max-width:820px}
html[dir=rtl] .approach-page h2{line-height:1.12;letter-spacing:0}
html[dir=rtl] .approach-promise strong,html[dir=rtl] .section-label{letter-spacing:0;text-transform:none}
html[dir=rtl] .journey-map:before{left:auto;right:35px}
html[dir=rtl] .impact-point{padding-right:0;padding-left:38px}
html[dir=rtl] .impact-point:not(:last-child):after{left:0;right:55px;background:linear-gradient(270deg,var(--gold),rgba(176,141,87,.45))}
@media(max-width:960px){.approach-hero,.approach-principles,.journey-head,.ways-grid{grid-template-columns:1fr}.journey-step{grid-template-columns:72px 1fr}.journey-step>p,.journey-value{grid-column:2}.impact-flow{grid-template-columns:1fr 1fr;gap:50px}.impact-point:not(:last-child):after{display:none}.engagement{grid-template-columns:50px 1fr}.engagement p{grid-column:2}}
@media(max-width:720px){.approach-hero{padding:145px var(--pad) 80px;min-height:650px}.approach-hero h1{font-size:clamp(56px,17vw,78px)}html[dir=rtl] .approach-hero h1{font-size:clamp(48px,13.5vw,66px);line-height:1.12}.approach-principles,.journey-section,.impact-section,.ways-section{padding:85px var(--pad)}.principle{grid-template-columns:42px 1fr}.principle p{grid-column:2}.journey-map:before{left:27px}.journey-step{grid-template-columns:56px 1fr;gap:18px}.journey-icon{width:56px;height:56px}.journey-icon svg{width:29px;height:29px}.impact-flow{grid-template-columns:1fr}.approach-cta{padding:75px var(--pad);flex-direction:column;align-items:stretch}.approach-cta .button{width:100%}html[dir=rtl] .journey-map:before{left:auto;right:27px}html[dir=rtl] .impact-point{padding-left:0}}

/* Approach page typography and alignment calibration */
.approach-hero{min-height:660px;grid-template-columns:minmax(0,1fr) minmax(290px,380px);gap:clamp(56px,7vw,110px)}
.approach-hero h1{font-size:clamp(50px,5.9vw,92px);line-height:.98;letter-spacing:-.045em;max-width:820px}
.approach-hero .lead{font-size:clamp(17px,1.25vw,20px);line-height:1.65;max-width:720px}
.approach-promise p{font-size:18px;line-height:1.62}
.approach-principles,.journey-head,.ways-grid{grid-template-columns:minmax(180px,240px) minmax(0,1fr);gap:clamp(48px,7vw,110px)}
.journey-head p{font-size:17px;line-height:1.72;max-width:720px}
.principle h3,.impact-point h3,.engagement h3{font-size:20px;line-height:1.3}
.journey-step{grid-template-columns:72px minmax(170px,.38fr) minmax(0,1fr) minmax(160px,.34fr);gap:clamp(22px,2.5vw,36px)}
.journey-step h3{font-size:22px;line-height:1.3}
.journey-step>p,.journey-value,.principle p,.impact-point p,.engagement p{font-size:16px;line-height:1.65}
html[dir=rtl] .approach-hero h1{font-size:clamp(44px,5vw,78px);line-height:1.17;letter-spacing:0;max-width:780px}
html[dir=rtl] .approach-hero .lead,html[dir=rtl] .journey-head p{line-height:1.85}
@media(max-width:960px){.approach-hero,.approach-principles,.journey-head,.ways-grid{grid-template-columns:1fr}.journey-step{grid-template-columns:72px 1fr}}
@media(max-width:720px){
  .approach-hero{min-height:580px;padding-top:134px;padding-bottom:72px}
  .approach-hero h1{font-size:clamp(42px,12vw,56px);line-height:1.04;margin-bottom:24px}
  html[dir=rtl] .approach-hero h1{font-size:clamp(38px,10.5vw,50px);line-height:1.22}
  .approach-hero .lead{font-size:16px}
  .approach-promise p{font-size:17px}
  .approach-principles,.journey-section,.impact-section,.ways-section{padding-top:78px;padding-bottom:78px}
  .journey-step{grid-template-columns:56px minmax(0,1fr)}
  .journey-step h3{font-size:20px}
}