/* Concept 05: a spatial white mesh, architectural atmosphere and operating substance. */
.fox-spatial-field{position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none}.hero-content,.hero-meta,.hero-directions,.hero-progress{z-index:3}.persistent-brand{width:174px;top:38px}.hero-sticky{background:var(--paper)}.city-construct{opacity:.25;mask-image:linear-gradient(100deg,transparent 6%,#0005 40%,#000 67%);inset:0 -3% 0 0}.city-construct svg{width:100%;height:100%}.closing-section{padding-top:85px;padding-bottom:135px;border-top:1px solid var(--line)}.closing-title{font-size:clamp(64px,8vw,112px);padding:25px 0 35px}.closing-details{padding-top:25px}.closing-title span{font-size:38px}
.approach-index{position:absolute;left:52%;right:var(--pad);top:28%;display:grid}.approach-index button{display:flex;align-items:center;gap:24px;text-align:left;color:#e9eee2;border-top:1px solid #44563d;padding:23px 0;transition:padding .25s,color .25s}.approach-index button:last-child{border-bottom:1px solid #44563d}.approach-index button:hover{padding-left:8px;color:#b1d596}.approach-index button>span{font:12px var(--mono);color:#a0b78e}.approach-index strong{font-weight:400;font-size:24px;letter-spacing:-.035em}.approach-index i{font:19px var(--mono);margin-left:auto;font-style:normal;color:#99bb80}
#approach{scroll-margin-top:-110px}.approach-section{background:#141e18;color:#e9eee2;padding:135px var(--pad) 95px;position:relative;min-height:100svh}.approach-heading{display:flex;gap:52px;align-items:baseline;margin-bottom:65px}.approach-heading .micro{color:#a8bd98}.approach-heading h2{font-size:clamp(34px,4vw,60px);line-height:1.1;max-width:850px}.approach-layout{display:grid;grid-template-columns:210px 1fr;gap:55px}.approach-tabs{display:flex;flex-direction:column;align-self:start}.approach-tabs button{display:flex;gap:16px;text-align:left;border-top:1px solid #3a4b33;padding:19px 0;color:#9eb18f;font-size:15px;line-height:1.5}.approach-tabs button>span{font:12px/1.8 var(--mono);color:#8ba47c}.approach-tabs button[aria-pressed=true]{color:#f0f4e9}.approach-tabs button[aria-pressed=true]:after{content:'';height:4px;width:4px;min-width:4px;background:#8bb668;margin:auto 0 auto auto}.approach-tabs button:hover{color:#ecf4e5}.method-pane{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:center;min-height:420px;animation:methodIn .35s both}.method-copy h3{font-size:clamp(28px,2.7vw,43px);line-height:1.13;margin-bottom:25px;outline:none}.method-copy>p{font-size:16px;color:#becab4;max-width:490px}.method-copy ul{list-style:none;padding:0;margin:28px 0 0}.method-copy li{padding:13px 0 13px 15px;border-top:1px solid #35472f;position:relative;font-size:14px;line-height:1.7;color:#c2ceba}.method-copy li:before{content:'';width:3px;height:3px;position:absolute;top:24px;left:0;background:#90ae7c}.method-visual{min-width:0;color:#abc593}.diagram-label{font:12px var(--mono);letter-spacing:.09em;color:#9ab486}.readiness-diagram svg{width:100%;margin:22px 0 8px}.diagram-terms{display:grid;grid-template-columns:1fr 1fr;gap:13px;font:13px var(--mono);text-align:center}.response-flow>div{display:grid;grid-template-columns:32px 1fr;gap:6px 10px;padding:20px 0;border-bottom:1px solid #3c5033;position:relative}.response-flow>div>i{font:12px var(--mono);grid-row:1/3;color:#9ab487;padding-top:5px}.response-flow strong{font-weight:400;font-size:23px;letter-spacing:-.035em}.response-flow>div>span{font-size:13px;color:#a2b693}.response-flow>.diagram-label{display:block;margin-bottom:12px}.equipment-visual{text-align:center}.equipment-visual .diagram-label{display:block;text-align:left}.equipment-visual svg{width:100%;height:290px;margin:12px 0}.equipment-visual>p{font-size:24px;letter-spacing:.1em;color:#d5e2ca}.equipment-visual>p>span{display:block;font:13px Manrope,sans-serif;letter-spacing:0;color:#a9bd99;margin-top:6px}.equipment-visual>small{display:block;font:11px var(--mono);color:#8b9f7e;margin-top:18px}.standards-register article{padding:25px 0;border-top:1px solid #4e6344}.credential-name{font-size:42px;letter-spacing:-.04em;line-height:1.1;color:#e3edda}.standards-register article>span{display:block;font:11px/1.7 var(--mono);letter-spacing:.08em;margin:13px 0;color:#a3bf8f}.standards-register article>p:last-child{font-size:14px;line-height:1.65;color:#b0c29f;max-width:360px}.approach-bottom{border-top:1px solid #3c5033;margin-top:65px;padding-top:22px;display:flex;align-items:center;justify-content:space-between;gap:20px;color:#a6b997}.approach-bottom>span{font:12px var(--mono)}.approach-bottom .quiet-link{border-color:#6a8258;color:#d6e2ca}.approach-section .bracket{--edge:#829b6c;color:#e1ebd7}.approach-section .bracket:hover{background-color:#2c4026}.method-hub{border:1px solid #667d53;padding:22px;background:#202d20;color:#dce7d2}.mini-hub-top{display:flex;justify-content:space-between;gap:12px;font:11px var(--mono);color:#b6cea1}.mini-hub-top>span:last-child{color:#9fb38e}.mini-filters{display:flex;gap:7px;margin-top:24px}.mini-filters>span{border:1px solid #405536;padding:7px 10px;font-size:11px;color:#a8bf95}.method-hub h4{font-size:25px;letter-spacing:-.035em;font-weight:400;margin:19px 0}.mini-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:20px 0 25px}.mini-metrics b{font-size:28px;display:block;font-weight:400}.mini-metrics span{display:block;font-size:11px;line-height:1.5;color:#acbf9a}.mini-record{display:flex;gap:10px;align-items:center;padding:12px 0;border-top:1px solid #3f5435;font-size:12px}.mini-record b{margin-left:auto;font:11px var(--mono);color:#b2cc9a}.example-label{font:11px/1.7 var(--mono);color:#829772;margin-top:17px}.method-hub .bracket{font-size:12px;margin-top:18px;padding:12px;gap:12px;min-height:40px}
.hub-dialog-intro{max-width:1600px;padding:32px var(--pad) 30px;margin:auto}.hub-dialog-intro h2{font-size:clamp(34px,4vw,57px);line-height:1.12;margin:17px 0 20px}.hub-dialog-intro>p:last-child{font-size:16px;color:#b9c9aa;max-width:710px}.hub-preview{display:grid;grid-template-columns:180px 1fr;max-width:1450px;margin:15px var(--pad) 25px;border:1px solid #677c56;min-height:560px;box-shadow:0 25px 70px #0003}.hub-sidebar{background:#1b271d;padding:28px 19px;display:flex;flex-direction:column}.hub-sidebar>img{width:49px;margin-bottom:20px}.hub-sidebar>p{font:12px var(--mono);letter-spacing:.09em;color:#a6c390;margin-bottom:28px}.hub-sidebar button{color:#acbd9d;width:100%;text-align:left;font-size:14px;padding:15px 10px;margin-bottom:5px;line-height:1.4;border-left:2px solid transparent}.hub-sidebar button[aria-pressed=true]{background:#2c3d2a;border-left-color:#8bc261;color:#eef4e7}.hub-sidebar button:hover{color:white}.hub-sidebar>small{margin-top:auto;padding-top:35px;font:11px/1.8 var(--mono);color:#8ba27b}.hub-main{background:#f1f3ec;color:#243221;padding:28px 32px}.hub-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:30px}.hub-toolbar>span{font:11px var(--mono);letter-spacing:.04em;color:#557744}.hub-toolbar>span:before{content:'';display:inline-block;width:5px;height:5px;background:#6ba447;border-radius:50%;margin-right:9px}.hub-toolbar label{display:flex;align-items:center;gap:12px;font-size:12px;color:#65745c}.hub-toolbar select{background:#fff;border:1px solid #d1dac9;border-radius:3px;font-size:13px;padding:9px;color:#35472c}.hub-main h3{font-size:34px;letter-spacing:-.045em;margin-bottom:25px}.hub-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.hub-metrics>div{padding:20px;background:#fcfdf9;border:1px solid #d9e0d1;min-width:0}.hub-metrics span{font:10px/1.5 var(--mono);color:#65775b}.hub-metrics b{display:block;font-size:36px;letter-spacing:-.04em;font-weight:400;margin-top:10px}.hub-chart-panel{background:#fcfdf9;border:1px solid #d9e0d1;padding:20px;margin-top:20px}.hub-chart-panel h4{font-size:16px;font-weight:400;margin:0 0 15px}.hub-chart-panel svg{width:100%;height:125px}.chart-period{display:flex;justify-content:space-between;font:10px var(--mono);color:#6c7c61}.hub-attention{display:flex;align-items:center;gap:20px;justify-content:space-between;border-top:1px solid #d1dcc8;padding-top:19px;margin-top:20px;font-size:13px}.hub-attention>span{color:#64765a}.hub-attention strong{font-weight:400}.hub-table>div{display:grid;grid-template-columns:1.4fr .7fr .7fr;gap:15px;border-top:1px solid #cdd8c3;padding:22px 0;font-size:14px;align-items:center}.hub-table .hub-table-head{font:11px var(--mono);color:#637a54;padding:12px 0}.hub-table small{display:block;font:10px var(--mono);color:#738567;margin-bottom:9px}.hub-table b{font:12px var(--mono);color:#4b7538}.hub-explainer{font-size:14px;color:#607452;max-width:570px;margin-top:35px}.hub-map{padding:20px 0;background:#fbfcf7;border:1px solid #d6dfcf}.hub-map svg{width:100%;height:290px}.hub-dialog-foot{display:flex;justify-content:space-between;align-items:center;gap:35px;padding:0 var(--pad) 70px;max-width:1600px;margin:auto}.hub-dialog-foot>p{font-size:14px;max-width:590px;color:#b5c6a5}.hub-dialog-foot .bracket{white-space:nowrap}.reduced .method-pane{animation:none}.reduced .approach-index{top:24%}@keyframes methodIn{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}
@media(min-width:1600px){.hub-preview{margin-left:auto;margin-right:auto}}
@media(max-width:1100px){.approach-layout{grid-template-columns:180px 1fr;gap:35px}.method-pane{gap:25px}.method-copy h3{font-size:31px}.method-copy>p{font-size:15px}.method-copy li{font-size:13px}.approach-heading{gap:35px}.approach-index strong{font-size:21px}.approach-index button{padding:22px 0}.hub-preview{grid-template-columns:155px 1fr}.hub-main{padding:25px}.hub-metrics>div{padding:14px}.mini-hub-top>span:last-child{display:none}}
@media(max-width:850px){.approach-layout{display:block}.approach-tabs{display:flex;flex-direction:row;overflow:auto;border-bottom:1px solid #4b613f;gap:24px;margin-bottom:35px}.approach-tabs button{white-space:nowrap;border-top:0;padding:15px 0;gap:10px}.approach-tabs button:after{display:none}.approach-tabs button[aria-pressed=true]{box-shadow:inset 0 -1px #8eb96d}.approach-heading{display:block;margin-bottom:30px}.approach-heading h2{margin-top:20px;max-width:620px}.method-pane{min-height:430px;grid-template-columns:1fr 1fr}.hub-toolbar{gap:12px}.hub-toolbar>span{font-size:10px}.hub-metrics span{font-size:9px}.hub-sidebar{padding:22px 12px}.hub-preview{grid-template-columns:140px 1fr}.hub-dialog-foot{align-items:flex-start}.hub-dialog-foot>p{font-size:13px}}
@media(max-width:600px){.persistent-brand{width:154px;top:31px}.city-construct{inset:28% -60% 0 -80%;opacity:.22;mask-image:linear-gradient(transparent,#000 35%)}.approach-index{left:var(--pad);right:var(--pad);top:21%}.approach-index button{padding:13px 0;gap:18px}.approach-index strong{font-size:19px}.approach-index button>span{font-size:11px}.reporting-panel .service-copy{top:63%;width:calc(100% - var(--pad)*2)}.reporting-panel .service-copy h3{font-size:32px;line-height:1.08;margin-bottom:14px}.reporting-panel .service-copy h3 br{display:none}.reporting-panel .service-copy>p:not(.micro){display:block!important;font-size:14px}.reporting-panel .service-copy .bracket{margin-top:16px;font-size:13px}.approach-section{padding:110px var(--pad) 85px}.approach-heading h2{font-size:36px;line-height:1.13}.approach-heading .micro{font-size:11px}.approach-tabs{gap:22px;margin-bottom:35px}.approach-tabs button{font-size:14px}.method-pane{display:block;min-height:0}.method-copy h3{font-size:31px;margin-bottom:20px}.method-copy>p{font-size:15px}.method-copy li{font-size:14px}.method-visual{margin-top:40px;max-width:500px}.readiness-diagram svg{max-height:250px}.approach-bottom{margin-top:45px;align-items:flex-start;flex-direction:column;gap:17px}.approach-bottom>span{font-size:11px}.approach-bottom .quiet-link{font-size:14px}.equipment-visual svg{height:270px}.method-hub{padding:22px}.mini-hub-top>span:last-child{display:block}.mini-metrics span{font-size:12px}.mini-record{font-size:13px}.mini-record b{font-size:11px}.method-hub .bracket{font-size:13px}.closing-section{padding-top:65px;padding-bottom:120px}.closing-title{font-size:65px;padding-top:25px;padding-bottom:30px}.closing-title span{font-size:28px}.closing-details{font-size:13px;gap:20px;flex-wrap:wrap}.hub-dialog-intro{padding-top:20px;padding-bottom:18px}.hub-dialog-intro h2{font-size:35px;max-width:450px}.hub-dialog-intro>p:last-child{font-size:15px}.hub-preview{display:block;min-height:0;margin-top:15px}.hub-sidebar{padding:0 12px}.hub-sidebar>img,.hub-sidebar>p,.hub-sidebar>small{display:none}.hub-sidebar>div{display:flex;overflow:auto;gap:18px}.hub-sidebar button{width:auto;white-space:nowrap;border-left:0;border-bottom:2px solid transparent;margin:0;padding:16px 0;font-size:12px}.hub-sidebar button[aria-pressed=true]{border-bottom-color:#89b96a;background:transparent}.hub-main{padding:22px 16px}.hub-toolbar{display:block;margin-bottom:24px}.hub-toolbar label{margin-top:16px;justify-content:space-between}.hub-toolbar>span{font-size:11px}.hub-main h3{font-size:27px;margin-bottom:21px}.hub-metrics{gap:7px}.hub-metrics>div{padding:12px 8px}.hub-metrics span{font-size:9px;letter-spacing:0}.hub-metrics b{font-size:29px}.hub-chart-panel{padding:14px 10px}.hub-chart-panel h4{font-size:14px}.hub-chart-panel svg{height:105px}.hub-attention{font-size:12px;display:block;line-height:1.8}.hub-attention strong{display:block}.hub-table>div{grid-template-columns:1.3fr .7fr .7fr;gap:10px;font-size:12px;padding:18px 0}.hub-table small{font-size:9px}.hub-table b{font-size:10px}.hub-table .hub-table-head{font-size:10px}.hub-explainer{font-size:13px;margin-top:25px}.hub-map svg{height:190px}.hub-dialog-foot{display:block;padding-bottom:55px}.hub-dialog-foot .bracket{margin-top:24px;font-size:13px}.hub-dialog-foot>p{font-size:14px}.example-label{font-size:10px}.reduced .reporting-panel{height:800px}.reduced .approach-index{top:9%}.reduced .reporting-panel .service-copy{top:56%}}
@media(max-width:600px) and (max-height:760px){.approach-index{top:22%}.approach-index button{padding:10px 0}.approach-index strong{font-size:17px}.reporting-panel .service-copy{top:65%}.reporting-panel .service-copy h3{font-size:27px;margin-bottom:10px}.reporting-panel .service-copy>p:not(.micro){display:none!important}.reporting-panel .service-copy .bracket{margin-top:4px}.reduced .reporting-panel .service-copy>p:not(.micro){display:block!important}.reduced .reporting-panel .service-copy{top:56%}.reduced .approach-index{top:9%}}
/* Essential reporting labels remain readable at compact widths. */
.hub-metrics span,.hub-table .hub-table-head,.hub-table small,.chart-period,.example-label{font-size:11px}.mini-filters>span,.mini-metrics span,.mini-record b{font-size:12px}.hub-table b{font-size:12px}
@media(max-width:600px){.hub-metrics span,.hub-table small,.hub-table .hub-table-head,.example-label{font-size:11px}.hub-table b{font-size:12px}.hub-metrics>div{padding:12px 9px}.hub-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.hub-metrics span{display:block;min-height:33px}.hub-table>div{grid-template-columns:1.3fr .7fr .8fr}.hub-table b{overflow-wrap:anywhere}}
.approach-bottom{justify-content:flex-end}
.services-sticky:has(.reporting-panel.is-active) .service-controls>.quiet-link{visibility:hidden}
@media(max-width:600px) and (max-height:760px){.approach-index button{padding:8px 0}.reporting-panel .service-copy{top:61%}.reporting-panel .service-copy h3{font-size:26px}.reduced .reporting-panel .service-copy{top:56%}}