/* White palette shared with the home, loaded only on these public pages. */
body {
  background: #ffffff;
}

:is(.about-page, .materials-page, .services-page) {
  --public-text: #051b28;
  --public-muted: #526575;
  --public-panel: #f5f7f9;
  --public-line: #dce5eb;
  --materials-bg: #ffffff;
  --materials-bg-deep: #ffffff;
  --materials-line: var(--public-line);
  --materials-text: var(--public-text);
  --materials-muted: var(--public-muted);
  background: #ffffff;
  color: var(--public-text);
}

/* Remove the dark wallpapers and decorative washes behind the content. */
.about-hero-media {
  display: none;
}

.about-page::after,
.about-hero-content::before,
.about-section-heading::before,
.about-split-copy::before,
.about-partner .about-split-copy::before,
.about-production-panel::before,
.about-final-cta__inner::before,
.about-method-content::before,
.about-intro article::before,
.about-card::before,
.about-partner-badge::before,
.about-method-process__transparent::before,
.about-method-process figure::before,
.about-steps li::after,
.materials-page::before,
.materials-hero::before,
.materials-hero__copy::before,
.materials-centered::before,
.materials-section-heading::before,
.materials-split__copy::before,
.materials-support__inner::before,
.materials-hero__panel a::after,
.material-detail::after,
.materials-choice-grid article::before,
.services-page::before,
.services-page::after,
.services-page .section-heading::before,
.service-section-copy::before,
.services-cta-inner > div::before,
.service-creations-carousel::before,
.creation-slide::before,
.service-tile::before,
.service-tile::after,
.service-section::before,
.engineering-section::before,
.engineering-card::after,
.engineering-card > div::before,
.services-page .service-callout::after,
.services-page .service-gallery figure::before,
.services-page .service-gallery figure::after,
.services-page .engineering-card figure::before,
.services-page .engineering-card figure::after {
  content: none;
}

:is(.about-page, .materials-page, .services-page) :is(h1, h2, h3, h4, h5),
.about-page .about-steps strong,
.about-page .about-metrics strong,
.materials-page .materials-hero__panel strong,
.materials-page .material-detail summary strong,
.materials-page .materials-chip-list span,
.services-page .service-callout,
.services-page .creation-slide figcaption,
.services-page .creations-carousel__arrow {
  color: var(--public-text);
}

:is(.about-page, .materials-page, .services-page) :is(p, li),
.about-page .about-metrics span,
.materials-page .materials-hero__panel span,
.materials-page .materials-color-chip,
.materials-page .materials-loading {
  color: var(--public-muted);
}

.materials-page .materials-custom h3,
.materials-page .materials-family-card h4 {
  color: var(--materials-orange);
}

.services-page .service-visual-note h3,
.services-page .creations-carousel__arrow:hover {
  color: #FF914D;
}

.services-page .comparison-table td {
  color: var(--public-muted);
}

.services-page .comparison-table td:first-child {
  color: var(--public-text);
}

.about-page .about-final-cta,
.materials-page .materials-support {
  background: #ffffff;
  border-top-color: var(--public-line);
}

.about-page :is(.about-card, .value-card, .team-card, .about-metrics div),
.materials-page :is(.materials-custom, .materials-color-chip),
.services-page :is(.service-visual-note, .service-gallery figure) {
  background: var(--public-panel);
}

.about-page .about-split-copy {
  background: var(--public-panel);
  box-shadow: none;
}

.about-page .about-partner .about-split-copy {
  background: transparent;
}

.about-page .about-split-media::after,
.about-page .about-lab-grid::after {
  box-shadow: none;
}

.about-page .about-secondary-link,
.materials-page .materials-btn--secondary,
.services-page .btn-secondary {
  background: var(--public-panel);
  color: var(--public-text);
  border: 1px solid var(--public-line);
}

.about-page .about-secondary-link:hover,
.materials-page .materials-btn--secondary:hover,
.services-page .btn-secondary:hover {
  background: #edf2f5;
  color: var(--public-text);
}

.services-page .chip-list span {
  color: var(--public-text);
  border-color: var(--public-line);
}

.services-page .engineering-card::before,
.services-page .services-carousel__arrow {
  background: var(--public-panel);
}

.services-page .services-carousel__arrow {
  color: var(--public-text);
}

/* This service has more specific legacy colors, including !important rules. */
.services-page #tornitura {
  color: var(--public-text) !important;
}

.services-page #tornitura h2 {
  color: var(--public-text) !important;
}

.services-page #tornitura .service-lead,
.services-page #tornitura .feature-list,
.services-page #tornitura .feature-list li {
  color: var(--public-muted) !important;
}

.services-page #tornitura .service-note {
  background: var(--public-panel);
  color: var(--public-muted);
}

.services-page #tornitura .service-gallery figure {
  background: var(--public-panel);
}