/* Deep blue hero framed by graphite, satin silver and warm pearl. */
body.graphite-pearl {
  --navy: #30363d;
  --silver: #d3d8d9;
  --text: #eeece6;
  --muted: #c5cccf;
  --rule: #d1d6d840;
  background: #293139;
}
.graphite-pearl .header {
  background: linear-gradient(115deg, #283039, #232a31);
  border-bottom-color: #d1d6d84d;
}
.graphite-pearl .hero {
  background: radial-gradient(ellipse at 50% 8%, #244960 0%, #17384e 43%, #102b3f 100%);
}
.graphite-pearl .textured::before { opacity: .27; background-size: 150px 150px; }
.graphite-pearl .hero-description { color: #ccd1d1; }
.graphite-pearl .button {
  background: linear-gradient(115deg, #e5e5df, #c4cacd);
  border-color: #d8dcdbb3;
  color: #27323b;
}
.graphite-pearl .button:hover { background: #f0eee7; }
.graphite-pearl .services {
  background: #e2e0da;
  color: #28323b;
  border-top-color: #e1e1dc47;
}
.graphite-pearl .services .eyebrow { color: #52606a; }
.graphite-pearl .service-detail,
.graphite-pearl .service-detail:first-child { border-color: #424c5447; }
.graphite-pearl .service-description,
.graphite-pearl .service-body { color: #4a565f; }
.graphite-pearl .service-detail summary:hover h3 { color: #4b626e; }
.graphite-pearl .disclosure-icon::before,
.graphite-pearl .disclosure-icon::after { background: #54636c; }
.graphite-pearl .service-detail summary:focus-visible { outline-color: #34434e; }
.graphite-pearl .contact {
  background: linear-gradient(120deg, #38424b, #293139);
  border-top-color: var(--rule);
}
.graphite-pearl .contact-note,
.graphite-pearl .contact-details p,
.graphite-pearl .contact-details address { color: #c5cdcf; }
.graphite-pearl .text-link { border-bottom-color: #b9c4ca70; }
.graphite-pearl .reference-band { background: #d4d5d0; }
.graphite-pearl .reference-band h2 { color: #4a565f; }
.graphite-pearl .reference-logos a:focus-visible { outline-color: #34434e; }
.graphite-pearl .footer { background: #232a31; }
.graphite-pearl .footer-inner { color: #b4bec4; }
.graphite-pearl a:focus-visible { outline-color: #e2e3dc; }