/* Color-only homepage layer; SVG illustration sources are left untouched. */
@media (min-width: 761px) {
  .home-page .hero h1 {
    font-size: clamp(52px, 5.4vw, 80px);
    line-height: 1.02;
    width: min(820px, calc(100vw - 2 * var(--gutter)));
    max-width: 820px;
  }
}
.home-page .hero-raster {
  background:
    radial-gradient(ellipse at 66% 56%, var(--theme-glow), transparent 66%), var(--theme-background);
}
.home-page .hero-raster:before {
  background: radial-gradient(circle, var(--theme-grid) 0.65px, transparent 0.8px);
  background-size: 22px 22px;
}
.home-page .raster-fade {
  background:
    linear-gradient(to right, var(--theme-background), transparent 45%),
    linear-gradient(to top, var(--theme-background), transparent 15%);
}
.home-page .raster-index {
  color: var(--theme-body);
}
.home-page .ownership-diagram,
.home-page .platform-visual,
.home-page .testimonial-image,
.home-page .event-slot {
  background: var(--theme-dark-card);
  border-color: var(--theme-dark-border);
}
.home-page .diagram-pane {
  background: transparent;
  border-color: var(--theme-dark-border);
}
.home-page .diagram-grid {
  background-image: radial-gradient(circle, var(--theme-grid) 0.7px, transparent 0.9px);
}
.home-page .diagram-ordinal,
.home-page .diagram-bottom,
.home-page .slot-label,
.home-page .slot-sub {
  color: var(--theme-dark-body);
}
.home-page .artifact-item {
  color: var(--theme-dark-body);
}
.home-page .artifact-item .engineering-icon {
  color: var(--theme-highlight);
}
.home-page .artifact-item:not(:last-child):after {
  background: var(--theme-dark-border);
}
.home-page .artifact-item:not(:last-child):after {
  background: var(--theme-technical, var(--theme-dark-border));
}
.home-page .knowledge-visual {
  background: var(--theme-background);
  border-color: var(--theme-border);
}
.home-page .knowledge-caption {
  color: var(--theme-body);
}
.home-page .customer-image {
  background: var(--theme-surface);
  border-color: var(--theme-border);
}
.home-page .customer-image .slot-label,
.home-page .customer-image .slot-sub {
  color: var(--theme-body);
}
@media (max-width: 760px) {
  .home-page .raster-fade {
    background: linear-gradient(
      to bottom,
      var(--theme-background) 0%,
      var(--theme-background) 35%,
      transparent 72%,
      var(--theme-background)
    );
  }
}

/* Refined reference-component drawing in the audience section. */
.home-page .customer-specimen {
  opacity: 1;
  padding: 42px 12px 38px;
  max-height: 480px;
}