/* Match the owner's reference: outer-corner mark, heading, opposite copy. */
.brand-approach .approach-inner{display:grid;grid-template-columns:190px minmax(0,1fr);gap:58px;align-items:center;padding-block:76px 0;min-height:510px}
.brand-approach .growth-symbol{align-self:end;min-width:0;color:var(--paper);line-height:0;margin-bottom:-1px}
.brand-approach .growth-symbol svg{display:block;width:100%;height:auto;transform:none}
/* Only tuck the very bottom of the serif into the section edge. */
@media(min-width:761px){.brand-approach .growth-symbol{transform:translateY(4px)}}
.brand-approach .growth-story{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:44px;align-items:center;padding-block:0 76px;min-width:0}
.brand-approach .growth-story>div{min-width:0}
.brand-approach .eyebrow{font-size:12px;letter-spacing:.04em;margin-bottom:23px}
.brand-approach h2{font-size:clamp(50px,4.4vw,72px);line-height:1.08}
html[dir=rtl] .brand-approach h2{font-size:clamp(50px,4.4vw,72px);line-height:1.25}
html[dir=rtl] .brand-approach .eyebrow{font-size:13px;letter-spacing:0}
.brand-approach .approach-copy,html[dir=rtl] .brand-approach .approach-copy{padding-top:0;margin-top:0;max-width:none}
.brand-approach .approach-copy>p{font-size:16px;line-height:1.8;margin-bottom:17px}
html[dir=rtl] .brand-approach .approach-copy>p{font-size:16px;line-height:1.95;margin-bottom:17px}
.brand-approach .approach-copy>a{display:inline-flex;align-items:center;gap:16px;line-height:1.7;margin-top:5px;font-size:14px}
html[dir=rtl] .brand-approach .approach-copy>a{font-size:16px}
@media(min-width:1500px){.brand-approach .approach-inner{grid-template-columns:210px minmax(0,1fr);gap:74px;min-height:560px}.brand-approach .growth-story{gap:64px}}
@media(max-width:1150px) and (min-width:761px){.brand-approach .approach-inner{grid-template-columns:180px minmax(0,1fr);gap:60px;padding-top:54px}.brand-approach .growth-story{display:block;padding-bottom:60px}.brand-approach h2,html[dir=rtl] .brand-approach h2{font-size:58px}.brand-approach .approach-copy,html[dir=rtl] .brand-approach .approach-copy{margin-top:26px;max-width:500px}.brand-approach .eyebrow{margin-bottom:16px}}
@media(max-width:760px){.brand-approach .approach-inner{grid-template-columns:68px minmax(0,1fr);gap:26px 22px;padding-block:43px 45px;min-height:0;align-items:center}.brand-approach .growth-story{display:contents}.brand-approach .growth-symbol{grid-column:1;grid-row:1;align-self:center;margin:0}.brand-approach .growth-story>div:first-child{grid-column:2;grid-row:1}.brand-approach .approach-copy,html[dir=rtl] .brand-approach .approach-copy{grid-column:1/-1;grid-row:2;margin:0;max-width:none}.brand-approach h2,html[dir=rtl] .brand-approach h2{font-size:clamp(39px,6.5vw,50px);line-height:1.18}.brand-approach .eyebrow,html[dir=rtl] .brand-approach .eyebrow{font-size:11px;letter-spacing:0;margin-bottom:13px}.brand-approach .approach-copy>p,html[dir=rtl] .brand-approach .approach-copy>p{font-size:16px;line-height:1.9;margin-bottom:13px}.brand-approach .approach-copy>a,html[dir=rtl] .brand-approach .approach-copy>a{font-size:14px;margin-top:8px}}
@media(max-width:380px){.brand-approach .approach-inner{grid-template-columns:55px minmax(0,1fr);column-gap:18px}.brand-approach h2,html[dir=rtl] .brand-approach h2{font-size:37px}.brand-approach .eyebrow,html[dir=rtl] .brand-approach .eyebrow{font-size:10px}}