.hero-side {
  display: grid;
  min-width: 0;
  align-self: stretch;
  align-content: center;
}

.hero-founders-card {
  position: relative;
  isolation: isolate;
  min-height: 450px;
  overflow: hidden;
  border: 1px solid #fff;
  border-radius: 28px;
  background: radial-gradient(circle at 72% 18%, #fff, transparent 30%), linear-gradient(145deg, #ffffffde, #dff3f6bd 55%, #9dd8e180);
  box-shadow: 0 30px 72px #05284324;
}
.hero-founders-card { border: 0; background: #031e3e url("/assets/tumorzellen-gespiegelt-links.png") center / cover no-repeat; box-shadow: none; }

.hero-founders-card::before {
  position: absolute;
  z-index: -1;
  top: 74px;
  right: 8%;
  width: 210px;
  height: 210px;
  border: 1px solid #0796aa24;
  border-radius: 50%;
  box-shadow: 0 0 0 44px #0796aa0c, 0 0 0 88px #0796aa07;
  content: "";
}
.hero-founders-card::before { display: none; }

.hero-founders-card img {
  position: absolute;
  bottom: -2%;
  max-width: none;
  object-fit: contain;
  object-position: center bottom;
  filter: drop-shadow(0 28px 18px #041b2b66);
}

.hero-founder-stefan { z-index: 2; right: 18%; width: 59%; height: 445px; }
.hero-founder-ludmilla { z-index: 1; right: -3%; left: auto; width: 53%; height: 402px; }
.hero-side .research-card { position: relative; z-index: 3; width: 88%; margin: -86px 0 0 auto; }

@media (max-width: 1000px) {
  .hero-side { width: min(100%, 680px); }
}

@media (max-width: 650px) {
  .hero-side { grid-row: 1; width: 100%; }
  .hero-copy { grid-row: 2; }
  .hero-founders-card { min-height: 390px; border-radius: 22px; }
  .hero-founders-card::before { width: 150px; height: 150px; box-shadow: 0 0 0 32px #0796aa0c; }
  .hero-founder-stefan { right: 23%; left: auto; width: 58%; height: 390px; }
  .hero-founder-ludmilla { right: -4%; left: auto; width: 52%; height: 350px; }
  .hero-side .research-card { width: 94%; margin-top: -58px; }
}