/* A continuous journey from the leadership model to its everyday impact. */
.leadership-journey {
  background:
    radial-gradient(ellipse at 75% 70%, #242424, transparent 55%), #0b0b0d;
}
.leadership-journey #loesung,
.leadership-journey #veraenderung {
  background: transparent;
}
.leadership-journey #loesung {
  padding-bottom: 0;
  background: #fff;
  color: #171717;
}
#loesung .map-column > div,
#loesung .map-center {
  color: #f5f5f5;
}
#loesung .map-center {
  box-shadow: 0 0 0 18px #17171708, 0 0 0 19px #17171726;
}
#loesung .map-rotor {
  border-color: #80512660;
  background: conic-gradient(
    from 30deg,
    transparent 0 25%,
    #805126b3 27%,
    transparent 29% 75%,
    #805126b3 77%,
    transparent 79%
  );
}
#loesung .map-rotor::before {
  background: #805126;
}
.leadership-journey #veraenderung {
  padding-top: 65px;
}
.journey-stage {
  padding: 45px 0 30px;
}
.map-center {
  z-index: 2;
}
.map-rotor {
  position: absolute;
  inset: -19px;
  border: 1px solid #ffffff50;
  border-radius: 50%;
  background: conic-gradient(
    from 30deg,
    transparent 0 25%,
    #ffffff45 27%,
    transparent 29% 75%,
    #ffffff45 77%,
    transparent 79%
  );
  mask: radial-gradient(transparent 67%, #000 68%);
  pointer-events: none;
}
.map-rotor::before {
  content: "";
  position: absolute;
  width: 9px;
  height: 9px;
  background: #eee;
  border-radius: 50%;
  top: 2px;
  left: 50%;
}
.comparison-after .check-list li,
.comparison-after .check-list strong {
  color: #242424;
}
.comparison-after .check-list li {
  font-size: calc(15px + var(--mobile-font-increment, 0px));
  line-height: 1.65;
  padding-left: 28px;
}
.comparison-after .check-list li::before {
  top: 20px;
  background: #404040;
  color: #fff;
}
.leadership-quote {
  max-width: 760px;
  margin: 0 auto 28px;
  font-size: calc(clamp(21px, 2.2vw, 29px) + var(--mobile-font-increment, 0px));
  line-height: 1.45;
  color: #eee;
  text-wrap: balance;
}
@media (min-width: 901px) and (min-height: 651px) {
  .journey-motion .leadership-map {
    margin-top: 35px;
  }
  .journey-motion .map-column > div {
    opacity: var(--card-opacity, 1);
    transform: translate(var(--card-x, 0px), var(--card-y, 0px))
      scale(var(--card-scale, 1));
    will-change: transform, opacity;
  }
}
.journey-motion .map-rotor {
  transform: rotate(var(--ring-turn, 0deg));
}
body.motion-paused .map-column > div {
  transform: none;
  opacity: 1;
}
body.motion-paused .map-rotor {
  transform: none;
}

/* Light closing invitation: lake, subtle monogram, portrait and direct contact. */
.cta-section.closing-cta {
  padding: 0;
  background: #e8ecef;
  color: #14171b;
  isolation: isolate;
}
.closing-landscape {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 62% center;
  filter: grayscale(1);
  opacity: 0.44;
  z-index: -3;
}
.closing-cta::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    90deg,
    #f4f5f7 0%,
    #f4f5f7ed 30%,
    #f4f5f7a6 58%,
    #e3e8ed26 100%
  );
  z-index: -2;
}
.closing-cta .cta-watermark {
  right: 5%;
  top: 6%;
  font-size: calc(clamp(290px, 37vw, 620px) + var(--mobile-font-increment, 0px));
  color: #62717e24;
  z-index: -1;
}
.closing-grid {
  display: grid;
  grid-template-columns: 1.12fr 0.88fr;
  gap: 30px;
  align-items: end;
}
.closing-copy {
  padding: 88px 0 70px;
  align-self: center;
}
.closing-cta h2 {
  font-size: calc(clamp(36px, 3.8vw, 56px) + var(--mobile-font-increment, 0px));
  line-height: 1.13;
  letter-spacing: -0.045em;
  text-wrap: balance;
  margin-bottom: 28px;
}
.closing-cta .closing-copy > p {
  color: #424c55;
  font-size: calc(17px + var(--mobile-font-increment, 0px));
  line-height: 1.65;
  max-width: 600px;
  margin-bottom: 24px;
}
.closing-cta .closing-copy > .closing-invitation {
  color: #56616b;
  font-size: calc(15px + var(--mobile-font-increment, 0px));
  font-style: italic;
}
.closing-cta .button {
  background: linear-gradient(120deg, #272b30, #101216);
  color: #fff;
  border-color: #ffffff40;
  box-shadow: 0 8px 28px #23334420;
  margin-top: 4px;
}
.closing-cta .button:hover {
  background: #303942;
  color: #fff;
}
.closing-visual {
  align-self: end;
}
.closing-visual > img {
  height: auto;
  width: 115%;
  max-width: none;
  margin-left: -8%;
  filter: grayscale(1);
  mask-image: linear-gradient(#000 92%, transparent);
}
.closing-cta .closing-trust {
  gap: 14px;
  margin-top: 26px;
}
.closing-cta .closing-trust p {
  color: #4c555f;
  font-size: calc(12px + var(--mobile-font-increment, 0px));
  margin: 0;
}
.closing-cta .closing-trust strong {
  color: #171c22;
  font-size: calc(13px + var(--mobile-font-increment, 0px));
}
.closing-cta .closing-trust small {
  color: #5e6873;
}
.closing-trust .trust-portraits span {
  border-color: #e9edef;
}
.closing-contact {
  display: flex;
  flex-wrap: wrap;
  gap: 12px 24px;
  margin-top: 26px;
}
.closing-contact a {
  color: #303a44;
  font-size: calc(12px + var(--mobile-font-increment, 0px));
  text-decoration: underline;
  text-underline-offset: 4px;
}
@media (max-width: 1100px) {
  .closing-grid {
    gap: 10px;
    grid-template-columns: 1.2fr 0.8fr;
  }
  .closing-copy {
    padding-block: 65px;
  }
}
@media (max-width: 900px) {
  .journey-stage {
    padding-top: 0;
  }
  .leadership-journey #veraenderung {
    padding-top: 45px;
  }
  .closing-grid {
    grid-template-columns: 1.2fr 0.8fr;
  }
  .closing-visual > img {
    width: 140%;
    margin-left: -25%;
  }
  .closing-cta .closing-copy > p {
    font-size: calc(15px + var(--mobile-font-increment, 0px));
  }
}
@media (max-width: 650px) {
  .closing-grid {
    grid-template-columns: 1fr;
    gap: 0;
  }
  .closing-copy {
    padding: 55px 0 25px;
  }
  .closing-cta h2 {
    font-size: calc(clamp(32px, 9vw, 45px) + var(--mobile-font-increment, 0px));
  }
  .closing-cta .button {
    font-size: calc(13px + var(--mobile-font-increment, 0px));
    padding-inline: 20px;
  }
  .closing-cta .closing-trust {
    flex-wrap: wrap;
  }
  .closing-visual {
    width: min(85%, 360px);
    margin-inline: auto;
  }
  .closing-visual > img {
    width: 100%;
    margin: 0;
  }
  .closing-cta .cta-watermark {
    top: auto;
    bottom: 30px;
    right: 3%;
    font-size: calc(300px + var(--mobile-font-increment, 0px));
  }
  .closing-cta::before {
    background: linear-gradient(
      #f4f5f7 0%,
      #f4f5f7ed 48%,
      #f4f5f766 75%,
      #e3e8ed26
    );
  }
  .comparison-after .check-list li {
    font-size: calc(14px + var(--mobile-font-increment, 0px));
  }
  .leadership-quote {
    font-size: calc(22px + var(--mobile-font-increment, 0px));
  }
}
@media (prefers-reduced-motion: reduce) {
  .journey-motion .map-column > div {
    opacity: 1;
    transform: none;
  }
  .journey-motion .map-rotor {
    transform: none;
  }
}