@import url(https://fonts.googleapis.com/css2?family=Oswald&family=Staatliches&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root{height:100vh;pointer-events:none;position:absolute;width:100vw}
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;font-family:sans-serif}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:initial}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:initial}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:initial;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;box-sizing:initial}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}body{background-color:#000;color:#fff;font-family:Quicksand,sans-serif;height:1vh;overflow:hidden;pointer-events:none;scroll-behavior:smooth;width:100vw}@media(max-device-aspect-ratio:3/4)and (max-width:768px){body{height:calc(1.21333vw + 40px)}}@media(max-device-aspect-ratio:2/3)and (max-width:768px){body{height:calc(1.365vw + 40px)}}@media(max-device-aspect-ratio:10/16)and (max-width:768px){body{height:calc(1.456vw + 40px)}}@media(max-device-aspect-ratio:9/16)and (max-width:768px){body{height:calc(1.61778vw + 40px)}}@media(max-device-aspect-ratio:10/17)and (max-width:768px){body{height:calc(1.547vw + 40px)}}.initial-hide{display:none}#logo{background:url(/static/media/jhun-logo-simbolo-short.a8c4a1529b11eec3fd85.svg) no-repeat;height:18px;left:20px;position:absolute;top:20px;width:70px}#stage{height:100vh!important;opacity:0;width:100vw!important}#stage.on{cursor:-webkit-grab;cursor:grab;opacity:1;transition:opacity 6s ease-in-out}#stage.on.grabbing{cursor:-webkit-grabbing;cursor:grabbing}section{pointer-events:none;width:100vw;z-index:10}.container,section{height:100%;position:absolute;text-align:center}.container{margin-left:auto;margin-right:auto;overflow:hidden;width:100%}.credits{bottom:0;color:hsla(0,0%,100%,.4);font-family:Oswald,sans-serif;font-size:12px;left:25px;letter-spacing:1px;line-height:10px;margin:0;padding-top:0;pointer-events:none;position:fixed;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);-webkit-transform-origin:bottom left;transform-origin:bottom left;width:100vh}.credits ul{box-sizing:border-box;height:15px;padding-left:10px;padding-top:5px;width:100%}.credits li{display:block!important;height:15px;text-align:left;width:100%}.credits li a{color:hsla(0,0%,100%,.4);pointer-events:all;text-decoration:none}#content-works{height:70vh;overflow:hidden;transition:width 1.5s cubic-bezier(.19,1,.22,1),height 1s cubic-bezier(.19,1,.22,1),opacity 1s linear}#content-works.on{height:auto;width:100%}.image-mosaic{grid-gap:1rem;display:grid;gap:1rem;grid-auto-rows:240px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-left:auto;margin-right:auto;padding-bottom:100px;padding-top:50px;width:100%}.card{align-items:center;background-position:50%;background-repeat:no-repeat;background-size:auto 100%;box-shadow:0 .15rem .5rem rgba(3,8,20,.1),0 .075rem .175rem rgba(2,8,20,.1);color:#fff;cursor:pointer;display:flex;flex-direction:column;font-size:3rem;justify-content:center;margin:0;opacity:.6;overflow:hidden;padding:0;-webkit-perspective:100px;perspective:100px;pointer-events:all;position:relative;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;transition:all .5s;transition:all 1.5s cubic-bezier(.19,1,.22,1)}.card.on{background-size:auto 120%}.card .bg{background-blend-mode:color;background-position:50%;background-repeat:no-repeat;background-size:auto 100%;bottom:0;left:0;opacity:1;pointer-events:none;position:absolute;right:0;top:0;transition:all 1.5s cubic-bezier(.19,1,.22,1)}.card .bg.on{background-size:auto 120%;opacity:0}.card .bg-wide{background-size:100% auto;transition:all 1.5s cubic-bezier(.19,1,.22,1)}.card .bg-wide.on{background-size:120% auto}.card .title{align-items:center;background-color:rgba(10,0,30,.4);display:flex;font-family:Oswald,sans-serif;font-size:16px;font-weight:700;height:100%;justify-content:center;letter-spacing:8px;line-height:30px;pointer-events:none;text-transform:uppercase;-webkit-transform:translateZ(0);transform:translateZ(0);transition:background-color 2s cubic-bezier(.19,1,.22,1),opacity 1s cubic-bezier(.19,1,.22,1),-webkit-transform 2s cubic-bezier(.19,1,.22,1);transition:transform 2s cubic-bezier(.19,1,.22,1),background-color 2s cubic-bezier(.19,1,.22,1),opacity 1s cubic-bezier(.19,1,.22,1);transition:transform 2s cubic-bezier(.19,1,.22,1),background-color 2s cubic-bezier(.19,1,.22,1),opacity 1s cubic-bezier(.19,1,.22,1),-webkit-transform 2s cubic-bezier(.19,1,.22,1);vertical-align:middle;width:100%;word-spacing:1000px}.card .title.deep,.card .title.on{background-color:rgba(20,2,40,.4);opacity:0;-webkit-transform:translateY(0) translateZ(-1vw) rotate3d(0,0,0,0deg);transform:translateY(0) translateZ(-1vw) rotate3d(0,0,0,0deg)}@media screen and (max-width:979px){.card .title{font-size:12px;letter-spacing:8px;line-height:22px;opacity:1}.card .bg{background-size:auto 160%;opacity:.25}.card .bg-wide{background-size:160% auto;opacity:.25}}@media screen and (min-width:980px){.card-tall{background-size:auto 100%;grid-row:span 2/auto}.card-tall.on{background-size:auto 120%}.card-wide{background-size:100% auto;grid-column:span 2/auto}.card-wide.on{background-size:120% auto}.card-tall.card-wide{background-size:auto 100%}.card-tall.card-wide.on{background-size:auto 120%}}#bt-fechar{align-items:center;border:1px solid #fff;cursor:pointer;display:inline-flex;font-size:11px;height:20px;justify-content:center;margin-left:-50px;min-height:25px;min-width:25px;padding:0;pointer-events:all;position:fixed;-webkit-transform:translateY(-35px);transform:translateY(-35px);vertical-align:middle;width:100px}#bt-fechar:after{content:"X Close"}#card-inside{opacity:0;overflow:hidden;padding-bottom:100px;position:absolute;top:0;transition:opacity 1.5s cubic-bezier(.19,1,.22,1),visibility 0s linear 1.5s;visibility:hidden;width:100%}#card-inside.on{opacity:1;transition:visibility 0s linear 0s,opacity 5s cubic-bezier(.19,1,.22,1) .1s;visibility:visible}#card-inside-title{font-family:Oswald,sans-serif;letter-spacing:5px;margin:0 auto;min-width:300px;padding-bottom:10px;text-transform:uppercase;width:90%}#card-inside-subtitle{color:hsla(0,0%,100%,.8);font-size:10px;font-weight:lighter;margin:0 auto;min-width:300px;padding-bottom:15px;width:90%}#card-inside-subtitle span{color:#fff}#card-inside-description{color:hsla(0,0%,100%,.8);font-size:12px;font-weight:lighter;line-height:18px;margin:0 auto;min-width:300px;padding-top:15px;text-align:left;width:90%}#card-inside-description span{color:#fff;font-weight:700}#player{height:28.125vw;min-height:166px;min-width:300px;pointer-events:all;width:50vw}#content-lab{height:70vh;overflow:hidden;transition:width 1.5s cubic-bezier(.19,1,.22,1),height 1s cubic-bezier(.19,1,.22,1),opacity 1s linear}#content-lab.on{height:auto;width:100%}#bt-fechar-lab{align-items:center;border:1px solid #fff;cursor:pointer;display:inline-flex;font-size:11px;height:20px;justify-content:center;margin-left:-50px;min-height:25px;min-width:25px;padding:0;pointer-events:all;position:fixed;-webkit-transform:translateY(-35px);transform:translateY(-35px);vertical-align:middle;width:100px}#bt-fechar-lab:after{content:"X Close"}#card-inside-lab{opacity:0;overflow:hidden;padding-bottom:100px;position:absolute;top:0;transition:opacity 1.5s cubic-bezier(.19,1,.22,1),visibility 0s linear 1.5s;visibility:hidden;width:100%}#card-inside-lab.on{opacity:1;transition:visibility 0s linear 0s,opacity 5s cubic-bezier(.19,1,.22,1) .1s;visibility:visible}#card-inside-lab-title{font-family:Oswald,sans-serif;letter-spacing:5px;margin:0 auto;min-width:300px;padding-bottom:10px;text-transform:uppercase;width:50vw}#card-inside-lab-subtitle{color:hsla(0,0%,100%,.8);font-size:10px;font-weight:lighter;margin:0 auto;min-width:300px;padding-bottom:15px;width:50vw}#card-inside-lab-subtitle span{color:#fff}#card-inside-lab-description{color:hsla(0,0%,100%,.8);font-size:12px;font-weight:lighter;line-height:18px;margin:0 auto;min-width:300px;padding-top:15px;text-align:left;width:50vw}#card-inside-lab-description span{color:#fff;font-weight:700}#player-lab{height:28.125vw;min-height:166px;min-width:300px;pointer-events:all;width:50vw}#content-soon{align-items:center;border:1px solid #fff;display:flex;font-size:12px;height:70vh;justify-content:center;line-height:18px;margin-left:50vw;opacity:0;overflow:hidden;-webkit-transform:translateX(-50%);transform:translateX(-50%);transition:width 5s cubic-bezier(.19,1,.22,1),height 5s cubic-bezier(.19,1,.22,1),opacity 1s linear;vertical-align:middle;width:0}#content-soon.on{height:150px;opacity:1;width:200px}#content-about{-ms-overflow-style:none;align-items:flex-start;box-sizing:border-box;display:flex;flex-flow:row wrap;font-size:16px;height:0;justify-content:center;left:50%;letter-spacing:1px;line-height:24px;opacity:0;overflow-x:hidden;overflow-y:auto;pointer-events:all;-webkit-scroll-snap-type:none!important;scroll-snap-type:none!important;scrollbar-width:none;text-align:left;-webkit-transform:translateX(-50%);transform:translateX(-50%);transition:width 1s cubic-bezier(.19,1,.22,1),height 1s cubic-bezier(.19,1,.22,1),opacity 1s linear;width:0}#content-about.on{height:calc(88vh - 80px);max-width:800px;opacity:1;padding-bottom:15vh;width:90%}#content-about p{background-color:rgba(0,0,100,.7);-webkit-box-decoration-break:clone;box-decoration-break:clone;display:inline;padding:3px 5px}#content-about p .color{color:#0cf}#content-about p a{color:#0cf;text-decoration:none}@media screen and (orientation:portrait){#content-about.on{height:calc(78vh - 80px);max-width:400px;opacity:1;width:70%}}#content-about::-webkit-scrollbar{display:none}#about-photo{border-radius:150px;height:250px;margin:50px 0;object-fit:cover;opacity:.8;width:250px}.send-message{color:#0cf;cursor:pointer}.menu-holder{height:80px;margin-top:calc(50vh - 120px);position:absolute;transition:all 1s ease-in-out;width:100%}.menu-holder.in{margin-top:3vh}.menu-holder.on{opacity:1}.menu-holder .welcome{align-items:center;display:flex;flex-flow:row wrap;font-size:16px;height:50px;justify-content:center;line-height:24px;opacity:1;padding:25px 0;pointer-events:none;text-align:center;transition:all 1s ease-in-out 0s;white-space:pre-wrap;width:100%}.menu-holder .welcome.off{height:0;line-height:0px;opacity:0;padding:0}.menu-holder .welcome .color{color:#f80}.menu-holder .welcome .second-line{width:100%}.menu-holder .welcome .second-line,.menu-holder .welcome .second-line-a{align-items:center;display:flex;flex-flow:row wrap;justify-content:center}.menu-holder .welcome .second-line-a{white-space:pre-wrap}.menu-holder .welcome svg{height:20px;width:20px}.menu-holder h1{border:1px solid #fff;box-sizing:border-box;cursor:pointer;display:inline-block;font-family:Oswald,sans-serif;font-size:22px;letter-spacing:10px;margin:0 auto;padding:3px 0 5px 8px;text-align:center;-webkit-user-select:none;user-select:none}@media(hover:hover){.menu-holder h1:hover{background-color:#fff;color:#025}}.menu-holder .menu-home{color:hsla(0,0%,100%,.8);display:block;font-family:Quicksand,sans-serif;font-size:16px;height:40px;letter-spacing:2px;line-height:40px;list-style:none;margin:10px auto 0;opacity:0;padding:0;pointer-events:none;transition:all 1s ease-in-out 1s;-webkit-user-select:none;user-select:none}.menu-holder .menu-home.on{opacity:1}ul li{cursor:pointer;display:inline;line-height:15px;padding:0;pointer-events:all;text-align:center;-webkit-user-select:none;user-select:none}ul li a{color:hsla(0,0%,100%,.8)}ul li.off{color:#0af;pointer-events:none}ul li:not(:last-child):after{color:hsla(0,0%,100%,.5);content:"|";padding:0 10px}#content-progress{-ms-overflow-style:none;align-items:flex-start;box-sizing:border-box;display:flex;flex-flow:row wrap;font-size:16px;height:0;justify-content:center;left:50%;letter-spacing:1px;line-height:24px;opacity:0;overflow-x:hidden;overflow-y:auto;scrollbar-width:none;text-align:center;text-align:left;-webkit-transform:translateX(-50%);transform:translateX(-50%);transition:width 0s cubic-bezier(.19,1,.22,1),height 0s cubic-bezier(.19,1,.22,1),opacity 1s linear;width:0}#content-progress.on{height:calc(93vh - 80px);opacity:1;width:90%}#content-progress #center-progress{padding:300px 5vw!important}@media screen and (orientation:portrait){#content-progress{line-height:18px}#content-progress.on{opacity:1}#content-progress #center-progress{padding:300px 5vw!important}}@media screen and (orientation:landscape){#content-progress{line-height:18px}#content-progress.on{opacity:1}}@media screen and (orientation:landscape)and (max-height:400px){#content-progress #center-progress{padding:0 5vw!important}}#content-works{-ms-overflow-style:none;align-items:flex-start;box-sizing:border-box;display:flex;flex-flow:row wrap;font-size:16px;height:0;justify-content:center;left:50%;letter-spacing:1px;line-height:24px;opacity:0;overflow-x:hidden;overflow-y:auto;scrollbar-width:none;text-align:center;text-align:left;-webkit-transform:translateX(-50%);transform:translateX(-50%);transition:width 0s cubic-bezier(.19,1,.22,1),height 0s cubic-bezier(.19,1,.22,1),opacity 1s linear;width:0}#content-works.on{height:calc(93vh - 80px);opacity:1;width:90%}#content-works #center-works{padding:300px 5vw!important}@media screen and (orientation:portrait){#content-works{line-height:18px;margin-top:15px}#content-works.on{opacity:1}}@media screen and (orientation:landscape){#content-works{line-height:18px}#content-works.on{opacity:1}}@media screen and (orientation:landscape)and (max-height:400px){#content-works #center-works{padding:0 5vw!important}}#content-lab{-ms-overflow-style:none;align-items:flex-start;box-sizing:border-box;display:flex;flex-flow:row wrap;font-size:16px;height:0;justify-content:center;left:50%;letter-spacing:1px;line-height:24px;opacity:0;overflow-x:hidden;overflow-y:auto;scrollbar-width:none;text-align:center;text-align:left;-webkit-transform:translateX(-50%);transform:translateX(-50%);transition:width 0s cubic-bezier(.19,1,.22,1),height 0s cubic-bezier(.19,1,.22,1),opacity 1s linear;width:0}#content-lab.on{height:calc(93vh - 80px);opacity:1;width:90%}#content-lab #center-lab{padding:300px 5vw!important}@media screen and (orientation:portrait){#content-lab{line-height:18px;margin-top:15px}#content-lab.on{opacity:1}}@media screen and (orientation:landscape){#content-lab{line-height:18px}#content-lab.on{opacity:1}}@media screen and (orientation:landscape)and (max-height:400px){#content-lab #center-lab{padding:0 5vw!important}}#content-contact{-ms-overflow-style:none;align-items:flex-start;box-sizing:border-box;display:flex;flex-flow:row wrap;font-size:16px;height:0;justify-content:center;left:50%;letter-spacing:1px;line-height:24px;opacity:0;overflow-x:hidden;overflow-y:auto;scrollbar-width:none;text-align:center;text-align:left;-webkit-transform:translateX(-50%);transform:translateX(-50%);transition:width 2s cubic-bezier(.19,1,.22,1),height 2s cubic-bezier(.19,1,.22,1),opacity 1s linear;width:0}#content-contact.on{height:calc(100vh - 120px);max-width:600px;opacity:1;width:100%}#content-contact #infos{font-size:16px;margin-top:40px;opacity:0;padding:0;transition:opacity 2s cubic-bezier(.19,1,.22,1),visibility 0s linear 2s;visibility:hidden;width:100%}#content-contact #infos.on{opacity:1;transition:opacity 2s cubic-bezier(.19,1,.22,1),visibility 0s linear 0s;visibility:visible}#content-contact #infos a{color:#fff;cursor:pointer;text-decoration:none}#content-contact #feedback{align-items:center;border:1px solid #fff;cursor:pointer;display:flex;height:200px;justify-content:center;left:50%;opacity:0;overflow:hidden;padding:20px;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%);transition:opacity 2s cubic-bezier(.19,1,.22,1),visibility 0s linear 2s;visibility:hidden;width:200px;z-index:10}#content-contact #feedback.on{opacity:1;transition:opacity 2s cubic-bezier(.19,1,.22,1),visibility 0s linear 0s;visibility:visible}@media screen and (orientation:portrait){#content-contact{line-height:18px}#content-contact.on{height:82vh;max-width:400px;opacity:1;width:70%}}form{align-items:center;display:flex;flex-flow:row wrap;justify-content:center;max-width:400px;opacity:1;pointer-events:all;transition:opacity 2s cubic-bezier(.19,1,.22,1),visibility 0s linear 0s;visibility:visible;width:100%}form input,form textarea{background:transparent;border:1px solid #fff;font-size:16px;letter-spacing:2px;line-height:24px;margin:10px 0;opacity:0;outline:none!important;padding:5px;transition:width 2s cubic-bezier(.19,1,.22,1),opacity 1s linear;width:0}form input.on,form textarea.on{opacity:1;width:100%}form.off{opacity:0;transition:opacity 2s cubic-bezier(.19,1,.22,1),visibility 0s linear 2s;visibility:hidden}@media screen and (orientation:portrait){form input.on,form textarea.on{opacity:1;width:100%}}::-webkit-input-placeholder{color:#fff;opacity:1}::placeholder{color:#fff;opacity:1}#content-work{-ms-overflow-style:none;align-items:flex-start;box-sizing:border-box;display:flex;flex-flow:row wrap;font-size:16px;height:0;justify-content:flex-start;left:50%;letter-spacing:1px;line-height:24px;opacity:0;overflow-x:hidden;overflow-y:auto;scrollbar-width:none;text-align:center;text-align:left;top:0;-webkit-transform:translateX(-50%);transform:translateX(-50%);transition:width 0s cubic-bezier(.19,1,.22,1),height 0s cubic-bezier(.19,1,.22,1),opacity 1s linear;width:0}#content-work.on{height:calc(93vh - 80px);opacity:1;width:90%}#content-work #center-work{padding:50px 5vw!important}#content-work #center-work a{background-color:#80f;color:#fff;text-decoration:none}@media screen and (orientation:portrait){#content-work{line-height:18px}#content-work.on{opacity:1}}@media screen and (orientation:landscape){#content-work{line-height:18px}#content-work.on{opacity:1}}@media screen and (orientation:landscape)and (max-height:400px){#content-work #center-works{padding:0 5vw!important}}#content-lab-in{-ms-overflow-style:none;align-items:flex-start;box-sizing:border-box;display:flex;flex-flow:row wrap;font-size:16px;height:0;justify-content:flex-start;left:50%;letter-spacing:1px;line-height:24px;opacity:0;overflow-x:hidden;overflow-y:auto;scrollbar-width:none;text-align:center;text-align:left;top:0;-webkit-transform:translateX(-50%);transform:translateX(-50%);transition:width 0s cubic-bezier(.19,1,.22,1),height 0s cubic-bezier(.19,1,.22,1),opacity 1s linear;width:0}#content-lab-in.on{height:calc(93vh - 80px);opacity:1;width:90%}#content-lab-in #center-lab-in{padding:50px 5vw!important}#content-lab-in #center-lab-in a{background-color:#80f;color:#fff;text-decoration:none}@media screen and (orientation:portrait){#content-lab-in{line-height:18px}#content-lab-in.on{opacity:1}}@media screen and (orientation:landscape){#content-lab-in{line-height:18px}#content-lab-in.on{opacity:1}}@media screen and (orientation:landscape)and (max-height:400px){#content-lab-in #center-lab-ins{padding:0 5vw!important}}.videoPlayer{height:100%!important;left:0;max-height:450px!important;top:0;width:100%!important}.videoPlayer,.videoPlayer div{position:absolute}
/*# sourceMappingURL=main.33eb95be.css.map*/