/* ============================================================
   v287 · Unternehmensabschluss – Globe final integration
   ============================================================ */
.company-facts {
  padding-top: 92px;
  padding-bottom: 98px;
  background:
    radial-gradient(44% 94% at 61% 39%, rgba(191, 151, 72, .085), transparent 68%),
    radial-gradient(58% 120% at 67% 43%, rgba(28, 41, 50, .19), transparent 72%),
    linear-gradient(180deg, #0c0e10 0%, #0f1112 100%);
}
.company-facts::before {
  opacity: .18;
  -webkit-mask-image: radial-gradient(ellipse 76% 94% at 61% 44%, #000 0%, rgba(0,0,0,.56) 54%, transparent 100%);
          mask-image: radial-gradient(ellipse 76% 94% at 61% 44%, #000 0%, rgba(0,0,0,.56) 54%, transparent 100%);
}
.company-facts-grid {
  grid-template-columns: minmax(0, 1.50fr) minmax(315px, .72fr) minmax(215px, .52fr);
  gap: 30px;
  align-items: center;
}
.company-facts h2 {
  max-width: none;
  font-size: clamp(3.15rem, 3.55vw, 3.75rem);
  line-height: 1.02;
  letter-spacing: -.052em;
}
.company-origin-line,
.company-market-line {
  display: block;
}
.company-market-line {
  margin-top: .66em;
  white-space: nowrap;
}
.company-facts-visual {
  align-self: stretch;
  align-items: flex-start;
  padding-top: 0;
}
.company-facts-visual::after {
  width: 88%;
  top: -5%;
  background: radial-gradient(circle, rgba(207,169,88,.075) 0%, rgba(38,48,55,.06) 48%, transparent 74%);
}
.company-globe {
  position: relative;
  width: min(100%, 350px);
  aspect-ratio: 1;
  transform: translateY(-28px);
}
.company-globe-base {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  opacity: .95;
  mix-blend-mode: normal;
  -webkit-mask-image: radial-gradient(circle at center, #000 0%, #000 74%, rgba(0,0,0,.86) 84%, transparent 100%);
          mask-image: radial-gradient(circle at center, #000 0%, #000 74%, rgba(0,0,0,.86) 84%, transparent 100%);
}
.company-germany-mark {
  position: absolute;
  z-index: 3;
  left: 43.9%;
  top: 52.2%;
  width: 7%;
  height: auto;
  transform: translate(-50%, -50%);
  filter: drop-shadow(0 0 7px rgba(202,163,83,.24));
  pointer-events: none;
}
.company-contact-block {
  align-self: center;
  transform: translateY(-8px);
}

@media (max-width: 1180px) {
  .company-facts-grid {
    grid-template-columns: minmax(0, 1.34fr) minmax(260px, .67fr) minmax(215px, .55fr);
    gap: 26px;
  }
  .company-facts h2 { font-size: clamp(2.85rem, 4.15vw, 3.55rem); }
  .company-globe { width: min(100%, 315px); transform: translateY(-22px); }
}

@media (max-width: 980px) {
  .company-facts-grid {
    grid-template-columns: minmax(0, 1fr) minmax(245px, .68fr);
    gap: 46px 34px;
  }
  .company-market-line { white-space: normal; }
  .company-facts-visual { grid-column: 2; grid-row: 1; }
  .company-contact-block {
    grid-column: 1 / -1;
    grid-row: 2;
    transform: none;
  }
}

@media (max-width: 700px) {
  .company-facts {
    padding-top: 76px;
    padding-bottom: 78px;
    background:
      radial-gradient(80% 35% at 50% 49%, rgba(194,154,77,.07), transparent 78%),
      radial-gradient(86% 54% at 50% 52%, rgba(29,42,50,.13), transparent 78%),
      linear-gradient(180deg, #0c0e10 0%, #0f1112 100%);
  }
  .company-facts-grid { grid-template-columns: 1fr; gap: 34px; }
  .company-facts-copyblock,
  .company-facts-visual,
  .company-contact-block { grid-column: 1; grid-row: auto; }
  .company-facts h2 {
    max-width: 620px;
    font-size: clamp(2.35rem, 10.6vw, 3.25rem);
  }
  .company-market-line {
    margin-top: .58em;
    white-space: normal;
  }
  .company-facts-visual {
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    width: 100%;
    padding-top: 0;
  }
  .company-globe {
    width: min(78vw, 300px);
    transform: translateY(-6px);
  }
  .company-contact-block { margin-top: 0; }
}

/* ============================================================
   v288 · EPS-exakter Globe
   Kontinente + Deutschland-Markierung stammen direkt aus der
   lizenzierten EPS-Vorlage; keine generative Geometrie.
   ============================================================ */
.company-globe {
  aspect-ratio: 1 / 1;
}
.company-globe-base.company-globe-eps {
  inset: -3%;
  width: 106%;
  height: 106%;
  object-fit: contain;
  opacity: .96;
  -webkit-mask-image: none;
          mask-image: none;
  filter: saturate(.72) brightness(.86) contrast(1.04) drop-shadow(0 0 18px rgba(190,151,76,.055));
}
.company-germany-mark { display: none !important; }

@media (max-width: 700px) {
  .company-globe-base.company-globe-eps {
    inset: -2%;
    width: 104%;
    height: 104%;
  }
}
