/* About: "Was ich konkret bewegt habe." — preview section based on approved visual. */
.impact-showcase{
  background:#f8f7f4;
  border-top:1px solid rgba(17,24,39,.08);
  padding:clamp(72px,8vw,104px) 0 clamp(76px,8vw,108px);
}
.impact-showcase-head{
  margin-bottom:40px;
}
.impact-showcase-kicker{
  margin:0 0 16px;
  color:#2b67b7;
  font-size:.72rem;
  font-weight:700;
  letter-spacing:.31em;
  line-height:1.4;
}
.profile-section.impact-showcase .impact-showcase-head h2{
  max-width:1020px;
  margin:0;
  color:#091342;
  font-size:clamp(3rem,5.2vw,4.9rem);
  font-weight:700;
  line-height:.98;
  letter-spacing:-.06em;
}
.impact-showcase-lead{
  margin:20px 0 0;
  color:#23366f;
  font-size:clamp(1.02rem,1.7vw,1.36rem);
  line-height:1.45;
  letter-spacing:.005em;
}
.impact-showcase-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
}
.impact-card{
  display:flex;
  min-width:0;
  min-height:748px;
  flex-direction:column;
  overflow:hidden;
  border:1px solid #d4e4ef;
  border-radius:18px;
  background:
    radial-gradient(circle at 62% 22%,rgba(255,255,255,.96),rgba(238,247,252,.93) 42%,rgba(225,239,248,.96) 100%);
  box-shadow:0 10px 34px rgba(35,76,118,.04);
  color:#091342;
}
.impact-card--dark{
  border-color:#14293b;
  background:
    radial-gradient(circle at 80% 8%,rgba(41,83,118,.32),transparent 34%),
    radial-gradient(circle at 24% 42%,rgba(47,91,126,.14),transparent 32%),
    linear-gradient(180deg,#071421 0%,#0b1b2a 100%);
  color:#fff;
  box-shadow:none;
}
.impact-card-visual{
  position:relative;
  height:332px;
  flex:0 0 332px;
  padding:22px 24px 0;
}
.impact-card-visual svg{
  width:100%;
  height:100%;
  overflow:visible;
}
.impact-card-body{
  display:flex;
  flex:1;
  flex-direction:column;
  padding:0 28px 28px;
}
.impact-card small{
  display:block;
  margin:0 0 12px;
  color:#2b67b7;
  font-size:.7rem;
  font-weight:700;
  letter-spacing:.26em;
  line-height:1.5;
}
.impact-card--dark small{
  color:#e6eff7;
}
.impact-card h3{
  max-width:12.5em;
  margin:0 0 16px;
  color:#091342;
  font-size:clamp(1.55rem,2.05vw,2rem);
  font-weight:700;
  line-height:1.08;
  letter-spacing:-.045em;
}
.impact-card--dark h3{
  color:#fff;
}
.impact-card-copy{
  margin:0;
  color:#30416a;
  font-size:clamp(.97rem,1.25vw,1.08rem);
  line-height:1.58;
}
.impact-card--dark .impact-card-copy{
  color:#edf3f8;
}
.impact-result{
  margin-top:auto;
  padding-top:20px;
  border-top:1px solid #a9c8db;
}
.impact-card--dark .impact-result{
  border-top-color:rgba(255,255,255,.62);
}
.impact-result-label{
  display:block;
  margin:0 0 10px;
  color:#0b3979;
  font-size:.67rem;
  font-weight:700;
  letter-spacing:.24em;
  line-height:1.4;
}
.impact-card--dark .impact-result-label{
  color:#eef4f8;
}
.impact-result p{
  margin:0;
  color:#091342;
  font-size:clamp(1.08rem,1.55vw,1.28rem);
  font-weight:700;
  line-height:1.18;
  letter-spacing:-.03em;
}
.impact-card--dark .impact-result p{
  color:#fff;
}

/* Card 01 — manufacturing / procurement drawing */
.impact-manufacturing .machine-line{
  fill:none;
  stroke:#2870c7;
  stroke-width:1.35;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.impact-manufacturing .machine-soft{opacity:.48}
.impact-manufacturing .machine-dash{
  stroke-dasharray:4 6;
  opacity:.6;
}
.impact-manufacturing .machine-fill{
  fill:rgba(255,255,255,.18);
  stroke:#2870c7;
  stroke-width:1.2;
}

/* Card 02 — business development network */
.impact-network .network-line{
  fill:none;
  stroke:#2870c7;
  stroke-width:1.55;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.impact-network .network-dash{
  stroke-dasharray:4 6;
  opacity:.7;
}
.impact-network .network-node{
  fill:#f5fbff;
  stroke:#2870c7;
  stroke-width:1.55;
}
.impact-network .network-core{
  fill:#2f84bd;
}
.impact-network .network-icon{
  fill:none;
  stroke:#2870c7;
  stroke-width:1.55;
  stroke-linecap:round;
  stroke-linejoin:round;
}

/* Card 03 — relationship orbit */
.impact-orbit .orbit-line{
  fill:none;
  stroke:#d8eaf8;
  stroke-width:1.15;
  opacity:.78;
}
.impact-orbit .orbit-dash{
  stroke-dasharray:4 5;
}
.impact-orbit .orbit-axis{
  fill:none;
  stroke:#d8eaf8;
  stroke-width:1;
  stroke-dasharray:4 5;
  opacity:.72;
}
.impact-orbit .orbit-dot{
  fill:#eef7ff;
}
.impact-orbit .orb-ring{
  fill:none;
  stroke:#e6f1f9;
  stroke-width:.7;
  opacity:.38;
}

@media(max-width:1100px){
  .impact-showcase-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .impact-card--dark{
    grid-column:1/-1;
    min-height:650px;
  }
  .impact-card--dark .impact-card-visual{
    height:300px;
    flex-basis:300px;
  }
}
@media(max-width:760px){
  .impact-showcase{
    padding:64px 0 72px;
  }
  .impact-showcase-head{
    margin-bottom:30px;
  }
  .profile-section.impact-showcase .impact-showcase-head h2{
    font-size:clamp(2.35rem,10vw,3.35rem);
    line-height:1.02;
  }
  .impact-showcase-lead{
    font-size:1rem;
    line-height:1.55;
  }
  .impact-showcase-grid{
    grid-template-columns:1fr;
    gap:14px;
  }
  .impact-card,
  .impact-card--dark{
    grid-column:auto;
    min-height:0;
  }
  .impact-card-visual,
  .impact-card--dark .impact-card-visual{
    height:260px;
    flex-basis:260px;
    padding:18px 18px 0;
  }
  .impact-card-body{
    padding:0 24px 25px;
  }
  .impact-card h3{
    font-size:1.7rem;
  }
  .impact-card-copy{
    font-size:.98rem;
  }
  .impact-result{
    margin-top:30px;
  }
}
@media(max-width:420px){
  .impact-card-visual,
  .impact-card--dark .impact-card-visual{
    height:225px;
    flex-basis:225px;
  }
  .impact-card-body{
    padding-inline:20px;
  }
}