.approach-hero{padding-top:76px;padding-bottom:80px}
.approach-hero-art{position:relative;min-height:500px;padding:25px 27px;background:#111410;color:#f5f6f0;overflow:hidden;border:1px solid #2b3128;isolation:isolate;display:flex;flex-direction:column;justify-content:space-between}
.approach-hero-art:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(rgba(220,226,214,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(220,226,214,.08) 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(to bottom,black,transparent 95%)}
.approach-art-top,.approach-art-bottom{display:flex;justify-content:space-between;align-items:center;gap:14px;font-size:.61rem;letter-spacing:.12em;color:#b9c1b2}
.approach-art-bottom{align-items:end;border-top:1px solid #353b32;padding-top:17px}
.approach-art-bottom strong{font-family:'Manrope',sans-serif;font-size:1.03rem;letter-spacing:-.03em;color:#f3f4ee;max-width:235px;line-height:1.2}
.approach-art-bottom span{font-size:.53rem;text-align:right}
.framework{position:absolute;left:50%;top:49%;width:min(100%,400px);height:340px;transform:translate(-50%,-50%)}
.framework-line{position:absolute;left:50%;top:48px;bottom:48px;width:1px;background:linear-gradient(transparent,#7f8c77 12%,#7f8c77 88%,transparent)}
.framework-node{position:absolute;display:flex;align-items:center;gap:9px;padding:9px 11px;background:#22271f;border:1px solid rgba(183,195,176,.4);font-size:.7rem;color:#dbe2d4;min-width:118px}
.framework-node b{font-size:.65rem;color:#aebaa6}
.fn-one{left:0;top:35px}.fn-two{right:0;top:92px}.fn-three{left:0;bottom:92px}.fn-four{right:0;bottom:35px}
.framework-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:112px;height:112px;display:grid;place-items:center;border-radius:50%;border:1px solid rgba(183,195,176,.55);box-shadow:0 0 0 15px rgba(183,195,176,.035),0 0 0 32px rgba(183,195,176,.025);font-family:'Manrope',sans-serif;font-weight:800;font-size:3rem;letter-spacing:-.14em;background:#151914}
.framework-center span{color:#b7c3b0}
.approach-timeline{background:#fff}
.lifecycle{border-top:1px solid var(--line)}
.lifecycle-step{display:grid;grid-template-columns:60px minmax(0,1fr) 225px;gap:25px;padding:30px 0;border-bottom:1px solid var(--line);align-items:start}
.lifecycle-marker{width:44px;height:44px;display:grid;place-items:center;border:1px solid #aab3a2;background:#f1f3ee;font-family:'Manrope',sans-serif;font-size:.85rem;font-weight:800}
.lifecycle-copy .service-no{font-size:.68rem;font-weight:700;letter-spacing:.13em;color:#697064}
.lifecycle-copy h3{font-size:1.55rem;letter-spacing:-.035em;margin:12px 0}
.lifecycle-copy p{max-width:700px;color:#5d6159;font-size:.92rem;line-height:1.75}
.lifecycle-copy ul{padding:0;margin:15px 0 0;list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 16px;font-size:.8rem;color:#484d45}
.lifecycle-copy li:before{content:"↗";margin-right:7px;color:#7b8674}
.lifecycle-output{border-left:1px solid var(--line);padding:7px 0 7px 20px;margin-top:6px}
.lifecycle-output span{display:block;font-size:.65rem;font-weight:700;letter-spacing:.14em;color:#788171;margin-bottom:9px}
.lifecycle-output strong{display:block;font-family:'Manrope',sans-serif;font-size:1rem;line-height:1.35}
.approach-quality{background:#e9eae5}
.quality-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid #c5c8bf;border-bottom:1px solid #c5c8bf}
.quality-grid article{padding:25px 22px;border-right:1px solid #c5c8bf}
.quality-grid article:first-child{padding-left:0}
.quality-grid article:last-child{border-right:0}
.quality-grid article>span,.engagement-grid article>span{display:block;font-size:.75rem;color:#70776a;margin-bottom:23px}
.quality-grid h3{font-size:1.15rem;margin-bottom:10px;letter-spacing:-.025em}
.quality-grid p{font-size:.85rem;color:#5d6158;margin:0;line-height:1.7}
.approach-disclaimer{margin:22px 0 0;color:#656a60;font-size:.76rem;line-height:1.65;max-width:950px}
.approach-comms{background:#fff}
.engagement-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.engagement-grid article{padding:25px 22px;border-right:1px solid var(--line)}
.engagement-grid article:first-child{padding-left:0}
.engagement-grid article:last-child{border-right:0}
.engagement-grid article>span{font-family:'Manrope',sans-serif;font-weight:800;font-size:1.6rem;letter-spacing:-.06em;color:#7e8977}
.engagement-grid h3{font-size:1.12rem;letter-spacing:-.025em;margin-bottom:10px}
.engagement-grid p{font-size:.84rem;color:var(--muted);line-height:1.7;margin:0}
.approach-cta{background:#101010;color:#fff}
@media(max-width:950px){.lifecycle-step{grid-template-columns:50px minmax(0,1fr);gap:18px}.lifecycle-output{grid-column:2;border-left:0;border-top:1px solid var(--line);padding:13px 0 0;margin:0}.lifecycle-copy ul{grid-template-columns:1fr}.quality-grid,.engagement-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.quality-grid article:nth-child(2),.engagement-grid article:nth-child(2){border-right:0}.quality-grid article:nth-child(-n+2),.engagement-grid article:nth-child(-n+2){border-bottom:1px solid #c5c8bf}.quality-grid article:nth-child(3),.engagement-grid article:nth-child(3){padding-left:0}}
@media(max-width:680px){.approach-hero{padding-top:52px;padding-bottom:54px}.approach-hero-art{min-height:380px;padding:20px 17px}.framework{height:265px}.framework-center{width:86px;height:86px;font-size:2.5rem}.framework-node{min-width:0;padding:7px 8px;gap:6px;font-size:.6rem}.fn-one{top:22px}.fn-two{top:68px}.fn-three{bottom:68px}.fn-four{bottom:22px}.approach-art-top{font-size:.5rem}.approach-art-bottom strong{font-size:.83rem;max-width:190px}.approach-art-bottom span{font-size:.45rem}.lifecycle-step{grid-template-columns:38px minmax(0,1fr);gap:14px;padding:24px 0}.lifecycle-marker{width:35px;height:35px;font-size:.72rem}.lifecycle-copy h3{font-size:1.3rem}.lifecycle-copy p{font-size:.87rem}.quality-grid,.engagement-grid{grid-template-columns:1fr}.quality-grid article,.quality-grid article:first-child,.quality-grid article:nth-child(3),.engagement-grid article,.engagement-grid article:first-child,.engagement-grid article:nth-child(3){padding:21px 0;border-right:0;border-bottom:1px solid #c5c8bf}.quality-grid article:last-child,.engagement-grid article:last-child{border-bottom:0}.quality-grid article>span,.engagement-grid article>span{margin-bottom:12px}}
@media(prefers-reduced-motion:reduce){.industry-card,.framework-center{transition:none}}