.approach-page [hidden]{display:none!important}
.approach-breadcrumb{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding-block:30px 0;color:var(--muted);font-size:11px}
.approach-breadcrumb a:hover{text-decoration:underline;text-underline-offset:4px}
.approach-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:7%;align-items:center;padding-block:52px 70px}
.approach-hero-copy{min-width:0}
.approach-hero h1{font-size:clamp(40px,4.8vw,66px);line-height:1.07;margin:0 0 27px;max-width:650px}
.approach-hero-copy>p{max-width:530px;font-size:15px;line-height:1.85}
.approach-hero .hero-actions{flex-wrap:wrap;gap:19px;margin-top:29px}
.approach-hero .button,.approach-hero .text-link{font-size:12px}
.approach-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;min-width:0}
.approach-gallery>a{position:relative;display:block;min-width:0;border:1px solid var(--line);overflow:hidden;border-radius:4px;background:#fff}
.approach-gallery-main{grid-column:1/-1}
.approach-gallery img{display:block;width:100%;height:auto;aspect-ratio:1.9;object-fit:cover;object-position:top}
.approach-gallery>a>span{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 13px;font-size:11px;line-height:1.4}
.approach-gallery>a>span>span{font-size:17px}
.approach-gallery a:hover>span{text-decoration:underline;text-underline-offset:4px}
.approach-principles{padding-bottom:75px;scroll-margin-top:100px}
.approach-principles>h2{border-top:1px solid var(--ink);padding-top:30px;font-size:clamp(32px,3.3vw,45px);line-height:1.16;margin-bottom:40px}
.approach-feature{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:9%;align-items:center;padding-bottom:48px;margin-bottom:45px;border-bottom:1px solid var(--line)}
.approach-feature-copy{min-width:0}
.approach-principles h3{font-family:var(--serif);font-size:clamp(28px,2.9vw,38px);line-height:1.18;letter-spacing:-.035em;margin:0 0 20px;max-width:570px}
.approach-feature-copy>p,.approach-principles-grid p{font-size:14px;line-height:1.85;max-width:560px}
.approach-feature-copy>.text-link{margin-top:25px;font-size:12px}
.approach-performance{min-width:0;background:#f7f9fa;padding:25px;border:1px solid #e1e7ed;border-radius:4px}
.approach-chart-client{margin-bottom:20px}
.approach-chart-client img{display:block;width:100px;height:28px;object-fit:contain;object-position:left center}
.approach-performance .growth-chart{height:250px}
.approach-performance .growth-source{font-size:10px;margin-top:14px}
.approach-performance .growth-chart-heading{gap:12px}
.approach-performance .growth-chart-heading strong{font-size:27px}
.approach-flow{min-width:0;padding-block:10px}
.approach-flow-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:12px;color:var(--muted);margin-bottom:24px}
.approach-replay{display:flex;align-items:center;gap:10px;min-height:44px;font:inherit;color:var(--ink);cursor:pointer}
.approach-flow-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.approach-flow-tabs button{appearance:none;border:1px solid #d7e2e1;border-radius:3px;background:white;text-align:left;min-width:0;display:flex;flex-direction:column;gap:16px;padding:15px 11px;font:inherit;font-size:12px;line-height:1.5;color:var(--ink);cursor:pointer;min-height:150px}
.approach-flow-tabs button:disabled{cursor:default}
.approach-flow-tabs button[aria-selected=true]{background:#e9f1ef;border-color:#648d8d}
.approach-step-number{font-size:10px;color:#6d888b}
.approach-flow-tabs button>svg,.approach-flow-tabs button>img{width:29px;height:29px;object-fit:contain;color:#4e7479}
.approach-flow-tabs button>span:last-child{margin-top:auto}
.approach-flow-tabs button:focus-visible,.approach-replay:focus-visible{outline:2px solid #4374b5;outline-offset:5px}
.approach-flow-progress{height:2px;background:#e3eae9;margin:19px 0 22px;overflow:hidden}
.approach-flow-progress>span{display:block;width:100%;height:100%;background:#547f81;transform-origin:left center}
.approach-flow-panels{min-height:92px}
.approach-flow-panels p{font-size:14px;line-height:1.8;margin-bottom:18px}
.approach-flow-panels .text-link{font-size:12px}
.approach-flow-panels>div+div{margin-top:20px}
.approach-flow[data-enhanced] .approach-flow-panels>div+div{margin-top:0}
.approach-principles-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7%}
.approach-principles-grid>article{display:flex;flex-direction:column;min-width:0}
.approach-principles-grid h3{font-size:clamp(28px,2.6vw,35px);margin-top:27px}
.approach-method-visual{display:flex;align-items:center;justify-content:center;height:280px;background:#f2f6f5;border:1px solid #dce4e3;border-radius:4px}
.approach-method-visual>div{display:flex;flex-direction:column;justify-content:space-between;gap:30px;width:205px;min-height:230px;padding:25px 24px;background:#fff;border:1px solid #cbdad8;border-left:6px solid #42666b}
.approach-method-visual strong{font-family:var(--serif);font-size:30px;font-weight:400;line-height:1.1;letter-spacing:-.035em}
.approach-method-visual>div>span{font-size:10px;line-height:1.6;color:#5d787e}
.approach-method-visual b{font-family:var(--serif);font-size:37px;font-weight:400;color:var(--ink);display:block;line-height:1.1;margin-bottom:5px}
.approach-tool-image{display:block;overflow:hidden;height:280px;border:1px solid var(--line);border-radius:4px}
.approach-tool-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:top}
.approach-principle-links{display:flex;align-items:flex-start;gap:15px 26px;flex-wrap:wrap;margin-top:auto;padding-top:22px}
.approach-principle-links .text-link{font-size:12px;gap:17px}
.approach-example{background:#f1f5f4}
.approach-example-inner{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:7%;align-items:center;padding-block:60px}
.approach-example-copy{min-width:0}
.approach-client-logo{display:block;width:auto;max-width:170px;height:29px;object-fit:contain;object-position:left center;margin-bottom:25px}
.approach-example h2,.approach-contact h2{font-size:clamp(32px,3.3vw,45px);line-height:1.16}
.approach-example h2{max-width:520px;margin-bottom:23px}
.approach-example p{font-size:14px;line-height:1.85;max-width:540px}
.approach-example p+p{margin-top:16px}
.approach-example .text-link{margin-top:24px}
.approach-example-image{display:block;min-width:0;border:1px solid var(--line);border-radius:3px;overflow:hidden;background:white}
.approach-example-image img{display:block;width:100%;height:auto}
.approach-contact{background:var(--ink);color:white}
.approach-contact-inner{display:flex;align-items:center;justify-content:space-between;gap:45px;padding-block:60px}
.approach-contact p{font-size:14px;line-height:1.8;color:#c7d0de;margin-top:17px;max-width:550px}
.approach-contact .button{flex-shrink:0}
@media(max-width:1050px){.approach-hero{gap:5%}.approach-feature{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:6%}.approach-performance{padding:20px}.approach-flow-tabs{gap:8px}.approach-flow-tabs button{font-size:11px;padding-inline:8px}.approach-principles-grid{gap:6%}}
@media(max-width:800px){.approach-hero{grid-template-columns:minmax(0,1fr);gap:35px;padding-block:40px 55px}.approach-hero h1{font-size:clamp(40px,6.7vw,62px);max-width:700px}.approach-hero-copy>p{max-width:610px}.approach-gallery{max-width:680px;width:100%}.approach-feature{grid-template-columns:minmax(0,1fr);gap:30px;padding-bottom:38px;margin-bottom:35px}.approach-feature-copy>p{max-width:640px}.approach-performance{max-width:680px;width:100%}.approach-performance .growth-chart{height:260px}.approach-flow{max-width:680px;width:100%}.approach-flow-tabs button{font-size:12px;padding-inline:14px}.approach-principles-grid{grid-template-columns:minmax(0,1fr);gap:38px}.approach-principles-grid h3{max-width:650px}.approach-method-visual,.approach-tool-image{max-width:680px;width:100%}.approach-example-inner{grid-template-columns:minmax(0,1fr);gap:30px;padding-block:45px}.approach-example h2{max-width:570px}.approach-example-image{max-width:680px;width:100%}.approach-contact-inner{flex-direction:column;align-items:flex-start;gap:27px;padding-block:45px}.approach-principles{padding-bottom:50px}}
@media(max-width:480px){.approach-breadcrumb{font-size:10px;padding-top:22px}.approach-hero h1{font-size:41px}.approach-gallery{gap:11px}.approach-gallery>a>span{font-size:10px;padding:9px 10px}.approach-performance{padding:17px 13px}.approach-performance .growth-chart{height:230px}.approach-performance .growth-chart-heading strong{font-size:25px}.approach-performance .growth-source{font-size:9px}.approach-flow-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.approach-flow-tabs button{min-height:125px;padding:14px;font-size:12px;gap:12px}.approach-method-visual,.approach-tool-image{height:250px}.approach-principles h3{font-size:31px}.approach-principles-grid h3{font-size:30px}}