.solution-hero {
  background-image: linear-gradient(rgb(3 5 7 / 60%), rgb(3 5 7 / 75%)), var(--solution-image);
}
.solutions-nav { border-bottom: 1px solid rgb(16 24 32 / 12%); }
.solutions-nav > div { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 4px 24px; padding-block: 16px; }
.solutions-nav a { display: inline-flex; align-items: center; min-height: 44px; border-bottom: 2px solid transparent; font-size: .9rem; font-weight: 600; }
.solutions-nav a:hover,.solutions-nav a[aria-current="page"] { color: #005b9f; border-bottom-color: currentColor; }
.solution-page .service-intro { max-width: 82ch; }
.solution-capabilities { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 32px; padding-bottom: 72px; }
.solution-capabilities ul { list-style: none; margin: 0; padding: 0; }
.solution-capabilities li { position: relative; padding-left: 22px; margin-bottom: 18px; line-height: 1.5; }
.solution-capabilities li::before { content: ""; position: absolute; top: .55em; left: 0; width: 7px; height: 7px; border-radius: 50%; background: #005b9f; }
.solution-brands { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 24px 40px; padding-bottom: 64px; }
.solution-brands img { display: block; width: 100%; height: 72px; object-fit: contain; }
.solution-process > h2 { text-align: center; max-width: 28ch; margin: 0 auto 48px; }
.solution-process .service-step h3 { margin-bottom: 12px; color: #005b9f; font-size: clamp(1.8rem,2.7vw,2.6rem); line-height: 1.15; letter-spacing: -.025em; }
.solution-process .service-step h4 { margin: 0 0 16px; font-size: clamp(1.15rem,1.6vw,1.5rem); line-height: 1.35; }
.solution-support { display: block; width: fit-content; margin: 20px auto 0; padding-block: 10px; color: #005b9f; text-decoration: underline; text-underline-offset: 4px; }
.solution-features .service-step p + p { margin-top: 18px; }
.solution-features .solution-eyebrow { margin: 0 0 14px; font-size: .85rem; letter-spacing: .08em; text-transform: uppercase; font-weight: 700; }
.solution-projects { padding-bottom: 72px; }
.solution-projects > h2 { text-align: center; margin-bottom: 32px; }
.solution-projects .projects-grid { gap: 20px; }
.solution-projects .project-card h3 { margin: 0; padding: 24px 18px; text-align: center; font-family: inherit; font-size: clamp(1.05rem,1.35vw,1.45rem); line-height: 1.25; text-wrap: balance; }
.solution-projects .service-action { margin-top: 32px; }
@media(max-width:1000px) {
  .solution-capabilities { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media(max-width:760px) {
  .solutions-nav > div { gap: 4px 20px; padding-block: 12px; }
  .solutions-nav a { font-size: .85rem; }
  .solution-capabilities { gap: 0 24px; padding-bottom: 40px; }
  .solution-process > h2 { margin-bottom: 32px; }
  .solution-brands { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 20px; padding-bottom: 48px; }
  .solution-projects { padding-bottom: 48px; }
}
@media(max-width:420px) {
  .solution-capabilities { grid-template-columns: 1fr; }
}