/* Pozadí hero: dither keyframe ◆ (web/dots.js). Plátno je za textem a přesahuje hero doprava až k okraji stránky. */
body { overflow-x: clip; }
.hero { position: relative; isolation: isolate; }
.dots-bg {
  position: absolute;
  z-index: -1;
  top: calc(-1 * var(--space-5));
  bottom: calc(-1 * var(--space-5));
  left: 0;
  right: -360px; /* šířka stránky 1120 minus šířka hero 760 */
  width: calc(100% + 360px);
  height: calc(100% + 2 * var(--space-5));
  pointer-events: none;
}
@media (max-width: 1120px) {
  .dots-bg { right: calc(-1 * var(--space-4)); width: calc(100% + var(--space-4)); }
}