#kz-pre{--kz-black:#000;--kz-white:#f2efea;--kz-out:cubic-bezier(.16,1,.3,1);--kz-io:cubic-bezier(.76,0,.24,1);--kz-punch:cubic-bezier(.34,1.56,.64,1);
position:fixed;inset:0;z-index:99999;display:grid;place-items:center;background:transparent;color:var(--kz-white);font-family:inherit;perspective:900px;overflow:hidden}
#kz-pre *{box-sizing:border-box;margin:0;padding:0}
#kz-pre svg path{fill:currentColor}
#kz-pre .kz-sm{font-size:11px;letter-spacing:.08em;text-transform:uppercase;line-height:1.4;font-weight:400}

/* panele kurtyny */
#kz-pre .kz-panel{position:absolute;left:0;right:0;background:var(--kz-black);transition:transform .75s var(--kz-io)}
#kz-pre .kz-top{top:0;height:50%}#kz-pre .kz-bot{bottom:0;top:50%}
#kz-pre.kz-open .kz-top{transform:translateY(-100%)}
#kz-pre.kz-open .kz-bot{transform:translateY(100%)}

/* siatka */
#kz-pre .kz-grid{position:absolute;inset:0;pointer-events:none;transition:opacity .4s ease}
#kz-pre .kz-grid i{position:absolute;top:0;bottom:0;width:1px;background:rgba(242,239,234,.14);transform:scaleY(0);transform-origin:top;transition:transform .8s var(--kz-io)}
#kz-pre .kz-grid i:nth-child(1){left:25%}#kz-pre .kz-grid i:nth-child(2){left:50%;transition-delay:.1s}#kz-pre .kz-grid i:nth-child(3){left:75%;transition-delay:.2s}
#kz-pre.kz-go .kz-grid i{transform:scaleY(1)}
#kz-pre .kz-grid b{position:absolute;width:11px;height:11px;opacity:0;transition:opacity .4s ease .3s}
#kz-pre .kz-grid b::before,#kz-pre .kz-grid b::after{content:"";position:absolute;background:var(--kz-white)}
#kz-pre .kz-grid b::before{left:5px;top:0;width:1px;height:11px}
#kz-pre .kz-grid b::after{top:5px;left:0;height:1px;width:11px}
#kz-pre .kz-grid b:nth-of-type(1){left:22px;top:22px}#kz-pre .kz-grid b:nth-of-type(2){right:22px;top:22px}
#kz-pre .kz-grid b:nth-of-type(3){left:22px;bottom:22px}#kz-pre .kz-grid b:nth-of-type(4){right:22px;bottom:22px}
#kz-pre.kz-go .kz-grid b{opacity:1}

/* scena: logo + szew */
#kz-pre .kz-stage{position:relative;z-index:2;width:min(62vw,720px)}
@media(max-width:768px){#kz-pre .kz-stage{width:82vw}}
#kz-pre .kz-logo{width:100%;height:auto;display:block}
#kz-pre .kz-l{transform-box:fill-box;transform-origin:center;transform:scale(.08);opacity:0;filter:blur(6px);transition:transform .55s var(--kz-punch),opacity .25s ease,filter .35s ease}
#kz-pre .kz-l.kz-up{transform:scale(1);opacity:1;filter:blur(0)}
#kz-pre .kz-seam{position:absolute;left:50%;bottom:-1px;width:100vw;height:1px;background:var(--kz-white);transform:translateX(-50%) scaleX(0);transform-origin:0 50%;transition:transform .15s linear,opacity .2s}
#kz-pre .kz-seam::after{content:"";position:absolute;right:0;top:-3px;width:1px;height:7px;background:var(--kz-white)}
#kz-pre .kz-stage.kz-hit{transition:transform .6s cubic-bezier(.7,0,.84,0),opacity .35s ease .25s,filter .6s ease}

/* teksty */
#kz-pre .kz-tag{position:absolute;transition:opacity .25s ease,transform .25s ease}
#kz-pre .kz-tl{left:28px;top:24px}#kz-pre .kz-tr{right:28px;top:24px;text-align:right}#kz-pre .kz-br{right:28px;bottom:28px;text-align:right}
#kz-pre .kz-cnt{position:absolute;left:28px;bottom:20px;font-weight:300;font-size:clamp(56px,8vw,120px);line-height:1;letter-spacing:-.03em;font-variant-numeric:tabular-nums;transition:opacity .25s ease,transform .25s ease}
#kz-pre .kz-cnt small{font-size:.22em;vertical-align:top;margin-left:.1em;letter-spacing:0;font-weight:300}
#kz-pre .kz-tag,#kz-pre .kz-cnt{opacity:0;transform:translateY(10px)}
#kz-pre.kz-go .kz-tag,#kz-pre.kz-go .kz-cnt{opacity:1;transform:none}
#kz-pre.kz-go .kz-tr{transition-delay:.1s}#kz-pre.kz-go .kz-br{transition-delay:.2s}
#kz-pre.kz-out .kz-tag{opacity:0;transform:translateY(-10px)}
#kz-pre.kz-out .kz-cnt{opacity:0;transform:translateY(20px)}
#kz-pre.kz-out .kz-grid{opacity:0}
#kz-pre .kz-roll{display:block;height:1.4em;overflow:hidden}
#kz-pre .kz-roll div{transition:transform .5s var(--kz-io)}
#kz-pre .kz-roll p{margin:0;line-height:1.4}