/* A warmer, more human treatment for the process page. */
.approach{background:#f0f2ea;color:#17231d;padding-block:72px 100px}
.approach-lead{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(40px,6vw,88px);align-items:center}
.approach-intro{padding-block:30px}
.approach .eyebrow{color:#3b7052;margin-bottom:28px}
.approach .eyebrow span{padding-inline:9px;color:#8a9a88}
.approach h2{font-size:clamp(44px,5.2vw,78px);line-height:1.04;max-width:800px}
.approach h2 span{color:#3c7657}
.approach-promise{font-size:clamp(20px,2vw,27px);line-height:1.4;font-weight:700;letter-spacing:-.025em;max-width:560px;margin:35px 0 14px}
.approach-intro-detail{font-size:16px;line-height:1.7;color:#56665a;max-width:540px;margin:0 0 31px}
.approach .inline-link{color:#224d36}
.approach-visual{margin:0;position:relative;min-height:530px;overflow:hidden;background:#bdc7b5}
.approach-visual img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:45% center;filter:saturate(.87)}
.approach-visual:after{content:"";position:absolute;inset:60% 0 0;background:linear-gradient(transparent,rgba(9,24,16,.57));pointer-events:none}
.approach-visual figcaption{position:absolute;z-index:1;bottom:24px;left:27px;color:#fff;font:800 10px/1.2 'Manrope',Arial,sans-serif;letter-spacing:.17em}
.approach-process-heading{display:flex;justify-content:space-between;align-items:end;gap:35px;border-top:1px solid #bfcbbe;padding-top:38px;margin-top:75px}
.approach-process-heading .eyebrow{margin:0 0 7px}
.approach-process-heading h3{font:800 clamp(25px,3vw,42px)/1.1 'Manrope',Arial,sans-serif;letter-spacing:-.05em;margin:0;max-width:480px}
.approach-grid{gap:16px;margin-top:28px}
.approach-grid article{position:relative;display:flex;flex-direction:column;min-height:255px;padding:25px 27px 24px;background:#fff;border-top:4px solid #3a7554;box-shadow:0 10px 28px rgba(30,58,39,.05)}
.approach-number{color:#9eb9a1;font:800 35px/1 'Manrope',Arial,sans-serif;letter-spacing:-.07em}
.approach-grid h4{font:800 27px/1.15 'Manrope',Arial,sans-serif;letter-spacing:-.05em;margin:25px 0 10px}
.approach-grid p{color:#56665a;margin:0 0 20px;line-height:1.6;max-width:360px}
.approach-tag{margin-top:auto;color:#39714f;font:800 10px/1 'Manrope',Arial,sans-serif;letter-spacing:.13em}
@media(max-width:900px){.approach-lead{grid-template-columns:1fr}.approach-intro{padding:0}.approach-visual{min-height:420px}.approach-process-heading{margin-top:55px}}
@media(max-width:700px){.approach{padding-block:60px 75px}.approach-lead{gap:36px}.approach h2{font-size:clamp(40px,10vw,58px)}.approach-promise{margin-top:27px;font-size:21px}.approach-visual{min-height:330px}.approach-process-heading{display:block;margin-top:48px;padding-top:28px}.approach-process-heading h3{margin-top:12px}.approach-grid{gap:12px;margin-top:24px}.approach-grid article{min-height:0;padding:23px 23px 25px}.approach-grid h4{margin-top:17px}}