.vc-hero{ position:relative; isolation:isolate; margin-top: -60px;}

.vc-bg{position:sticky;top:0;height:100vh;background-size:cover;background-position:center;opacity:0;transition:opacity .35s;z-index:0;}
.vc-bg.is-active{opacity:1;z-index:0;}
.vc-bg.is-hidden{opacity:0;z-index:-1;}

.vc-panel{min-height: 75vh;position:relative;z-index:1;}
.vc-spacer{height:60vh} /* kortere gap => neste tekst kommer tidligere */

.vc-box{max-width:60ch;margin:0 auto;padding:2rem;text-align:center;color:#fff;background: #a7192e;border-radius:16px;}

.vc-box p {
  font-size: 20px;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 0;
  line-height: 1.5rem;
  letter-spacing: -0.3px;
  text-align: center;
}

.vc-box h2 {
  color: #fff;
}
/* første OG siste er sticky midtstilt */

.vc-panel.is-last .vc-box{
  position:sticky;
  top:-50vh;
  transform: translateY(-70vh);
  will-change: transform;
}

.vc-panel.is-first{
  min-height:100vh;
  display:grid;
  place-items:center;
  transform: translateY(-150%);
}
.vc-panel.is-first .vc-box{
  position:static;
  transform:none;
}

/* midtpaneler: start ved bunnkant */
.vc-panel:not(.is-first):not(.is-last) .vc-box{
  position:sticky;
  top:calc(100vh - var(--box-h, 0px));
  transform:none;
}

@media (max-width:600px){
  .vc-bg{ background-position: 75% 35%; }
  .vc-box{ max-width:30ch; padding:1.25rem; border-radius:12px; color: #fff; }
  .vc-box h2{ font-size:1.8rem; }
  .vc-box p {
    font-size: 16px;
    line-height: 1.2rem;
  }
}