
/* APPROVED OUR APPROACH PAGE • Locked Manrope typography • 2026-10-19 */
body.approach-page{background:#191b1a;color:#f3f3ef;font-family:'Manrope','Segoe UI',system-ui,Arial,sans-serif;margin:0;}
.approach-page main{background:#191b1a;color:#f3f3ef;}
.approach-page .ap-container{width:min(100% - 72px,1180px);margin-inline:auto;}
.approach-page .ap-main{padding:56px 0 0;}
.approach-page .ap-hero{padding:clamp(32px,5.3vw,72px);background:#172f3b;color:#f9faf6;}
.approach-page .ap-kicker{font-size:11px;letter-spacing:.13em;text-transform:uppercase;font-weight:700;line-height:1.45;color:#bfcbd1;margin:0 0 20px;}
.approach-page .ap-display{font-family:'Manrope','Segoe UI',system-ui,Arial,sans-serif;font-weight:600;letter-spacing:-.035em;line-height:1.14;margin:0;}
.approach-page .ap-hero h1{font-size:clamp(48px,5.4vw,88px);font-weight:500;line-height:1.07;letter-spacing:-.045em;max-width:950px;}
.approach-page .ap-hero p.ap-hero-lead{font-size:clamp(16px,1.25vw,18px);line-height:1.65;color:#d7e1e4;margin:27px 0 0;max-width:790px;}
.approach-page .ap-hero-anchors{border-top:1px solid #697c82;margin-top:54px;padding-top:18px;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;text-transform:uppercase;letter-spacing:.13em;font-size:11px;font-weight:700;color:#c1d0d5;}
.approach-page .ap-section{padding:80px 0 78px;border-bottom:1px solid #39403e;}
.approach-page .ap-section h2{font-size:clamp(35px,3.55vw,52px);font-weight:600;line-height:1.14;max-width:850px;}
.approach-page .ap-intro{font-size:16px;line-height:1.68;color:#b9c0be;max-width:730px;margin:22px 0 35px;}
.approach-page .ap-intake{display:grid;grid-template-columns:80px minmax(0,1fr);gap:26px;padding:35px;background:#222423;border:1px solid #434b47;margin-top:35px;}
.approach-page .ap-intake-num{font-size:clamp(33px,2.85vw,42px);font-weight:600;letter-spacing:-.035em;color:#dae1dc;line-height:1.1;}
.approach-page .ap-intake h3{font-size:clamp(20px,1.55vw,23px);line-height:1.3;font-weight:650;margin:12px 0 16px;letter-spacing:-.02em;}
.approach-page .ap-intake p{font-size:16px;line-height:1.65;color:#bfc5c0;max-width:840px;margin-bottom:12px;}
.approach-page .ap-intake-output{display:grid;gap:6px;border-top:1px solid #3e4641;padding-top:18px;margin-top:20px;}
.approach-page .ap-intake-output strong{font-size:13px;letter-spacing:.01em;color:#f3f3ef;}
.approach-page .ap-intake-output span{font-size:14px;line-height:1.65;color:#bfc5c0;}
.approach-page .ap-agreed{font-size:11px;letter-spacing:.13em;font-weight:700;text-transform:uppercase;color:#b8c1bf;text-align:center;margin-top:28px;line-height:1.5;}
.approach-page .ap-phases{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;}
.approach-page .ap-phase{border:1px solid #3d4742;background:#222423;min-width:0;padding:28px 24px;display:flex;flex-direction:column;}
.approach-page .ap-phase h3{font-size:clamp(33px,2.85vw,42px);font-weight:600;letter-spacing:-.035em;line-height:1.1;margin:36px 0 20px;}
.approach-page .ap-phase>p{font-size:14px;line-height:1.65;color:#bec5c1;flex:1;}
.approach-page .ap-tags{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0 22px;}
.approach-page .ap-tags span{font-size:11px;font-weight:700;line-height:1.45;border:1px solid #505953;padding:8px 10px;color:#f3f3ef;}
.approach-page .ap-phase-result{border-top:1px solid #434b47;padding-top:18px;}
.approach-page .ap-phase-result strong{font-size:13px;color:#f3f3ef;}
.approach-page .ap-phase-result p{margin:8px 0 0;font-size:14px;line-height:1.65;color:#bfc5c0;}
.approach-page .ap-accordion{margin-top:35px;border-top:1px solid #49524d;}
.approach-page .ap-step{border-bottom:1px solid #49524d;}
.approach-page .ap-step summary{list-style:none;display:grid;grid-template-columns:58px minmax(0,1fr) 96px 22px;align-items:center;gap:14px;min-height:78px;cursor:pointer;user-select:none;}
.approach-page .ap-step summary::-webkit-details-marker{display:none;}
.approach-page .ap-step summary:focus-visible{outline:3px solid #d5e0dc;outline-offset:4px;}
.approach-page .ap-step-num{font-size:12px;color:#b8c2bb;font-weight:700;}
.approach-page .ap-step-title{font-size:clamp(20px,1.55vw,23px);line-height:1.3;font-weight:650;letter-spacing:-.02em;}
.approach-page .ap-step-phase{color:#aebbb4;text-transform:uppercase;font-size:11px;letter-spacing:.13em;font-weight:700;}
.approach-page .ap-step-icon{font-size:24px;text-align:center;font-weight:400;color:#d6e1d9;}
.approach-page .ap-step[open] .ap-step-icon{transform:rotate(45deg);}
.approach-page .ap-step-body{padding:0 30px 25px 72px;display:grid;gap:12px;}
.approach-page .ap-step-body p{font-size:14px;line-height:1.68;color:#bdc6c0;margin:0;}
.approach-page .ap-step-body strong{color:#f3f3ef;}
.approach-page .ap-ownership-intro{font-size:16px;line-height:1.68;color:#bdc6c0;max-width:820px;margin:20px 0 0;}
.approach-page .ap-ownership-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:42px;}
.approach-page .ap-ownership-item{padding:21px 0 0;border-top:1px solid #505a53;}
.approach-page .ap-ownership-item h3{font-size:clamp(20px,1.55vw,23px);font-weight:650;line-height:1.3;margin:0 0 11px;}
.approach-page .ap-ownership-item p{font-size:14px;line-height:1.65;color:#bdc6c0;max-width:320px;}
.approach-page .ap-note{font-size:12px;line-height:1.6;color:#bdc6c0;margin-top:27px;}
.approach-page .ap-contact{background:#172f3b;color:#f9faf6;padding:clamp(32px,5.3vw,72px);margin:45px 0 75px;}
.approach-page .ap-contact h2{font-size:clamp(35px,3.55vw,52px);line-height:1.14;font-weight:600;letter-spacing:-.035em;max-width:850px;}
.approach-page .ap-contact p{max-width:700px;color:#d7e1e4;font-size:16px;line-height:1.65;margin:21px 0 28px;}
.approach-page .ap-cta{display:inline-flex;align-items:center;gap:30px;justify-content:space-between;background:#f3f0e9;color:#172f3b;font-size:13px;font-weight:700;line-height:1.35;padding:16px 21px;text-decoration:none;min-height:48px;}
.approach-page .ap-cta:hover{background:white;}
.approach-page .ap-cta:focus-visible{outline:3px solid #fff;outline-offset:3px;}
.approach-page .site-header{color:#18201f;}
.approach-page .global-footer{color:#eff2ee;}
@media(max-width:780px){.approach-page .ap-container{width:min(100% - 34px,1180px);}.approach-page .ap-main{padding-top:22px;}.approach-page .ap-section{padding:51px 0 49px;}.approach-page .ap-phases{grid-template-columns:1fr;}.approach-page .ap-phase h3{margin:18px 0 12px;}.approach-page .ap-intake{grid-template-columns:48px minmax(0,1fr);gap:13px;padding:22px 16px;}.approach-page .ap-ownership-grid{grid-template-columns:1fr;gap:6px;margin-top:26px;}.approach-page .ap-step summary{grid-template-columns:36px minmax(0,1fr) 43px 20px;gap:7px;}.approach-page .ap-step-body{padding-left:43px;padding-right:7px;}.approach-page .ap-step-phase{font-size:9px;}.approach-page .ap-hero h1{font-size:clamp(42px,9.3vw,64px);}.approach-page .ap-section h2,.approach-page .ap-contact h2{font-size:clamp(32px,7.6vw,45px);}}
@media (prefers-reduced-motion:reduce){.approach-page *{scroll-behavior:auto;}}
