/* web_066eebd919d04d11a0af816eb8ee69ae campus-scroll-story-layout.css */
/* Kampus – scroll příběh: rozložení, které na webu skládá skript „Kampus – scroll příběh“.
   V editoru se nepoužije (kroky jsou tam pod sebou). */
.pribeh-scroll.pk-aktivni{contain:layout paint}
.pk-sticky{position:sticky;top:0;height:100vh;width:100%;overflow:hidden}
.pk-grid{display:grid;grid-template-columns:1fr 1fr;height:100%;width:100%}
.pk-imgs{position:relative;height:100%;width:100%;overflow:hidden;background:#22262e}
.pk-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;clip-path:inset(100% 0 0 0);will-change:clip-path;transition:clip-path .15s linear}
.pk-img:first-child{clip-path:inset(0)}
.pk-shade{position:absolute;inset:0;z-index:5;pointer-events:none;background:linear-gradient(to right,rgba(26,26,26,0),rgba(26,26,26,.3))}
.pk-textcol{position:relative;height:100%;width:100%;display:flex;align-items:center;padding:0 80px}
.pk-textin{position:relative;width:100%;max-width:36rem}
.pk-stage{position:relative;min-height:360px}
@media (min-width:768px){.pk-stage{min-height:460px}}
.pk-step{position:absolute!important;left:0;right:0;top:0;max-width:none!important;opacity:0;transform:translateY(24px);transition:opacity .55s,transform .6s cubic-bezier(.22,1,.36,1);pointer-events:none}
.pk-step.is-on{opacity:1;transform:none;pointer-events:auto}
.pk-step.is-past{opacity:0;transform:translateY(-24px)}
.pk-dots{position:absolute;bottom:32px;left:50%;transform:translateX(-50%);display:flex;gap:8px;z-index:10}
.pk-dot{display:block;width:40px;height:1px;background:rgba(255,255,255,.25);transition:all .5s}
.pk-dot.is-on{background:#fbc736;width:56px}
@media (prefers-reduced-motion:reduce){.pk-img,.pk-step{transition:none}}

/* desktop (Lukáš 22. 10.): přišpendlená fotka začíná až pod pevnou hlavičkou – dřív pod ni zajížděla horní část fotky */
@media (min-width:1024px){
  .pk-sticky{--story-top:calc(96px + var(--aktuality-h,0px));top:var(--story-top);height:calc(100vh - var(--story-top))}
}
/* tablet a mobil: fotka nahoře (2 díly), text dole (3 díly) */
@media (max-width:1023px){
  .pk-sticky{--story-top:calc(72px + var(--aktuality-h,0px));top:var(--story-top);height:calc(100vh - var(--story-top));height:calc(100svh - var(--story-top))}
  .pk-grid{grid-template-columns:1fr;grid-template-rows:2fr 3fr}
  .pk-imgs,.pk-textcol{min-height:0}
  .pk-shade{display:none}
  .pk-textcol{align-items:flex-start;padding:20px;overflow:hidden}
  .pk-stage{min-height:0;height:calc((100svh - 72px - var(--aktuality-h,0px))*.6 - 76px)}
  .pk-step>div:first-child{margin-bottom:8px!important}
  .pk-step h2{font-size:26px!important;line-height:1.08!important;margin-bottom:12px!important}
  .pk-step p{font-size:14px!important;line-height:1.5!important;margin-bottom:12px!important}
  .pk-dot{width:32px}
  .pk-dot.is-on{width:48px}
}
@media (min-width:768px) and (max-width:1023px){
  .pk-sticky{--story-top:calc(96px + var(--aktuality-h,0px))}
  /* tablet (Lukáš 26. 10.): fotka a text půl na půl, text začíná níž a má širší okraje */
  .pk-grid{grid-template-rows:1fr 1fr}
  .pk-textcol{padding:48px 40px 24px}
  .pk-stage{height:calc((100svh - 96px - var(--aktuality-h,0px))*.5 - 100px)}
}
/* mobil (Lukáš 29. 10.): fotka a text půl na půl, text svisle na střed své poloviny (kroky leží v jedné buňce
   mřížky místo absolutního umístění nahoře), dole místo pro ukazatele kroků; delší text ubere z fotky */
@media (max-width:767px){
  .pk-grid{grid-template-rows:minmax(0,1fr) minmax(50%,max-content)}
  .pk-textcol{align-items:center;padding:16px 20px 52px}
  .pk-textin{height:100%;display:flex;align-items:center}
  .pk-stage{height:auto;width:100%;display:grid;align-items:center}
  .pk-step{position:relative!important;grid-area:1/1;inset:auto!important}
  .pk-step p:last-child{margin-bottom:0!important}
}