@font-face{font-family:"urania_czechurania_cz";src:url(/static/media/urania_czech-webfont.d4201092.woff2) format("woff2"),url(/static/media/urania_czech-webfont.a24d0dd9.woff) format("woff");font-weight:400;font-style:normal}html{scroll-behavior:smooth}*{padding:0;margin:0;box-sizing:border-box}::selection{background:#000;color:#fff}::-moz-selection{background:#000;color:#fff}body{margin:0;font-family:"urania_czechurania_cz";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#000;-webkit-animation:fadeMeIn 5s forwards;animation:fadeMeIn 5s forwards}//////progress icon////// .progress{position:absolute;bottom:200px;left:200px;width:500px;height:500px}iframe.front{border:10px solid #000;box-sizing:border-box;width:100vw;height:100vh}.marquee-wrap,//////marquee////// .marquee-container{overflow:hidden;height:300px}.marquee{position:absolute;height:300px}#band{color:#fff;font-size:2.5rem;flex-direction:column;justify-content:flex-start;overflow-y:scroll;background-size:150%;height:100vh;margin-top:1rem;padding:1rem 1rem 6rem;mix-blend-mode:screen;border:10px solid #fff}#band i{background:#fff;color:#000}@-webkit-keyframes fadeMeIn{0%{background-color:#000}to{background-color:#8a2be2}}@keyframes fadeMeIn{0%{background-color:#000}to{background-color:#8a2be2}}#shim{height:200px}#wheretogo{-webkit-transform:translateX(-10px) translateY(-10px) rotate(-3deg);transform:translateX(-10px) translateY(-10px) rotate(-3deg)}@-webkit-keyframes fadein{0%{opacity:0}to{opacity:1}}@keyframes fadein{0%{opacity:0}to{opacity:1}}header{//background:rgba(0,0,0,.3);position:fixed;width:70px;height:70px;bottom:0;left:0;text-align:center;z-index:1000;border-top-right-radius:50%;background-image:url(http://suddeninfant.com/img/disko.gif)}header nav{position:absolute;text-align:left;bottom:120%;left:0;width:100%;-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:bottom;transform-origin:bottom;transition:-webkit-transform .4s ease-in-out;transition:transform .4s ease-in-out;transition:transform .4s ease-in-out,-webkit-transform .4s ease-in-out;//clip-path:polygon(1% 0,30% 25%,85% 15%,89% 100%,0 100%)}header nav ul{margin:0;padding:0;list-style:none}header nav li{margin-top:1em;margin-left:1em;-webkit-transform:rotate(-13deg);transform:rotate(-13deg)}header nav li button{color:#fff;background:rgba(0,0,0,.8);border:none;outline:none;text-decoration:none;font-size:1.2rem;text-transform:uppercase;opacity:0;cursor:pointer;transition:opacity .15s ease-in-out}.nav-toggle{display:none}.nav-toggle-label{color:#7fffd4;font-size:2rem;cursor:pointer;position:absolute;top:0;left:1rem;height:100%;display:flex;align-items:center}.nav-toggle-label span,.nav-toggle-label span:after,.nav-toggle-label span:before{display:block;background-color:#fff;width:1.2em;height:5px;border-radius:2px;position:relative;visibility:hidden}.nav-toggle-label span:after,.nav-toggle-label span:before{content:"";position:absolute}.nav-toggle-label span:before{top:7px}.nav-toggle-label span:after{bottom:7px}.nav-toggle:checked~nav{-webkit-transform:scale(1);transform:scale(1)}.nav-toggle:checked~nav button{opacity:1;transition:opacity .25s ease-in-out .25s}@media screen and (min-width:1023px){header{display:none}}.drawer{position:fixed;top:0;z-index:9999}.drawer>*{transition:opacity .3s cubic-bezier(.78,.14,.15,.86),box-shaow .3s cubic-bezier(.78,.14,.15,.86),-webkit-transform .5s cubic-bezier(.78,.14,.15,.86);transition:transform .5s cubic-bezier(.78,.14,.15,.86),opacity .3s cubic-bezier(.78,.14,.15,.86),box-shaow .3s cubic-bezier(.78,.14,.15,.86);transition:transform .5s cubic-bezier(.78,.14,.15,.86),opacity .3s cubic-bezier(.78,.14,.15,.86),box-shaow .3s cubic-bezier(.78,.14,.15,.86),-webkit-transform .5s cubic-bezier(.78,.14,.15,.86)}.drawer .drawer-mask{opacity:0;width:0;height:0;top:0;transition:opacity .3s cubic-bezier(.78,.14,.15,.86),width 0s ease .3s,height 0s ease .3s}.drawer-content-wrapper,.drawer .drawer-mask{background:#000;position:fixed}.drawer-content{overflow:auto;z-index:1;position:relative;background-color:rgba(0,0,0,.8);height:100%;width:100%}.drawer-content,.drawer-handle{display:flex;align-items:center;justify-content:center}.drawer-handle{position:absolute;top:72px;width:41px;height:40px;cursor:pointer;z-index:0;text-align:center;line-height:40px;font-size:16px;background:#111}.drawer-handle-icon{width:14px;height:2px;background:#333;position:relative;transition:background .3s cubic-bezier(.78,.14,.15,.86)}.drawer-handle-icon:after,.drawer-handle-icon:before{content:"";display:block;position:absolute;background:#333;width:100%;height:2px;transition:-webkit-transform .3s cubic-bezier(.78,.14,.15,.86);transition:transform .3s cubic-bezier(.78,.14,.15,.86);transition:transform .3s cubic-bezier(.78,.14,.15,.86),-webkit-transform .3s cubic-bezier(.78,.14,.15,.86)}.drawer-handle-icon:before{top:-5px}.drawer-handle-icon:after{top:5px}.drawer-left,.drawer-right{width:0;height:100%}.drawer-left .drawer-content,.drawer-left .drawer-content-wrapper,.drawer-right .drawer-content,.drawer-right .drawer-content-wrapper{height:100%}.drawer-left.drawer-open,.drawer-right.drawer-open{width:100%}.drawer-left .drawer-handle{right:-40px;border-radius:0 4px 4px 0}.drawer-left .drawer-handle,.drawer-left.drawer-open .drawer-content-wrapper{box-shadow:2px 0 8px rgba(0,0,0,.15)}.drawer-right .drawer-content-wrapper{right:0}.drawer-right .drawer-handle{left:-40px;border-radius:4px 0 0 4px}.drawer-right .drawer-handle,.drawer-right.drawer-open .drawer-content-wrapper{box-shadow:-2px 0 8px rgba(0,0,0,.15)}.drawer-bottom,.drawer-top{width:100%;height:0%}.drawer-bottom .drawer-content,.drawer-bottom .drawer-content-wrapper,.drawer-top .drawer-content,.drawer-top .drawer-content-wrapper{width:100%}.drawer-bottom .drawer-handle,.drawer-top .drawer-handle{left:50%;margin-left:-20px}.drawer-bottom.drawer-open,.drawer-top.drawer-open{height:100%}.drawer-top .drawer-handle{top:auto;bottom:-40px;border-radius:0 0 4px 4px}.drawer-top .drawer-handle,.drawer-top.drawer-open .drawer-wrapper{box-shadow:0 2px 8px rgba(0,0,0,.15)}.drawer-bottom .drawer-content-wrapper{bottom:0}.drawer-bottom .drawer-handle{top:-40px;border-radius:4px 4px 0 0}.drawer-bottom .drawer-handle,.drawer-bottom.drawer-open .drawer-content-wrapper{box-shadow:0 -2px 8px rgba(0,0,0,.15)}.drawer.drawer-open .drawer-mask{opacity:.3;width:100%;height:100%;-webkit-animation:fadeIn .5s cubic-bezier(.78,.14,.15,.86);animation:fadeIn .5s cubic-bezier(.78,.14,.15,.86);transition:none}.drawer.drawer-open .drawer-handle-icon{background:transparent}.drawer.drawer-open .drawer-handle-icon:before{-webkit-transform:translateY(5px) rotate(45deg);transform:translateY(5px) rotate(45deg)}.drawer.drawer-open .drawer-handle-icon:after{-webkit-transform:translateY(-5px) rotate(-45deg);transform:translateY(-5px) rotate(-45deg)}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:.3}}@keyframes fadeIn{0%{opacity:0}to{opacity:.3}}.video-page{position:relative;padding:2rem;//background:-webkit-linear-gradient(#000,#df1f50);background-image:url(/static/media/testcard.ba72c881.gif);background-size:cover;background-repeat:no-repeat;background-position:50%;text-align:center;scroll-snap-align:start;height:100vh;min-width:100vw;overflow:scroll;box-sizing:border-box}.work-h2{font-size:2.5rem;color:#fff;font-weight:200;margin-top:0;margin-bottom:4rem}.grid-item{line-height:1rem;text-transform:uppercase;width:33.3%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.2rem;cursor:pointer;box-sizing:border-box}.grid-item:after,.grid-item:before{content:"";position:absolute;top:1.25rem;left:1.25rem;right:1.25rem;bottom:1.25rem}.grid-item:before{background:pink;-webkit-transform:scale(0);transform:scale(0)}.grid-item:hover header{opacity:1}.grid-item:hover header h1.video-title{-webkit-transform:translateY(50%);transform:translateY(50%)}.grid-item:hover figure img{opacity:.5;-webkit-transform:scale(1.8);transform:scale(1.8)}figure{margin:0;width:100%;height:100%;overflow:hidden;background-color:#000;display:flex;align-items:center;justify-content:center;border:10px solid transparent;transition:border-color .2s ease-out;box-sizing:border-box}figure:hover{border:10px solid #000}figure img{max-width:100%;display:block;opacity:1;transition:all .25s ease-out;background:#000}.grid-item header{width:100%;height:100%;padding:1rem;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);opacity:0;transition:opacity .45s ease-out;display:flex;align-items:center;justify-content:center}.grid-item header h1.video-title{font:inherit;font-size:.9rem;font-weight:400;line-height:1.3rem;color:#fff;margin:-3rem 0 0;padding:0;letter-spacing:.2rem;-webkit-transform:translateY(-10px);transform:translateY(-10px);transition:all .35s ease-out;-webkit-margin-before:.83em;-webkit-margin-after:.83em;-webkit-margin-start:0;-webkit-margin-end:0;width:100%}.grid-item p{max-width:100%;font-size:.3rem;letter-spacing:-.035em;vertical-align:top;font:inherit;display:block;-webkit-margin-before:1em;-webkit-margin-after:1em;-webkit-margin-start:0;-webkit-margin-end:0;margin-top:-1rem}.fixed-box{position:absolute;width:33.3%}.fixed-left{left:0;top:0}.fixed-right{right:0;top:0}@-webkit-keyframes Ex{0%{stroke-dashoffset:150;stroke:#fff}30%{stroke-dashoffset:150}80%{stroke-dashoffset:0}}@keyframes Ex{0%{stroke-dashoffset:150;stroke:#fff}30%{stroke-dashoffset:150}80%{stroke-dashoffset:0}}@-webkit-keyframes xotique{0%{stroke-dashoffset:150;stroke:#fff}30%{stroke-dashoffset:150}to{stroke-dashoffset:0;stroke:#fff}}@keyframes xotique{0%{stroke-dashoffset:150;stroke:#fff}30%{stroke-dashoffset:150}to{stroke-dashoffset:0;stroke:#fff}}@media screen and (max-width:1024px){.corner-stamp,.grid-item,.grid-sizer{width:50%}.navbar{display:none}}@media screen and (max-width:700px){.corner-stamp,.grid-item,.grid-sizer{width:100%}}@media screen and (max-width:605px){.grid-item{font-size:3rem}}a.nnouncement:after{position:absolute;left:100%;top:0;width:50px;height:50px;background:red}div.newdate{display:flex;flex-direction:row;min-width:100vw;padding:0;margin:0;box-sizing:border-box;align-items:center;justify-content:center;font-size:2rem;z-index:9999999}span.date{background:#000;color:#fff;padding:.2rem 1.2rem;margin-right:1rem;-webkit-transform:skew(-10deg);transform:skew(-10deg);font-weight:bolder;text-transform:uppercase;letter-spacing:.3rem}a.announcement{color:#000;position:relative}a.announcement:hover{color:#fff;background:#000}.my-masonry-grid{display:flex;//margin-left:-15px;//margin-top:-18px;width:100vw}.my-masonry-grid_column{background-clip:padding-box}.my-masonry-grid_column>div{background:#000;//margin-bottom:30px;background-size:cover;background-position:50%;margin:0;-webkit-filter:url(#duotone);filter:url(#duotone);display:flex;align-items:flex-end;justify-content:flex-start;overflow:hidden;position:relative;transition:background-size .3s;cursor:pointer}.my-masonry-grid_column>div span.title{font-size:2rem;position:absolute;left:-700px;bottom:0;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s;max-width:100%}.my-masonry-grid_column>div:hover{background-size:130%;-webkit-filter:url(#duotone_inv);filter:url(#duotone_inv)}.my-masonry-grid_column>div:hover span.title{-webkit-transform:translateX(700px);transform:translateX(700px)}.masonry-img{width:100%;-webkit-filter:url(#duotone);filter:url(#duotone)}.masonry-img:hover{-webkit-filter:none;filter:none}
/*# sourceMappingURL=main.1dca25c2.chunk.css.map */