/* "What we build" on the navy surface, so the animated visuals sit as inset panels. */
.services.section{position:relative;max-width:none;padding-inline:max(7%,calc((100% - 1238px) / 2));background:var(--navy);color:var(--paper);border-top:1px solid #ffffff14}
.services .eyebrow,.services .service-number,.services h2 em{color:#dbb492}
.services h2,.services .capability-copy h3{color:var(--paper)}
.services .services-intro>p,.services .capability-copy>p{color:#c5cdd1}
.services .capability-row{border-top-color:#ffffff1f}
.services .capability-visual{background:var(--navy);border-color:#ffffff14}
.services .capability-visual figcaption{color:#a7b3bd}
.services .capability-steps li{border-color:#ffffff1f;color:#6f8290}
.services .capability-steps li:last-child{border-bottom-color:#ffffff1f}
.services .capability-steps li.is-current,.services .capability-steps li.is-done,body:not(.motion-enabled) .services .capability-steps li{color:var(--paper)}
.services .capability-steps li.is-current .step-note,.services .capability-steps li.is-done .step-note,body:not(.motion-enabled) .services .capability-steps .step-note{color:#b3c0c4}
.services .capability-steps .step-tick{border-color:#3a5878}
.services .capability-steps li.is-current .step-tick{background:#f5eadb;border-color:#c98a5c;color:#7b4929}
.services .capability-steps li.is-done .step-tick,body:not(.motion-enabled) .services .capability-steps .step-tick{background:#1e3d33;border-color:#3f6b58;color:#a8dcbb}
@media(max-width:760px){.services.section{padding-inline:7%}}