:root{
  --s43-ink:#0d0f0e;
  --s43-lime:#d8f024;
}

/* STEP 43 · Der Einstieg bleibt das Video, aber der Weg in die eigentliche
   Startseite ist bewusst deutlich kuerzer und schneller. */
.step43-body .mn-scroll-hero{
  height:138svh!important;
  min-height:860px!important;
}
.step43-body .mn-scroll-hero-stage{
  will-change:opacity,transform,filter;
}

/* Die Startseite kommt schon in der letzten Phase des Intro-Exits minimal
   ins Bild. Dadurch kein harter Schnitt zwischen Sticky-Video und Hero. */
.step43-body .step41-hero{
  margin-top:-16svh;
  min-height:102svh!important;
}

/* Hero copy */
.step43-body .step41-hero-copy{
  max-width:min(760px,49vw);
}
.step43-body .step41-hero h1{
  font-size:clamp(4rem,7.35vw,8.4rem)!important;
  line-height:.82!important;
  letter-spacing:-.074em!important;
}
.step43-body .step41-hero h1 span:first-child{
  font-size:.82em;
  letter-spacing:-.066em;
}
.step43-body .step41-hero h1 span:last-child::after{
  width:88%;
}
.step43-hero-punch{
  margin:clamp(26px,3vw,38px) 0 0;
  max-width:34ch;
  font-size:clamp(1.24rem,1.75vw,1.62rem);
  line-height:1.18;
  font-weight:900;
  letter-spacing:-.035em;
  color:var(--s43-ink);
}
.step43-hero-copytext{
  margin-top:18px;
  max-width:47ch;
  display:grid;
  gap:9px;
  color:#343936;
  font-size:clamp(.98rem,1.15vw,1.12rem);
  line-height:1.45;
}
.step43-hero-copytext p{margin:0}
.step43-hero-copytext strong{color:var(--s43-ink);font-weight:900}
.step43-body .step41-hero-actions{margin-top:24px}

/* Neues sauberes Line-Art Motiv: keine dunkle Bildplatte, sondern optisch
   direkt mit der hellen Hero-Flaeche verzahnt. */
.step43-body .step41-hero-visual{
  background:#f1efe8!important;
  clip-path:polygon(9% 0,100% 0,100% 100%,0 100%,5% 62%)!important;
}
.step43-body .step41-hero-visual::before{
  background:linear-gradient(90deg,rgba(248,246,240,.99) 0%,rgba(248,246,240,.78) 9%,rgba(248,246,240,.12) 27%,transparent 42%)!important;
}
.step43-body .step41-hero-visual::after{display:none!important}
.step43-body .step41-hero-visual img{
  object-position:center center!important;
  object-fit:cover!important;
  transform:scale(1.01)!important;
  filter:none!important;
}

/* Neue Textbausteine nutzen denselben schnellen Hero-Enter wie STEP 41. */
.step43-hero-punch,.step43-hero-copytext{
  opacity:0;
  transform:translate3d(0,22px,0);
  transition:opacity .52s ease,transform .68s cubic-bezier(.2,.78,.2,1);
}
.step43-body.step41-hero-live .step43-hero-punch,
.step43-body.step41-hero-live .step43-hero-copytext{
  opacity:1;
  transform:translate3d(0,0,0);
}
.step43-body.step41-hero-live .step43-hero-punch{transition-delay:.22s}
.step43-body.step41-hero-live .step43-hero-copytext{transition-delay:.29s}

@media(max-width:760px){
  .step43-body .mn-scroll-hero{
    height:148svh!important;
    min-height:940px!important;
  }
  .step43-body .step41-hero{
    margin-top:-10svh;
    min-height:auto!important;
  }
  .step43-body .step41-hero-copy{
    max-width:none;
  }
  .step43-body .step41-hero h1{
    font-size:clamp(3.5rem,16vw,5.6rem)!important;
    line-height:.84!important;
  }
  .step43-body .step41-hero h1 span:first-child{font-size:.78em}
  .step43-hero-punch{font-size:clamp(1.2rem,6.3vw,1.55rem);max-width:28ch}
  .step43-hero-copytext{font-size:1rem;max-width:34ch}
  .step43-body .step41-hero-visual img{object-position:55% center!important}
}

@media(prefers-reduced-motion:reduce){
  .step43-body .mn-scroll-hero{height:100svh!important;min-height:620px!important}
  .step43-body .step41-hero{margin-top:0}
  .step43-hero-punch,.step43-hero-copytext{opacity:1!important;transform:none!important;transition:none!important}
}
