/* B&R-BAU – úvodná scéna ako statická fotka (2026-10-24)
   Načítava sa cez .vite/manifest.json za hlavným CSS. */

/* 1) Bez videa – zobrazí sa iba statická fotka (poster) */
.scroll-scrub__video{display:none!important}
.scroll-scrub__layer[data-video-painted=true] .scroll-scrub__poster{visibility:visible!important}

/* 2) Stabilná výška scény – 100dvh sa na mobile mení pri skrývaní lišty prehliadača */
.scroll-scrub__stage{height:100vh;height:100lvh}
.scroll-scrub__chapter-pin{min-height:100vh;min-height:100lvh}
.scroll-scrub__story{margin-top:-100vh;margin-top:-100lvh}

/* 3) Tieňovanie cez celú plochu */
.brbau-journey .scroll-scrub__media:after{
  background:
    linear-gradient(90deg,rgba(21,44,60,.86) 0%,rgba(21,44,60,.62) 38%,rgba(21,44,60,.42) 70%,rgba(21,44,60,.5) 100%),
    linear-gradient(180deg,rgba(21,44,60,.55) 0%,rgba(21,44,60,0) 22%,rgba(21,44,60,0) 70%,rgba(21,44,60,.8) 100%);
}
.brbau-journey .scroll-scrub__copy:before{background:none}

/* 4) Veľké monitory */
@media (min-width:1700px){
  .brbau-journey .scroll-scrub__media:after{
    background:
      linear-gradient(90deg,rgba(21,44,60,.9) 0%,rgba(21,44,60,.66) 40%,rgba(21,44,60,.5) 100%),
      linear-gradient(180deg,rgba(21,44,60,.6) 0%,rgba(21,44,60,0) 25%,rgba(21,44,60,0) 68%,rgba(21,44,60,.85) 100%);
  }
  .brbau-journey .scroll-scrub__chapter-pin{padding-inline:max(56px,calc(50vw - 690px))}
}

/* 5) Mobil – tmavší spodok pod textom */
@media (max-width:860px){
  .brbau-journey .scroll-scrub__media:after{
    background:linear-gradient(180deg,rgba(21,44,60,.45) 0%,rgba(21,44,60,.25) 35%,rgba(21,44,60,.85) 72%,rgba(21,44,60,.97) 100%);
  }
}

/* 6) Bez pripnutia úvodnej scény – stránka ide dole hneď pri prvom scrollnutí */
.brbau-journey .scroll-scrub__chapter{min-height:100vh!important;min-height:100lvh!important}
.brbau-journey .scroll-scrub__connector-band{display:none!important}