/* Kross Home — preserve the V8 scrollytelling behavior on desktop.
   Keep horizontal clipping away from sticky ancestors: overflow-x:hidden
   on html/body can create a scrolling ancestor and break position:sticky. */
html,body{max-width:100%;overflow-x:clip}

@media (min-width:1001px){
  .v8-kross{overflow:visible!important}
  .v8-kross>.container{overflow:visible!important}
  .v8-kross .kross-layout{display:grid!important;grid-template-columns:1.08fr .92fr!important;gap:clamp(36px,6vw,96px)!important;align-items:start!important;overflow:visible!important}
  .v8-kross .kross-stage{display:block!important;position:sticky!important;top:110px!important;align-self:start!important;height:calc(100svh - 150px)!important;min-height:520px!important;overflow:hidden!important}
  .v8-kross .kross-stage>img{width:100%!important;height:100%!important;object-fit:cover!important}
  .v8-kross .kross-steps{display:block!important;padding-bottom:30vh!important}
  .v8-kross .kross-step{min-height:58vh!important;padding:12vh 0!important}
}

/* Keep the V8 mobile fallback: no sticky stage; each chapter gets its own image. */
@media (max-width:1000px){
  .v8-kross{overflow:hidden}
  .v8-kross .kross-layout{display:block!important}
}