/* Comparison: warm graphite separates the closing scene from its dark neighbours.
   All existing layout, gear animation and mobile sticky geometry stay intact. */
html body .company-page #kontakt.company-facts {
  background: #41413d !important;
  color: #eef0eb !important;
  border-color: transparent !important;
}
html body .company-page #kontakt.company-facts::before {
  background-image: linear-gradient(rgba(203, 183, 127, .065) 1px, transparent 1px),
    linear-gradient(90deg, rgba(203, 183, 127, .065) 1px, transparent 1px);
  opacity: .22;
}
html body .company-page #kontakt.company-facts .company-facts-copyblock > .company-eyebrow {
  color: #cbb77f !important;
}
html body .company-page #kontakt.company-facts .company-facts-copyblock h2,
html body .company-page #kontakt.company-facts .company-facts-copyblock h2 .company-origin-line,
html body .company-page #kontakt.company-facts .company-facts-copyblock h2 .company-market-line {
  color: #eef0eb !important;
  text-shadow: none;
}
html body .company-page #kontakt.company-facts .company-origin-gears {
  color: #cbb77f;
}
html body .company-page #kontakt.company-facts .company-globe::before {
  background: radial-gradient(circle, rgba(203, 164, 82, .13) 0%, rgba(203, 164, 82, .045) 44%, transparent 70%);
}
html body .company-page #kontakt.company-facts .company-globe-base.company-globe-eps {
  filter: none;
  opacity: 1;
}

/* A lighter mobile gold keeps the label clear without covering moving gears. */
@media (max-width: 700px) {
  html body .company-page #kontakt.company-facts .company-facts-copyblock > .company-eyebrow {
    width: fit-content;
    color: #eedaa3 !important;
  }
}

/* A slow, staggered gold breath on the stationary SVG wrappers.
   The nested gears retain their independent rotation animations. */
@media (min-width: 1181px), (max-width: 700px) {
  .company-origin-gears > g {
    --company-gear-glow-color: #f0dba0;
    --company-gear-glow-radius: 20px;
    animation: company-gear-gold-breath 18s ease-in-out infinite;
  }
  .company-origin-gears > g:nth-child(2) {
    animation-delay: -12s;
  }
  .company-origin-gears > g:nth-child(3) {
    animation-delay: -6s;
  }
}
@media (max-width: 700px) {
  .company-mobile-gear-rail > .company-origin-gears > g {
    --company-gear-glow-color: #ddc48c;
    --company-gear-glow-radius: 14px;
  }
}
@keyframes company-gear-gold-breath {
  0%, 33%, 100% {
    color: #cbb77f;
    filter: drop-shadow(0 0 0 transparent);
  }
  17% {
    color: var(--company-gear-glow-color);
    filter: drop-shadow(0 0 var(--company-gear-glow-radius) rgba(232, 198, 123, .575));
  }
}
@media (prefers-reduced-motion: reduce) {
  .company-origin-gears > g {
    animation: none;
    filter: none;
  }
}

/* Touch tablets: retain the complete text / centred globe / gear composition. */
@media (hover: none) and (pointer: coarse) and (min-width: 701px) and (max-width: 1180px) {
  .company-section.company-facts { padding: 28px 0; }
  .company-facts-grid {
    --company-tablet-globe: clamp(190px, 21vw, 250px);
    width: calc(100% - 64px);
    grid-template-columns: minmax(0, 1fr) var(--company-tablet-globe) minmax(0, 1fr);
    gap: 24px;
    min-height: 390px;
    align-items: center;
  }
  .company-facts-copyblock { grid-column: 1; grid-row: 1; position: relative; z-index: 1; }
  .company-facts h2 { font-size: clamp(28px, 3.4vw, 40px); }
  .company-facts-copyblock .company-market-line { white-space: normal; }
  .company-facts-copyblock > .company-eyebrow { margin-bottom: 24px; font-size: 11px; }
  .company-facts-visual { grid-column: 2; grid-row: 1; align-items: center; }
  .company-facts-visual .company-globe { width: var(--company-tablet-globe); transform: none; }
  .company-globe-base.company-globe-eps { inset: 0; width: 100%; height: 100%; }
  .company-origin-gears {
    display: block;
    position: absolute;
    pointer-events: none;
    left: calc(100% - 12px);
    top: 50%;
    width: min(425px, calc((100vw - var(--company-tablet-globe)) / 2 - 30px));
    max-width: none;
    height: auto;
    overflow: visible;
    opacity: .38;
    transform: translateY(-50%);
    mask-image: linear-gradient(90deg, transparent, #000 15%);
  }
  .company-origin-gear { transform-origin: 0 0; animation: company-origin-turn 112s linear infinite; }
  .company-origin-gears > g:nth-child(2) .company-origin-gear { animation-duration: 80s; animation-direction: reverse; }
  .company-origin-gears > g:nth-child(3) .company-origin-gear { animation-duration: 64s; animation-direction: reverse; }
  .company-origin-gears > g {
    --company-gear-glow-color: #f0dba0;
    --company-gear-glow-radius: 20px;
    animation: company-gear-gold-breath 18s ease-in-out infinite;
  }
  .company-origin-gears > g:nth-child(2) { animation-delay: -12s; }
  .company-origin-gears > g:nth-child(3) { animation-delay: -6s; }
}
@media (hover: none) and (pointer: coarse) and (min-width: 701px) and (max-width: 1180px) and (prefers-reduced-motion: reduce) {
  .company-origin-gears > g { animation: none; filter: none; }
}