@font-face{font-family:Grtsk;src:url("../../fonts/Grtsk-Variable.woff2") format("woff2")}*{padding:0;margin:0;box-sizing:border-box}html,body{width:100%;height:100%}body{font-family:Grtsk,sans-serif;background:#040404;color:#fff;font-variation-settings:"wdth" 1000, "wght" 700;overflow-x:hidden}::-webkit-scrollbar{width:0;height:0}header{display:flex;justify-content:space-between;align-items:center;position:fixed;height:10%;width:100%;background:transparent;top:0;padding:0 5%;z-index:10}header .logo,header .menu{font-size:0.9em;cursor:pointer}.desktopMenu,.desktopMedias,.englishFloat{display:none}.awwwards-sticker{display:flex;justify-content:space-between;align-items:center;position:fixed;right:0;top:40%;font-family:sans-serif;font-weight:bold;flex-direction:column;height:180px;background:#040404;width:50px;padding:10px 0 50px 0;cursor:pointer;z-index:10;transition:all 0.8s ease}.awwwards-sticker-logo{font-size:1.5em;margin-bottom:10px}.awwwards-sticker-content{font-size:0.8em;transform:rotate(270deg);text-align:center;width:100px}.hero{width:100%;height:100%}.hero .background{width:100%;height:100%;overflow:hidden}.hero .background img{width:100%;height:100%;object-fit:cover;position:relative;height:100vh;transform-origin:50% 60%;scale:0}.hero .background-content{display:flex;justify-content:space-between;align-items:center;flex-direction:column;justify-content:center;position:absolute;top:60%;left:50%;width:100%;transform:translate(-50%, -50%)}.hero .background-content p{font-variation-settings:"wdth" 1000, "wght";font-size:10vw}.hero .background-content .firstText .char{--delay: calc((var(--char-index) + 1) * 150ms);animation:fontVariable 1500ms infinite both;animation-delay:var(--delay)}.hero .background-content .secondText .char{--delay: calc((var(--char-index) + 1) * 200ms);animation:fontVariable 4000ms infinite both;animation-delay:var(--delay)}@keyframes fontVariable{0%{font-variation-settings:"wght" 100, "wdth" 85;font-size:2em}60%{font-variation-settings:"wght" 700, "wdth" 100;font-size:2.2em}100%{font-variation-settings:"wght" 100, "wdth" 85;font-size:2em}}.hero-extension{background:Grtsk;width:100%;height:100%}section{padding:0 5%;font-size:1.5em;width:100%;overflow:hidden}section .section-content span{cursor:pointer;background:linear-gradient(to right, #fff, #fff 50%, transparent 50%);background-clip:text;-webkit-text-stroke-width:1px;-webkit-text-stroke-color:#fff;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-size:200% 100%;background-position:100%;transition:background-position 275ms ease;text-decoration:none}section .section-content span:hover{background-position:0 100%}.spacer{width:100%;height:30%}main{width:100%;height:100%;padding:0 5%;overflow:hidden}main .main-content{height:100%;width:100%;display:flex;justify-content:space-evenly;flex-direction:column;-webkit-text-stroke-width:1px;-webkit-text-stroke-color:#fff;-webkit-text-fill-color:transparent}main .main-content .project{cursor:pointer;font-variation-settings:"wdth" 1000, "wght" 700, "slnt" 10;font-size:2em}main .main-content .project::before{content:"";margin-bottom:20px;background:#fff;display:block;width:100%;height:1px;border-radius:2px}.mouseCursorImage{transform-origin:center center}.mouseCursorHover{width:450px;height:450px;background-image:url("https://kulbachny.com/wp-content/uploads/2019/12/Umami.jpg");background-position:center;background-repeat:no-repeat;background-size:cover;position:absolute;pointer-events:none;top:50%;left:50%;transform:translate(-50%, -50%);transform-origin:center;z-index:1;display:none}.works-wrapper{width:100%;height:100%;text-align:end;padding:0 5%}.works-wrapper .works{width:100%;height:100%}.works-wrapper .works .work{height:20%;width:100%}.works-wrapper .works .work .border{display:flex;width:100%;height:1px;border-radius:5px;background:#fff}.works-wrapper .works .work .oBorder::before{content:"01"}.works-wrapper .works .work .tBorder::before{content:"02"}.works-wrapper .works .work .trBorder::before{content:"03"}.works-wrapper .works .work .fBorder::before{content:"04"}.works-wrapper .works .work .fiBorder::before{content:"05"}.works-wrapper .works .work .work-title{margin-top:20px;font-size:1.4em;cursor:pointer;color:royalblue;overflow:hidden;background:linear-gradient(to right, red, #580606 50%, transparent 50%);background-clip:text;-webkit-text-stroke-width:1px;-webkit-text-stroke-color:#fff;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-size:200% 100%;background-position:100%;transition:background-position 275ms ease;text-decoration:none}.works-wrapper .works .work .work-title:hover{background-position:0 100%}.animation{width:100%;height:100%;position:relative;display:flex;justify-content:space-between;align-items:center;justify-content:center}.animation::after{position:absolute;content:"h";font-size:30vw;animation:changeChar 3s infinite forwards}@keyframes changeChar{16%{content:"e"}32%{content:"y"}48%{content:"s"}64%{content:"a"}80%{content:"y"}96%{content:"!"}}.main-box{height:100%;width:100%;background:#040404;overflow:hidden}.main-box .outer-box{height:100%;width:100%;transition:all 0.8s ease-out;transform:none;transform-style:none}.main-box .outer-box .in-box{width:100%;height:14%;background-color:transparent;display:flex;align-items:center;justify-content:center}.main-box .outer-box .in-box:hover p{-webkit-text-stroke-width:1px;-webkit-text-stroke-color:#fff;-webkit-text-fill-color:#fff}.main-box .outer-box .in-box p{margin:0;text-align:center;font-size:10vw;-webkit-text-stroke-width:1px;-webkit-text-stroke-color:#fff;-webkit-text-fill-color:transparent}@media (min-width: 800px){header .menu{display:none}.hero .background-content p{font-size:5vw}.desktopMenu,.desktopMedias,.englishFloat{display:block;position:fixed;z-index:5;cursor:pointer}.desktopMenu{top:5%;right:5%;text-align:end}.desktopMenu ul{list-style:none}.desktopMedias{bottom:5%;left:5%}.desktopMedias ul{list-style:none}.englishFloat{bottom:5%;right:5%}section{font-size:3em}main .main-content .project{font-size:3em}.spacer{height:50%}.another{height:10%}.works-wrapper .works .work .work-title{margin-top:20px;font-size:2em}.main-box{height:60%;width:100%;background:#040404;overflow:hidden}.main-box .outer-box{height:100px;width:100%;position:relative;transform:perspective(2000px) rotateX(0deg);transform-style:preserve-3d;transition:all 0.8s ease-out}.main-box .outer-box .in-box{width:100%;height:14%;position:absolute;background-color:transparent;display:flex;align-items:center;justify-content:center;backface-visibility:hidden}.main-box .outer-box .in-box:hover p{-webkit-text-stroke-width:1px;-webkit-text-stroke-color:#fff;-webkit-text-fill-color:#fff;cursor:pointer}.main-box .outer-box .in-box p{margin:0;text-align:center;font-size:4em;-webkit-text-stroke-width:1px;-webkit-text-stroke-color:#fff;-webkit-text-fill-color:transparent}.main-box .outer-box .in-box:nth-child(1){transform:rotateX(-30deg) translateZ(100px)}.main-box .outer-box .in-box:nth-child(2){transform:rotateX(-80deg) translateZ(100px)}.main-box .outer-box .in-box:nth-child(3){transform:rotateX(-130deg) translateZ(100px)}.main-box .outer-box .in-box:nth-child(4){transform:rotateX(-180deg) translateZ(100px)}.main-box .outer-box .in-box:nth-child(5){transform:rotateX(-230deg) translateZ(100px)}.main-box .outer-box .in-box:nth-child(6){transform:rotateX(-280deg) translateZ(100px)}.main-box .outer-box .in-box:nth-child(7){transform:rotateX(-330deg) translateZ(100px)}.mouseCursorHover{width:70%;height:50%}}@media (min-width: 950px){section{font-size:5em}main{overflow:auto}main .main-content .project{font-size:4em}.spacer{height:80%}.another{height:20%}.works-wrapper .works .work .work-title{margin-top:20px;font-size:3em}.main-box .outer-box{height:130px}.main-box .outer-box .in-box p{font-size:6em}.main-box .outer-box .in-box:nth-child(1){transform:rotateX(-30deg) translateZ(200px)}.main-box .outer-box .in-box:nth-child(2){transform:rotateX(-60deg) translateZ(200px)}.main-box .outer-box .in-box:nth-child(3){transform:rotateX(-90deg) translateZ(200px)}.main-box .outer-box .in-box:nth-child(4){transform:rotateX(-120deg) translateZ(200px)}.main-box .outer-box .in-box:nth-child(5){transform:rotateX(-150deg) translateZ(200px)}.main-box .outer-box .in-box:nth-child(6){transform:rotateX(-180deg) translateZ(200px)}.main-box .outer-box .in-box:nth-child(7){transform:rotateX(-210deg) translateZ(200px)}}@media (min-width: 1500px){.animation{margin-top:50%}.works-wrapper .works .work{height:40%}.works-wrapper .works .work .work-title{font-size:5em}.main-box .outer-box .in-box p{font-size:9em}.main-box .outer-box .in-box:nth-child(1){transform:rotateX(-30deg) translateZ(300px)}.main-box .outer-box .in-box:nth-child(2){transform:rotateX(-60deg) translateZ(300px)}.main-box .outer-box .in-box:nth-child(3){transform:rotateX(-90deg) translateZ(300px)}.main-box .outer-box .in-box:nth-child(4){transform:rotateX(-120deg) translateZ(300px)}.main-box .outer-box .in-box:nth-child(5){transform:rotateX(-150deg) translateZ(300px)}.main-box .outer-box .in-box:nth-child(6){transform:rotateX(-180deg) translateZ(300px)}.main-box .outer-box .in-box:nth-child(7){transform:rotateX(-210deg) translateZ(300px)}}
/*# sourceMappingURL=style.css.map */