/* Return to the service directory from each portfolio section. */
.kpmc-portfolio .section-return {
  margin-top: 20px;
}

.kpmc-portfolio .section-return .back-to-offer {
  min-height: 44px;
  margin-top: 0;
  color: inherit;
}

.kpmc-portfolio .section-return .back-to-offer:hover {
  text-decoration: underline;
  text-underline-offset: 4px;
}

.kpmc-portfolio .section-return .back-to-offer:focus-visible {
  outline-color: currentColor;
}

.kpmc-portfolio #services:focus-visible {
  outline: 3px solid var(--blue);
  outline-offset: 8px;
}

@media print {
  .kpmc-portfolio .section-return {
    display: none;
  }
}

/* A calmer two-line service heading. */
.kpmc-portfolio #hero-title .portfolio-wordmark{display:block;font-size:.9em;line-height:1.05}
.kpmc-portfolio #hero-title .portfolio-service-label{display:block;font-size:.72em;font-weight:400;line-height:1.15;letter-spacing:-.035em;margin-top:.12em}
.kpmc-portfolio .footer-logo{display:inline-flex;min-width:44px;min-height:44px;align-items:center}
.kpmc-portfolio .footer-logo img{display:block;height:48px;width:auto}
/* Keep the progress indicator legible without the heavy dark blue. */
.kpmc-portfolio .walk-navigation:before,.kpmc-portfolio .walk-progress{height:6px;border-radius:3px}
.kpmc-portfolio .walk-navigation:before{background:#e0e7f1}
.kpmc-portfolio .walk-progress{background:#668bc6}
/* The same preference controls both decorative animation and anchor scrolling. */
html{scroll-behavior:auto}
@media(prefers-reduced-motion:no-preference){html[data-motion="on"]{scroll-behavior:smooth}}
html[data-motion="off"]{scroll-behavior:auto}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}}