@font-face{font-family:radikalregular;src:local("radikalregular"),url(/fonts/radikal_regular-webfont.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:radikallight;src:local("radikallight"),url(/fonts/radikal_light-webfont.woff2) format("woff2");font-weight:200;font-style:normal;font-display:swap}@font-face{font-family:radikalthin;src:local("radikalthin"),url(/fonts/radikal_thin-webfont.woff2) format("woff2");font-weight:100;font-style:normal;font-display:swap}*{box-sizing:border-box}html,body,#root{width:100vw;height:100vh;margin:0;padding:0;background-color:#272727;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:hidden}html.mobile #root{height:100dvh}html.mobile #root #awwwards{display:none;pointer-events:none;transform-origin:right center;transform:translateY(-50%) scale(.85)}html.mobile #root .fr-text h1{transform:scaleX(3);text-transform:uppercase}html.mobile #root .main-title{overflow:visible!important;margin-top:180px;transform-origin:top center;transform:translate(10px) scale(.63)}html.mobile #root .main-title h1{font-size:70px;margin:10px 0}html.mobile #root .main-title h2{font-size:50px;font-weight:800;opacity:1;gap:0 15px}html.mobile #root .fr-text .fr-text-content.active{transform-origin:top;transform:scale(1.8) translateY(20vh) translate(-20px)}html.mobile #root .fr-text .fr-text-content.active h1{transform:scaleX(2)}html.mobile #root .fr-text .fr-text-content.active>div:nth-child(1){width:120%;margin-left:-25%;padding:25px;margin-top:-70dvh}html.mobile #root .fr-text .fr-text-content.active>div:nth-child(1) p{font-size:20px;text-wrap:balance}html.mobile #root .fr-text .fr-text-content>div:nth-child(2){visibility:hidden}html.mobile #root .ui-nav{padding:10px;right:0}html.mobile #root .ui-nav aside{--li-size: 55px;--li-gap: 20px}html.mobile #root .ui-nav aside ul{top:58px;right:120px}html.mobile #root .ui-nav aside ul>li svg{transform-origin:top center;transform:scale(.85)}html.mobile #root .ui-nav aside ul>li:after{font-size:x-small}html.mobile #root .ui-nav aside ul>li:nth-child(3):after{left:-10px}html.mobile #root .ui-nav aside .burger-wrapper .burger{transform:scale(1)}html.mobile #root .ui-nav aside .burger-wrapper .burger-box{transform:scale(.65)!important}html.mobile #root .ui-nav aside .sound{position:absolute!important;bottom:0;transform:translateY(-20px)!important}html.mobile #root .ui-nav aside .sound>div{bottom:20px!important}html.mobile #root .ui-nav aside .sound span{max-height:25px}html.mobile #root .ui-nav aside .sound.sound--active:before{transform:scale(1.1)!important}html.mobile #root .portfolio-item-svg{transform:scale(.6) translateY(50px)}html.mobile #root .button-item-svg a{padding:15px!important}html.mobile #root .portfolio-item-detail h3{font-size:small;letter-spacing:.2em}html.mobile #root .portfolio-item-detail p{font-size:small}html.mobile #root .skills-HUD{justify-content:center;text-align:center;top:50%;right:0;width:100%;pointer-events:none}html.mobile #root .skills-HUD>h3{font-size:6vw}html.mobile #root .credits>div{--height: 70vmax;border-radius:5px 5px 0 0;grid-template-columns:1fr;overflow:auto;padding:50px 25px 100px 25}@media (orientation: landscape){html.mobile #root .credits>div{--height: 70vmin}}html.mobile #root .credits>div dt,html.mobile #root .credits>div dd{margin:5px 0;margin-inline-start:15px}html.mobile #root .credits.active>div{transform:translateY(0)!important}html.mobile #root .credits p{grid-template-columns:1fr}html.mobile #root .credits h3{margin:0}html.mobile #root .credits img{display:none}html.mobile #root .cinematic-stripe{display:none!important}html.mobile #root .credits-close-button>div>svg{transform:scale(4)}canvas{width:100%;height:100%}body{position:fixed;overflow:hidden;overscroll-behavior-y:none;font-family:radikalthin;color:#000;-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}.__html.__html--active{opacity:1}#awwwards{position:fixed;z-index:9999999999999999999999999999999999;transform:translateY(-50%);top:50%;right:-100px;transition:right 1.2s ease 1s}#awwwards.active{right:0}html.isTransition *,html.isTransition *:after,html.isTransition *:before{animation:none!important}#root :is(.main-title h1,.main-title h2,.fr-description h1,.fr-description h2,.span){color:#ffffffb3;margin:0;padding:0;display:flex;justify-content:center;align-items:center;font-weight:400;height:100px}#root h1{gap:0 1px;font-size:5rem;font-family:Zen Dots,sans-serif}#root h2{font-size:2.45rem;gap:0 29px;opacity:.8;height:50px!important}#root .ui-nav{position:fixed;z-index:19214748364799998!important;top:0;right:25px;width:100%;height:100dvh;padding:25px;background-color:transparent;pointer-events:none;opacity:0;transition:opacity .8s ease}#root .ui-nav:before{content:"";display:block;position:fixed;z-index:1;top:0;left:0;width:100%;height:100%;background-color:#0000;transition:background-color .3s ease}#root .ui-nav:has(.burger-wrapper--active){pointer-events:all}#root .ui-nav:has(.burger-wrapper--active):before{background-color:#00000080}#root .ui-nav:after{content:"";display:block;position:absolute;z-index:0;top:0;left:50%;width:1px;height:100%;background-color:#fff3;display:none}#root .ui-nav>aside{--li-gap: 10px;--li-size: 100px;--li-border-radius: 4px;position:relative;z-index:2;transform-origin:center bottom;transform:scale(1) translateY(0);min-width:max-content;display:flex;gap:10px 0;flex-direction:column;height:100%;align-items:flex-end;justify-content:flex-start}#root .ui-nav>aside ul{position:absolute;top:100px;right:200px;z-index:0;margin:0;padding:0;list-style-type:none;display:flex;flex-direction:column;justify-content:flex-end;gap:var(--li-gap) 0}#root .ui-nav>aside ul>li{position:absolute;bottom:0;opacity:0;transition:opacity .3s ease,transform .3s ease;pointer-events:none}#root .ui-nav>aside ul>li:nth-child(4){transform:translate(0);opacity:0;transition-delay:.1s,.1s}#root .ui-nav>aside ul>li:nth-child(3){transform:translate(0);opacity:0;transition-delay:.2s,.2s}#root .ui-nav>aside ul>li:nth-child(2){transform:translate(0);opacity:0;transition-delay:calc(.1s * 3),calc(.1s * 3)}#root .ui-nav>aside ul>li:nth-child(1){transform:translate(0);opacity:0;transition-delay:.4s,.4s}#root .ui-nav>aside>div.burger-wrapper,#root .ui-nav>aside li,#root .ui-nav>aside>div.sound{position:relative;z-index:1;cursor:pointer;display:grid;justify-content:center;text-align:center;width:var(--li-size);height:var(--li-size);place-content:center;pointer-events:fill}#root .ui-nav>aside>div.burger-wrapper.burget-wrapper,#root .ui-nav>aside li.burget-wrapper,#root .ui-nav>aside>div.sound.burget-wrapper{transition:transform .3s ease-in-out}#root .ui-nav>aside>div.burger-wrapper .burger,#root .ui-nav>aside li .burger,#root .ui-nav>aside>div.sound .burger{display:inline-block;overflow:visible;margin:0;padding:15px;cursor:pointer;transition-timing-function:linear;transition-duration:.15s;transition-property:opacity,filter;text-transform:none;color:inherit;border:0;transform:scale(.8) translateY(2px);background-color:transparent}#root .ui-nav>aside>div.burger-wrapper .burger:after,#root .ui-nav>aside li .burger:after,#root .ui-nav>aside>div.sound .burger:after{content:"menu";display:block;position:absolute;bottom:-10px;left:0;width:100%;text-align:center;color:#fff;font-size:medium;transition:opacity .4s ease}#root .ui-nav>aside>div.burger-wrapper .burger>.burger-box,#root .ui-nav>aside li .burger>.burger-box,#root .ui-nav>aside>div.sound .burger>.burger-box{position:relative;display:inline-block;width:40px;height:24px;transition:transform .3s ease;transform:rotate(0)}#root .ui-nav>aside>div.burger-wrapper .burger>.burger-box>.burger-inner,#root .ui-nav>aside li .burger>.burger-box>.burger-inner,#root .ui-nav>aside>div.sound .burger>.burger-box>.burger-inner{position:absolute;top:50%;display:block;margin-top:-2px;width:40px;height:4px;transition-timing-function:ease;transition-duration:.15s;transition-property:transform;border-radius:4px;background-color:#fff}#root .ui-nav>aside>div.burger-wrapper .burger>.burger-box>.burger-inner:before,#root .ui-nav>aside>div.burger-wrapper .burger>.burger-box>.burger-inner:after,#root .ui-nav>aside li .burger>.burger-box>.burger-inner:before,#root .ui-nav>aside li .burger>.burger-box>.burger-inner:after,#root .ui-nav>aside>div.sound .burger>.burger-box>.burger-inner:before,#root .ui-nav>aside>div.sound .burger>.burger-box>.burger-inner:after{content:"";display:block;position:absolute;width:40px;height:4px;background-color:#fff;border-radius:4px;transition-timing-function:ease ease ease;transition-delay:0ms;transition-duration:.15s,.15s,.15s;transition-property:top,bottom,transform}#root .ui-nav>aside>div.burger-wrapper .burger>.burger-box>.burger-inner:before,#root .ui-nav>aside li .burger>.burger-box>.burger-inner:before,#root .ui-nav>aside>div.sound .burger>.burger-box>.burger-inner:before{top:-10px}#root .ui-nav>aside>div.burger-wrapper .burger>.burger-box>.burger-inner:after,#root .ui-nav>aside li .burger>.burger-box>.burger-inner:after,#root .ui-nav>aside>div.sound .burger>.burger-box>.burger-inner:after{bottom:-10px}#root .ui-nav>aside>div.burger-wrapper.burger-wrapper--active>.burger:after,#root .ui-nav>aside li.burger-wrapper--active>.burger:after,#root .ui-nav>aside>div.sound.burger-wrapper--active>.burger:after{opacity:0}#root .ui-nav>aside>div.burger-wrapper.burger-wrapper--active .burger-box,#root .ui-nav>aside li.burger-wrapper--active .burger-box,#root .ui-nav>aside>div.sound.burger-wrapper--active .burger-box{transition-timing-function:cubic-bezier(.18,.89,.32,1.28)}#root .ui-nav>aside>div.burger-wrapper.burger-wrapper--active .burger-box>.burger-inner:before,#root .ui-nav>aside li.burger-wrapper--active .burger-box>.burger-inner:before,#root .ui-nav>aside>div.sound.burger-wrapper--active .burger-box>.burger-inner:before{transform:translate3d(-8px,0,0) rotate(-45deg) scaleX(.7)}#root .ui-nav>aside>div.burger-wrapper.burger-wrapper--active .burger-box>.burger-inner:after,#root .ui-nav>aside li.burger-wrapper--active .burger-box>.burger-inner:after,#root .ui-nav>aside>div.sound.burger-wrapper--active .burger-box>.burger-inner:after{transform:translate3d(-8px,0,0) rotate(45deg) scaleX(.7)}#root .ui-nav>aside>div.burger-wrapper svg,#root .ui-nav>aside li svg,#root .ui-nav>aside>div.sound svg{margin:0 auto}#root .ui-nav>aside>div.burger-wrapper path,#root .ui-nav>aside li path,#root .ui-nav>aside>div.sound path{fill:#fffc}#root .ui-nav>aside>div.burger-wrapper:after,#root .ui-nav>aside li:after,#root .ui-nav>aside>div.sound:after{content:attr(data-title);text-transform:capitalize;display:block;width:100%;font-family:Zen Dots,sans-serif;text-transform:uppercase;font-size:small;text-align:center;color:#fff;position:absolute;bottom:0;opacity:.45;transition:transform .3s ease-in-out .25s,opacity .3s ease-in-out;transform:translate(0) translateY(20px)}#root .ui-nav>aside>div.burger-wrapper:before,#root .ui-nav>aside li:before,#root .ui-nav>aside>div.sound:before{content:"";display:block;width:100%;height:100%;position:absolute;top:0;left:0;transform:scale(1);border-radius:var(--li-border-radius);border:1px solid white;opacity:0;transition:transform .3s ease-in-out,opacity .3s ease-in-out}#root .ui-nav>aside>div.burger-wrapper.disabled,#root .ui-nav>aside li.disabled,#root .ui-nav>aside>div.sound.disabled{pointer-events:none;background:rgba(255,255,255,.1)}#root .ui-nav>aside>div.burger-wrapper.disabled:after,#root .ui-nav>aside li.disabled:after,#root .ui-nav>aside>div.sound.disabled:after{opacity:1}#root .ui-nav>aside>div.burger-wrapper:hover:after,#root .ui-nav>aside>div.burger-wrapper a:active:after,#root .ui-nav>aside li:hover:after,#root .ui-nav>aside li a:active:after,#root .ui-nav>aside>div.sound:hover:after,#root .ui-nav>aside>div.sound a:active:after{transition:none!important;opacity:1}#root .ui-nav>aside>div.burger-wrapper:not(.burger-wrapper):not(.sound):hover,#root .ui-nav>aside>div.burger-wrapper:not(.burger-wrapper):not(.sound) a:active,#root .ui-nav>aside li:not(.burger-wrapper):not(.sound):hover,#root .ui-nav>aside li:not(.burger-wrapper):not(.sound) a:active,#root .ui-nav>aside>div.sound:not(.burger-wrapper):not(.sound):hover,#root .ui-nav>aside>div.sound:not(.burger-wrapper):not(.sound) a:active{background-color:#ffffff1a}#root .ui-nav>aside>div.burger-wrapper.burger-wrapper:not(.burger-wrapper--active):hover:before,#root .ui-nav>aside>div.burger-wrapper.burger-wrapper:not(.burger-wrapper--active) a:active:before,#root .ui-nav>aside li.burger-wrapper:not(.burger-wrapper--active):hover:before,#root .ui-nav>aside li.burger-wrapper:not(.burger-wrapper--active) a:active:before,#root .ui-nav>aside>div.sound.burger-wrapper:not(.burger-wrapper--active):hover:before,#root .ui-nav>aside>div.sound.burger-wrapper:not(.burger-wrapper--active) a:active:before{transform:scale(.8);background-color:#ffffff1a;opacity:.25}#root .ui-nav>aside>div.burger-wrapper.sound,#root .ui-nav>aside li.sound,#root .ui-nav>aside>div.sound.sound{transform:translateY(-35px);opacity:.25;border-radius:.3rem;display:flex;justify-content:space-evenly;align-items:flex-end;position:relative}#root .ui-nav>aside>div.burger-wrapper.sound.sound--active,#root .ui-nav>aside li.sound.sound--active,#root .ui-nav>aside>div.sound.sound.sound--active{opacity:1}#root .ui-nav>aside>div.burger-wrapper.sound.sound--active span,#root .ui-nav>aside li.sound.sound--active span,#root .ui-nav>aside>div.sound.sound.sound--active span{animation:volumeAnimation 1.3s ease infinite alternate}#root .ui-nav>aside>div.burger-wrapper.sound:hover:before,#root .ui-nav>aside>div.burger-wrapper.sound a:active:before,#root .ui-nav>aside li.sound:hover:before,#root .ui-nav>aside li.sound a:active:before,#root .ui-nav>aside>div.sound.sound:hover:before,#root .ui-nav>aside>div.sound.sound a:active:before{transform:scale(.8);background-color:#ffffff1a;opacity:.25}#root .ui-nav>aside>div.burger-wrapper.sound>div,#root .ui-nav>aside li.sound>div,#root .ui-nav>aside>div.sound.sound>div{width:100%;height:100%;position:absolute;bottom:42px;display:flex;align-items:flex-end;justify-content:center;gap:5px;max-height:40px}#root .ui-nav>aside>div.burger-wrapper.sound>div:after,#root .ui-nav>aside li.sound>div:after,#root .ui-nav>aside>div.sound.sound>div:after{content:"sound";display:block;position:absolute;bottom:-23px;left:0;width:100%;text-align:center;color:#fff;font-size:small}#root .ui-nav>aside>div.burger-wrapper.sound>div>span,#root .ui-nav>aside li.sound>div>span,#root .ui-nav>aside>div.sound.sound>div>span{display:inline-block;background:white;width:3%;height:100%}#root .ui-nav>aside>div.burger-wrapper.sound>div>span.playing__bar1,#root .ui-nav>aside li.sound>div>span.playing__bar1,#root .ui-nav>aside>div.sound.sound>div>span.playing__bar1{height:30%}#root .ui-nav>aside>div.burger-wrapper.sound>div>span.playing__bar2,#root .ui-nav>aside li.sound>div>span.playing__bar2,#root .ui-nav>aside>div.sound.sound>div>span.playing__bar2{height:60%;animation-delay:-2.2s}#root .ui-nav>aside>div.burger-wrapper.sound>div>span.playing__bar3,#root .ui-nav>aside li.sound>div>span.playing__bar3,#root .ui-nav>aside>div.sound.sound>div>span.playing__bar3{height:75%;animation-delay:-3.7s}#root .ui-nav>aside:has(>.burger-wrapper--active)>ul li{pointer-events:fill;border-radius:var(--li-border-radius);transition:opacity .3s cubic-bezier(.18,.89,.32,1.28),transform .3s cubic-bezier(.18,.89,.32,1.28)}#root .ui-nav>aside:has(>.burger-wrapper--active)>ul li:nth-child(4){transform:translate(calc((var(--li-size) * 0 + var(--li-gap) * 0) * -1));opacity:1;transition-delay:50ms,50ms!important}#root .ui-nav>aside:has(>.burger-wrapper--active)>ul li:nth-child(3){transform:translate(calc((var(--li-size) * 1 + var(--li-gap) * 1) * -1));opacity:1;transition-delay:100ms,100ms!important}#root .ui-nav>aside:has(>.burger-wrapper--active)>ul li:nth-child(2){transform:translate(calc((var(--li-size) * 2 + var(--li-gap) * 2) * -1));opacity:1;transition-delay:150ms,150ms!important}#root .ui-nav>aside:has(>.burger-wrapper--active)>ul li:nth-child(1){transform:translate(calc((var(--li-size) * 3 + var(--li-gap) * 3) * -1));opacity:1;transition-delay:200ms,200ms!important}html.html--loaded #root .ui-nav{transition-delay:2s;opacity:1}#root>.cinematic-stripe{--bandHeight: 50px;width:100vw;height:100dvh;position:fixed;top:0;left:0;z-index:92147483647;pointer-events:none}#root>.cinematic-stripe:after,#root>.cinematic-stripe:before{content:"";display:block;width:100%;height:var(--bandHeight);position:absolute;top:0;left:0;transition:all 1s cubic-bezier(.25,.46,.45,.94) .25s;background-color:#000000f2;transform:translateY(-100%)}#root>.cinematic-stripe:before{top:auto;bottom:0;transform:translateY(100%)}#root.active>.cinematic-stripe:after,#root.active>.cinematic-stripe:before{transform:none}#root .skills-HUD{display:flex;flex-flow:column nowrap;gap:10px;position:absolute;top:50%;right:10%;transform:translateY(-50%);pointer-events:none}#root .skills-HUD>h3{font-family:Zen Dots,sans-serif;color:#fff;font-size:xx-large;margin:0;padding:0;clip-path:inset(0 0 35px 0);transform-origin:left bottom;opacity:0;color:#fb0;transform:perspective(250px) translateY(-40px) scaleY(4.55)}#root .skills-HUD>h3.active{transition:transform .3s cubic-bezier(.25,.46,.45,.94),clip-path .3s cubic-bezier(.25,.46,.45,.94),opacity .8s ease,color .8s ease;clip-path:inset(0);transform:none;color:#fff;opacity:.75}#root .skills-HUD>h3.leave{opacity:0}#root :is(.main-title:not(.active),.fr-description:not(.active)){visibility:hidden!important}#root :is(.fr-description span,.frlux-description span){font-size:3rem;color:#fee8cd}#root :is(.befr-description span){font-size:1.25rem;color:#cddcfe}#root .main-title{opacity:0;transition:opacity .8s ease-out}#root .main-title>div{opacity:0;transition:opacity .8s ease-out}#root .main-title *{pointer-events:none!important}#root .main-title.active{opacity:1}#root .main-title.active>div{opacity:1}#root .frlux-description *{pointer-events:none!important}#root .frlux-description .span>span,.befr-description .span>span{transition:transform .6s ease,opacity .6s ease}#root :is(.fr-description .span,.frlux-description .span,.befr-description .span){height:30px}#root :is(.fr-description .span>span,.frlux-description .span>span,.befr-description .span>span){opacity:0;transform:scale(0) translateZ(0)}#root :is(.fr-description .span.active>span,.frlux-description .span.active>span,.befr-description .span.active>span){opacity:1;transform:none;transition:transform .6s ease,opacity .6s ease}#root .fr-text *,#root .fr-description *,#root .befr-description *{pointer-events:none!important}#root .fr-text h1{margin:0;padding:0;transform-origin:left top;transform:scaleX(4)}#root .fr-text .fr-text-content{max-width:600px;transform:translate(-125px) translateY(50px);padding:20px;visibility:hidden}#root .fr-text .fr-text-content>div{color:#fff;font-size:1.35rem;line-height:1.3;text-align:left;text-wrap:pretty;width:fit-content;overflow:hidden;padding:15px 50px}#root .fr-text .fr-text-content .scroller{text-align:pretty}#root .fr-text .fr-text-content>div:nth-child(1){transform:translateY(410px);position:relative;background-color:#0000}#root .fr-text .fr-text-content.active>div:nth-child(1){background-color:#3405108c;transition:background-color 1s ease 2s}#root .fr-text .fr-text-content>div:nth-child(1):after{content:"";display:block;width:calc(100% - 2px);height:calc(100% - 2px);border:1px solid white;position:absolute;top:0;left:0;clip-path:circle(0% at 50% 50%);opacity:0}#root .fr-text .fr-text-content.active>div:nth-child(1):after{transition:all 1s cubic-bezier(.22,.61,.36,1) 2s}#root .fr-text .fr-text-content>div:nth-child(2){transform:perspective(605px) rotateX(83deg) translateZ(-100px) translateY(335px) translate(0) scale(1);overflow:hidden;opacity:.4}#root .fr-text .fr-text-content>div:nth-child(1) .scroller{transform:translateY(640px)}#root .fr-text .fr-text-content.active>div:nth-child(1) .scroller{transition:all 1s cubic-bezier(.25,.46,.45,.94) 1.2s}#root .fr-text .fr-text-content>div:nth-child(2) .scroller{transform:translateY(500px)}#root .fr-text .fr-text-content.active>div:nth-child(2) .scroller{transition:all 2s cubic-bezier(.4,0,1,1)}#root .fr-text .fr-text-content.active{visibility:visible}#root .fr-text .fr-text-content.active>div:nth-child(1):after{clip-path:circle(80%);opacity:1}#root .fr-text .fr-text-content.active>div:nth-child(1) .scroller{transform:translateY(0)}#root .fr-text .fr-text-content.active>div:nth-child(2) .scroller{transform:translateY(-670px)}#root .contactButton{width:253px;height:50px;position:relative;cursor:pointer}#root .contactButton>div{display:flex;align-items:center;background-color:#71556b;border-radius:5px;width:inherit;height:inherit;cursor:pointer;border:1px solid white;transform-origin:center;transform:translateY(100px);opacity:0;transition:transform .3s ease .18s,opacity .3s ease .18s,background-color .3s ease;position:relative}#root .contactButton>div>img{display:block;width:110px;height:138px;position:relative;z-index:5;top:0;left:0;flex:0 0 120px;transform-origin:center bottom;transform:translateY(-46px);clip-path:inset(100% 0 0 0);transition:clip-path .4s ease .15s}#root .contactButton>div>p{display:block;text-align:center;position:relative;flex:1;color:#fff;transform:translateY(25px);opacity:0;font-size:.85rem;transition:transform .4s ease .25s,opacity .4s ease .25s}#root .contactButton>div:before{content:"";display:block;width:100%;height:100%;position:absolute;border-radius:5px;top:0;left:0;background:linear-gradient(to left,rgba(255,255,255,.5) 0%,rgba(255,255,255,0) 40%) 0px center content-box;mix-blend-mode:overlay;z-index:1}#root .contactButton>div:hover{background-color:#ac82a3}#root .contactButton:after{content:"";display:block;width:100%;height:150px;position:absolute;bottom:-50px;border:2px dashed white;background-color:#ffffff4d;border-radius:25px;left:0;z-index:-1;opacity:.5;transition:opacity .6s ease,border-color .3s ease}#root .contactButton:not(.disabled):hover:after{opacity:0;border-color:transparent}#root .contactButton:not(.disabled):hover>div{opacity:1;transform:translateY(70px)}#root .contactButton:not(.disabled):hover>div>img{clip-path:inset(0 0 0 0)}#root .contactButton:not(.disabled):hover>div>p{opacity:1;transform:translateY(0)}#root .contactButton:not(.disabled):hover>div:before{animation:buttonBackgroundAnimation 1.5s ease-in-out infinite}#root .contactButton.disabled:after{opacity:0!important}#root .contactButton.contactButton--hide:after{opacity:0!important;border-color:transparent!important}#root div:has(>div>.contactButton.disabled){pointer-events:none!important}#root .portfolio-item{z-index:100!important}#root .portfolio-item>div:not(.portfolio-item-detail){display:flex;flex-direction:column;justify-content:flex-end;pointer-events:none}#root .portfolio-item>div:not(.portfolio-item-detail)>div{text-align:center;padding:0 10px;text-wrap:balance;display:flex;flex-direction:column;align-items:center}#root .portfolio-item>div:not(.portfolio-item-detail)>div>div.portfolio-item-svg{flex:0 0 200px}#root .portfolio-item>div:not(.portfolio-item-detail)>div>div.portfolio-item-svg.opacity-1{opacity:1;transition:opacity .6s ease 50ms}#root .portfolio-item>div:not(.portfolio-item-detail)>div>div.portfolio-item-svg>svg{transform-origin:top center}#root .portfolio-item>div:not(.portfolio-item-detail)>div>div.button-item-svg{display:flex;justify-self:flex-end;place-content:center;color:#fff;width:100%;position:relative;z-index:1;pointer-events:fill;gap:0 10px}#root .portfolio-item>div:not(.portfolio-item-detail)>div>div.button-item-svg:not(:has(>div+div))>div{width:100%}#root .portfolio-item>div:not(.portfolio-item-detail)>div>div.button-item-svg>div>a{display:inline-block;position:relative;bottom:0;padding:25px;pointer-events:fill;color:#fff;font-family:Zen Dots,sans-serif;text-decoration:none;transition:background-color .3s ease;border-radius:3px}#root .portfolio-item>div:not(.portfolio-item-detail)>div>div.button-item-svg>div>a:after{content:"";display:block;width:100%;height:100%;border:1px solid white;transform-origin:center;transition:transform .3s cubic-bezier(.42,0,.56,1.45);position:absolute;z-index:-1;top:0;left:0}#root .portfolio-item>div:not(.portfolio-item-detail)>div>div.button-item-svg>div>a>svg{transition:transform .3s cubic-bezier(.42,0,.56,1.45);transform:scale(1.15)}#root .portfolio-item>div:not(.portfolio-item-detail)>div>div.button-item-svg>div>a:not(.mobile):hover,#root .portfolio-item>div:not(.portfolio-item-detail)>div>div.button-item-svg>div>a.mobile:active{background-color:#876473}#root .portfolio-item>div:not(.portfolio-item-detail)>div>div.button-item-svg>div>a:not(.mobile):hover:after,#root .portfolio-item>div:not(.portfolio-item-detail)>div>div.button-item-svg>div>a.mobile:active:after{transform:scale(1.3);border-color:#d4c4cb;opacity:.8}#root .portfolio-item>div:not(.portfolio-item-detail)>div>div.button-item-svg>div>a:not(.mobile):hover>svg,#root .portfolio-item>div:not(.portfolio-item-detail)>div>div.button-item-svg>div>a.mobile:active>svg{transform:scale(1.3)}#root .portfolio-item>div:not(.portfolio-item-detail)>div>div.button-item-svg>div>a:not(.mobile):hover>svg.rocket>path:first-child,#root .portfolio-item>div:not(.portfolio-item-detail)>div>div.button-item-svg>div>a.mobile:active>svg.rocket>path:first-child{animation:rocketAnimation 80ms ease-in-out infinite alternate}#root .portfolio-item>div:not(.portfolio-item-detail)>div>div.button-item-svg.opacity-1{opacity:1!important;transition:opacity .6s ease .3s}#root .portfolio-item .portfolio-item-detail{width:100%;height:100%;position:absolute;z-index:0;top:0;left:0;transition:clip-path .6s cubic-bezier(.55,.06,.68,.19);display:flex;flex-direction:column;align-items:center;justify-content:center;clip-path:inset(50% 0 50% 0);background:hsla(334,15%,42%,1) content-box;border:15px solid transparent;overflow:hidden}#root .portfolio-item .portfolio-item-detail :is(h3,p){color:#fff;transform:translateY(50px);opacity:0;transition:transform .15s cubic-bezier(.55,.06,.68,.19) 50ms,opacity .15s cubic-bezier(.55,.06,.68,.19) 50ms}#root .portfolio-item .portfolio-item-detail>h3{font-size:large;font-weight:400;font-family:Zen Dots,sans-serif;margin:0;padding:0;text-align:center;text-transform:uppercase}#root .portfolio-item .portfolio-item-detail>p.role{position:relative;color:#fff9}#root .portfolio-item .portfolio-item-detail>p.role:after{content:"";display:block;width:50%;position:absolute;top:0;left:50%;transform:translate(-50%) translateY(-15px);height:1px;background-color:#fff;clip-path:inset(0 50% 0 50%);transition:clip-path .6s ease .45s}#root .portfolio-item .portfolio-item-detail:after{content:"";display:block;position:absolute;top:0;left:0;background:linear-gradient(hsla(334,15%,42%,1),hsla(334,15%,42%,1)) content-box,radial-gradient(circle,white 20%,transparent) border-box;width:100%;height:100%;border:0px solid transparent;z-index:-1}#root .portfolio-item .portfolio-item-detail:before{content:"";display:block;position:absolute;width:calc(100% - 2px);height:100%;top:0;left:0;z-index:0;background:linear-gradient(hsla(334,15%,42%,1),hsla(334,15%,42%,1)) content-box,radial-gradient(circle,rgb(255,255,255) 60%,transparent) border-box;border-left:1px solid transparent;border-right:1px solid transparent;transform:translateY(-150%);transform-origin:center;transition:transform 2.2s ease 80ms}#root .portfolio-item .portfolio-item-detail.portfolio-item-detail--active{transition-timing-function:cubic-bezier(.22,.61,.36,1);clip-path:inset(0 0 35px 0)}#root .portfolio-item .portfolio-item-detail.portfolio-item-detail--active :is(h3,p){opacity:1;transform:none;transition-timing-function:cubic-bezier(.22,.61,.36,1);transition-duration:.6s,1.2s}#root .portfolio-item .portfolio-item-detail.portfolio-item-detail--active>h3{transition-delay:.2s}#root .portfolio-item .portfolio-item-detail.portfolio-item-detail--active>p{transition-delay:.3s}#root .portfolio-item .portfolio-item-detail.portfolio-item-detail--active>p.role:after{clip-path:inset(0 0 0 0)}#root .portfolio-item .portfolio-item-detail.portfolio-item-detail--active:before{transform:translateY(150%)}#root .portfolio-item.portfolio-item--disabled{visibility:hidden}#root .portfolio-item.portfolio-item--disabled .button-item-svg{pointer-events:none}#root pre{display:inline}#leva__root{position:relative!important;z-index:9999999999!important}div:has(>.r3f-perf){transform:translate(-40px,-150px)}#root>div[class*=leva-c]{z-index:992147483647}.joystick{z-index:99999999999999999999999;transition:opacity .8s ease;opacity:0;position:relative}.joystick>div{outline-color:#fff9;outline-style:solid;outline-width:.1ch}.joystick>div>div{background:rgba(255,255,255,.6)}.joystick:before{content:"";position:absolute;top:-40px;left:calc(50% + 30px);transform:rotate(25deg) translate(-50%) translateY(-10px) scale(.5);display:block;width:32px;height:38px;opacity:.5;animation:joystickArrowNotification .8s ease-in-out infinite alternate-reverse;background:url(data:image/png;base64,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)}.joystick:after{content:"";pointer-events:none;font-size:.4rem;text-align:center;display:flex;align-items:center;justify-content:center;color:#fff;font-family:Zen Dots,sans-serif;text-transform:uppercase;width:40px;height:40px;border:4px solid white;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(1);opacity:1;border-radius:50%;animation:joystickNotification 1.6s ease infinite}.joystick:after,.joystick:before{transition:opacity .6s ease}.joystick.disable-notification:after,.joystick.disable-notification:before{opacity:0;pointer-events:none;animation:none;transition:none}.joystick.disabled{opacity:0!important;pointer-events:none}html.html--loaded .joystick{transition-delay:1s;opacity:1}#root section.credits{transform:none!important}#root section.credits:before{content:"";display:block;position:fixed;top:0;left:0;width:100vw;height:100%;background-color:#1d161900;transition:background-color 1s ease;z-index:-1;pointer-events:none}#root section.credits>div{--height: 70vmin;--sb-track-color: #643c4f;--sb-thumb-color: #9caec0;--sb-size: 2px;position:fixed!important;transform:none!important;bottom:0!important;top:auto!important;left:0!important;width:100vw!important;height:var(--height)!important;overflow-y:auto;border-radius:5px 5px 0 0;transform:translateY(100%)!important;transition:transform 1s ease;background:linear-gradient(180deg,#7c5b72 0%,#bf8c98 80%);opacity:1;display:grid;align-items:flex-start;grid-template-columns:repeat(2,1fr);color:#e6e6e6;padding:25px 4vw;gap:0 3vw;scrollbar-color:var(--sb-thumb-color) var(--sb-track-color);overscroll-behavior:contain;scrollbar-width:thin}#root section.credits>div::-webkit-scrollbar{width:var(--sb-size)}#root section.credits>div::-webkit-scrollbar-track{background:var(--sb-track-color);border-radius:10px}#root section.credits>div::-webkit-scrollbar-thumb{background:var(--sb-thumb-color);border-radius:10px}#root section.credits>div>article{padding:0 15px;font-size:large;line-height:1.5}#root section.credits>div>article>div h3{font-family:Zen Dots,sans-serif;font-weight:300;font-size:xx-large;border-bottom:1px solid white;text-wrap:pretty}#root section.credits>div>article>div a{display:inline-block;background-color:#5e3f5900;border-left:1px solid hsla(314,14%,81%,.8);color:#f3edf2cc;padding:2px 5px;margin:2px 0;opacity:1;text-decoration:none;transition:color .3s ease}#root section.credits>div>article>div a:hover{color:#644563}#root section.credits>div>article>div dl dd{margin-inline-start:10px}#root section.credits>div>article>div h4{text-wrap:pretty}#root section.credits>div>article>div h4+p{display:grid;grid-template-columns:repeat(2,auto)}#root section.credits>div>article>div h4+h4{font-weight:400}#root section.credits>div img{position:absolute;z-index:-1;bottom:0;left:0%;opacity:.45}#root section.credits.active:before{background-color:#1d1619cc}#root section.credits.active>div .close{opacity:.2}#root section.credits.active>div{transform:none!important}#root:has(.credits.active) .contactButton{pointer-events:none!important}#root .credits-close-button{left:50%!important;transform:translate(-50%)!important;top:10%!important}#root .credits-close-button>div{cursor:pointer;pointer-events:none;opacity:0;transform:scale(0) rotate(45deg)!important;transition:opacity .3s ease,transform .8s ease}#root .credits-close-button>div>svg{transform:scale(8)}#root .credits-close-button.disabled>div{transform:scale(1) rotate(0)!important;opacity:.2}html.mobile #root .cursor-scroll{display:none!important}html:not(.mobile) #root .cursor-scroll{position:fixed;z-index:999999999999999999;transform:translate(25px);pointer-events:none;text-transform:uppercase;padding:10px;border-radius:8px;background-color:#0000000d;clip-path:inset(0 0 0 0);color:#fff;font-size:smaller;font-family:zen dots,sans-serif;transition:clip-path .6s ease,transform .4s ease;overflow:hidden}html:not(.mobile) #root .cursor-scroll>pre{display:inline-block;position:relative}html:not(.mobile) #root .cursor-scroll>pre:after{content:"";display:block;position:absolute;top:-2px;left:2px;width:8px;height:13px;border-radius:4px;border:2px solid white}html:not(.mobile) #root .cursor-scroll>pre:before{content:"";display:block;width:2px;height:13px;background-color:#fff;position:absolute;top:0;left:7px;clip-path:inset(1px 0 8px 0);animation:animationCursorScroll 1s ease-in-out infinite}html:not(.mobile) #root .cursor-scroll.cursor-scroll--hidden{clip-path:inset(0 0 0 100%);transform:translate(-25px)}html:not(.mobile) #cookie:hover+#root .cursor-scroll,html:not(.mobile) #root:has(.credits.active) .cursor-scroll{clip-path:inset(0 0 0 100%);transform:translate(-25px)}input.slider{position:fixed;bottom:20%;left:5%;z-index:9999999999;transform:scale(2)}@keyframes animationCursorScroll{to{clip-path:inset(8px 0 1px 0)}}@keyframes joystickNotification{to{transform:translate(-50%,-150%) scale(1);opacity:0}}@keyframes joystickArrowNotification{to{transform:rotate(25deg) translate(-50%) translateY(-0px) scale(.5)}}@keyframes buttonBackgroundAnimation{to{background-position-x:250px}}@keyframes backgroundColorAnimation{to{background-color:#7b5b6980}}@keyframes rocketAnimation{to{transform:translateY(2px) translate(-2px);opacity:.25}}@keyframes volumeAnimation{10%{height:30%}30%{height:100%}60%{height:50%}80%{height:75%}to{height:60%}}