.company-pixels {
  --pixel-peach: #ffb77d;
  --pixel-pink: #f75dbf;
  --pixel-purple: #ac74ed;
  --pixel-blue: #a5c9f3;
  position: relative;
  isolation: isolate;
  display: grid;
  place-items: center;
  overflow: hidden;
  min-block-size: clamp(15rem, 54svh, 35rem);
  color: var(--text);
  background-color: var(--background);
  text-align: center;
}
.company-pixels canvas {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.company-pixels-text {
  font: 800 clamp(2.75rem, 11vw, 10rem)/1 var(--font-brand);
  letter-spacing: -.065em;
  opacity: 0;
}
[data-pixels-fallback] .company-pixels-text { opacity: 1; }
@media (prefers-reduced-motion: reduce), (forced-colors: active) {
  .company-pixels canvas { display: none; }
  .company-pixels-text { opacity: 1; }
}