:root {
  --ink: #242a30;
  --muted: #5b646b;
  --forest: #29323b;
  --forest2: #59616a;
  --bronze: #806238;
  --line: #e0e3e4;
  --wash: #f5f6f6;
  --bluewash: #f8f2f4;
}

.topline { background: #29323b; color: #f3f5f5; }
.hero::after { background: linear-gradient(90deg, #fbfaf8f5 0%, #fbfaf8e8 28%, #fbfaf800 64%); }
.hero h1 { color: var(--ink); }
.hero p { color: #465159; }
.process-section { background: #f3f4f4; }
.process-list > div { border-color: #d8dcde; }
.product-card:hover { border-color: #bec5c9; box-shadow: 0 8px 28px #29323b12; }
.product-card-image { background: #f3f4f4; }
.button-dark:hover { background: #161d24; }
.filter-button:hover, .filter-button.active { color: var(--bronze); }
.faq-section details { border-color: #d9dddf; }
.blog-intro, .blog-card-image { background: var(--wash); }
.blog-card { border-color: #d7dbdd; }
.blog-article-header p, .blog-prose-section p { color: #4d565d; }
.blog-prose-section a { color: #364a5d; }
.blog-article-next { background: var(--bluewash); }
.svc-numbers { background: var(--bluewash); }
.svc-brief-grid > div, .svc-methods > div, .svc-steps li,
.svc-number-grid > div, .op-steps li, .resource-item { border-color: #d8dcde; }
.about-hero { background: #29323b; }
.site-footer { background: #29323b; color: #f3f5f5; }
.footer-main a:not(.button), .footer-brand p, .footer-inquiry p { color: #dce1e4; }
.footer-brand small, .footer-bottom { color: #b7c0c5; }
.footer-bottom { border-color: #59616a; }
.quote-band p, .page-hero p, .svc-action p, .resource-next p,
.op-next p, .blog-action p { color: #e3e8ea; }
.page-hero-green {
  background: linear-gradient(90deg, #29323be8, #29323baf 39%, #29323b14 78%),
    url('/assets/products/wds01/01.webp') center 62% / cover;
}
.factory-page-hero::after {
  background: linear-gradient(90deg, #29323bd6, #29323b78 54%, #29323b19);
}
.svc-hero {
  background: linear-gradient(90deg, #29323be0, #29323b8a 43%, #29323b14 80%),
    url('/assets/editorial/production.webp') center / cover;
}
.svc-hero-tint {
  background-image: linear-gradient(90deg, #29323be0, #29323b8a 43%, #29323b14 80%),
    url('/assets/editorial/showroom.webp');
}
.svc-hero.svc-hero-sampling {
  background-image: linear-gradient(90deg, #29323be0, #29323b8a 43%, #29323b14 80%),
    url('/assets/editorial/showroom.webp');
}
.svc-production-proof, .svc-quality-note { background: #f3f4f4; }

@media (min-width: 581px) and (max-width: 820px) {
  .hero::after { background: linear-gradient(transparent, #29323be8); }
  .hero-copy h1, .hero-copy p { color: #fff; }
}

@media (max-width: 580px) {
  .hero h1, .hero p { color: #fff; }
  .page-hero-green {
    background-image: linear-gradient(180deg, #29323bc9, #29323bd9),
      url('/assets/products/wds01/01.webp');
  }
}