/* KP+ Krebs-Jetzt v17: symbolic cellular decay and complete founder cut-outs. */
.wordmark-logo {
  display: block;
  width: min(420px, 38vw);
  overflow: hidden;
  border: 1px solid rgb(255 255 255 / 80%);
  border-radius: 18px;
  background: rgb(255 255 255 / 94%);
  box-shadow: 0 10px 26px rgb(4 27 45 / 16%);
}
.wordmark-logo img { display: block; width: 100%; height: auto; border-radius: inherit; }
.hero-founders-card {
  min-height: 590px;
  border: 0;
  border-radius: 28px;
  background: #031e3e url("/assets/hero-analysis-v18.png") center / cover no-repeat;
  box-shadow: 0 28px 65px rgb(4 27 45 / 26%);
}
.hero-founder-stefan { z-index: 3; right: 16%; width: 64%; height: 575px; }
.hero-founder-ludmilla { z-index: 2; right: -4%; width: 57%; height: 520px; }
.hero-side .research-card { z-index: 4; }

/* Desktop has the four expanded product-coloured controls, never the mobile toggle. */
.kp-function-dock { top: 41%; }
.kp-function-toggle { display: none !important; }
.kp-function-links { margin-top: 0; }
.kp-function-links a { background: linear-gradient(180deg, #f06a78, #b92739); }
.kp-up { background: linear-gradient(145deg, #f06a78, #a91f31); }

@media (max-width: 650px) {
  .wordmark-logo { width: min(68vw, 310px); border-radius: 14px; }
  .hero-founders-card { min-height: 475px; border-radius: 22px; }
  .hero-founder-stefan { right: 18%; width: 65%; height: 468px; }
  .hero-founder-ludmilla { right: -4%; width: 58%; height: 427px; }
  .kp-function-dock { top: auto; bottom: 12px; left: 12px; display: flex; align-items: flex-start; flex-direction: column-reverse; transform: none; }
  .kp-function-toggle { display: grid !important; width: 48px; height: 48px; border-radius: 50%; background: linear-gradient(145deg, #f06a78, #a91f31); }
  .kp-function-links { opacity: 0; pointer-events: none; transform: translateY(10px); visibility: hidden; }
  .kp-function-dock.is-open .kp-function-links { opacity: 1; pointer-events: auto; transform: translateY(0); visibility: visible; }
  .kp-function-links a { width: 44px; height: 44px; border-radius: 13px; }
  .kp-function-links a > span { width: 44px; height: 44px; }
}


@media (min-width: 651px) {
  .hero-founders-card { min-height: 630px; }
  .hero-founder-stefan { right: 17%; width: 66%; height: 620px; }
  .hero-founder-ludmilla { right: -3%; width: 59%; height: 565px; }
}
@media (max-width: 650px) {
  html, body, main, .hero { max-width: 100%; overflow-x: hidden; }
  .header > .button { display: none !important; }
  .hero-copy { width: 100% !important; min-width: 0; margin-left: 0 !important; }
  .hero h1, .lead { max-width: 100%; overflow-wrap: anywhere; }
}