@import url("https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@300;400;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+HK:wght@300&display=swap");html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}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:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}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:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;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,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:content-box}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}

/*! locomotive-scroll v4.0.6 | MIT License | https://github.com/locomotivemtl/locomotive-scroll */html.has-scroll-smooth{overflow:hidden}html.has-scroll-dragging{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.has-scroll-smooth body{overflow:hidden}.has-scroll-smooth [data-scroll-container]{min-height:100vh}[data-scroll-direction=horizontal] [data-scroll-container]{height:100vh;display:inline-block;white-space:nowrap}[data-scroll-direction=horizontal] [data-scroll-section]{display:inline-block;vertical-align:top;white-space:nowrap;height:100%}.c-scrollbar{position:absolute;right:0;top:0;width:11px;height:100%;transform-origin:center right;transition:transform .3s,opacity .3s;opacity:0}.c-scrollbar:hover{transform:scaleX(1.45)}.c-scrollbar:hover,.has-scroll-dragging .c-scrollbar,.has-scroll-scrolling .c-scrollbar{opacity:1}[data-scroll-direction=horizontal] .c-scrollbar{width:100%;height:10px;top:auto;bottom:0;transform:scaleY(1)}[data-scroll-direction=horizontal] .c-scrollbar:hover{transform:scaleY(1.3)}.c-scrollbar_thumb{position:absolute;top:0;right:0;background-color:#000;opacity:.5;width:7px;border-radius:10px;margin:2px;cursor:-webkit-grab;cursor:grab}.has-scroll-dragging .c-scrollbar_thumb{cursor:-webkit-grabbing;cursor:grabbing}[data-scroll-direction=horizontal] .c-scrollbar_thumb{right:auto;bottom:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"kern";font-family:Source Sans Pro,sans-serif;font-kerning:normal;text-rendering:optimizeLegibility;font-variant-ligatures:common-ligatures;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%;-webkit-tap-highlight-color:transparent;overflow-x:hidden}html{box-sizing:border-box}*,:after,:before{box-sizing:inherit}h1{font-size:15vw}h2{font-size:4.45vw;font-weight:400}h4{font-size:36px}p{font-size:1.7em}a{text-decoration:none;color:unset}a.anchor-classic{text-decoration:underline;font-weight:700}ul{list-style:none}button{border:none;margin:0;padding:0;width:auto;overflow:visible;background:transparent;color:inherit;font:inherit;line-height:normal;-webkit-font-smoothing:inherit;-moz-osx-font-smoothing:inherit;-webkit-appearance:none}button:focus{outline:0}button::-moz-focus-inner{border:0;padding:0}.txt-tachado{text-decoration:line-through}.fadeOut{animation:fadeOut 1s ease-out;animation:fadeIn 1s ease-out}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media only screen and (max-width:576px){h1{font-size:50px}h2{font-size:28px}h4{font-size:26px}}.header{line-height:1}.header h1,.header h4{margin:0}.header h1{mix-blend-mode:exclusion;color:#1f1f1f}.menu-moving{position:fixed;right:0;top:0;z-index:200}.menu-moving #menu-fixed{text-align:right;top:0;width:160px;position:absolute;right:30px;transition:all 1.25s ease-out;z-index:30}.menu-moving #menu-fixed>li:hover{opacity:.5}.menu-moving .responsive-hamburger{display:none}.nav--left-top{position:fixed;left:30px;top:30px;z-index:300}.nav--go-up{opacity:1;transform:translateY(0)}.nav--go-up,.nav--go-up.hidden{transition:all .75s ease-in-out}.nav--go-up.hidden{opacity:0;transform:translateY(50px)}.nav--go-up img{width:20px;height:auto;transform:rotate(90deg)}@media only screen and (max-width:576px){.menu-moving #menu-fixed{display:none;right:-100vw;width:100vw;height:100vh;padding:0;margin:0;place-items:center;background:#1f1f1f;color:#fff;font-weight:700;font-size:32px}.menu-moving #menu-fixed.menu-active{display:grid;right:0;animation:rotateIn 1s ease-in;opacity:1}.menu-moving #menu-fixed.fadeOut{animation:fadeOut 1s ease-out}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes rotateIn{0%{transform:rotateY(-90deg)}to{transform:rotateY(0)}}.menu-moving .responsive-hamburger{display:block;margin:30px 30px 0 0;width:30px;height:20px;position:relative;align-items:center;cursor:pointer;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out;z-index:50}.menu-moving .responsive-hamburger:hover{opacity:.5}.menu-moving .responsive-hamburger span{position:absolute;display:block;width:100%;height:2px;right:0;background-color:#1f1f1f;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.menu-moving .responsive-hamburger span:first-of-type{top:0}.menu-moving .responsive-hamburger span:nth-of-type(2),.menu-moving .responsive-hamburger span:nth-of-type(3){top:calc(50% - 1px)}.menu-moving .responsive-hamburger span:nth-of-type(4){bottom:0}.menu-moving .responsive-hamburger.active span:first-of-type,.menu-moving .responsive-hamburger.active span:nth-of-type(4){opacity:0}.menu-moving .responsive-hamburger.active span:nth-of-type(2){transform:rotate(45deg)}.menu-moving .responsive-hamburger.active span:nth-of-type(3){transform:rotate(-45deg)}.menu-moving .responsive-hamburger.hamburger-light span{background-color:#fff}}.section--wrapper{min-width:100vw;min-height:120vh;position:relative;overflow:hidden}.section--content-container{padding:60px 120px;width:100%}.section--background-container,.section--overlay-container{position:absolute;top:0;left:0}.section--background-container{z-index:-1;width:100%;height:100%}.section--overlay-container{z-index:10}.section--horizontal-scroll{overflow:hidden}.section--horizontal-scroll-sections{display:flex;position:absolute;left:0;top:0;height:100%;transition:all 2s ease-in-out}.section--horizontal-scroll-sections.scrolled-to-right{transform:translate(-200vw);transition:all 2s ease-in-out}.section--horizontal-scroll-sections.scrolled-to-left{transform:translate(0);transition:all 2s ease-in-out}.section--horizontal-scroll-section{display:flex;align-items:center;width:100vw;position:relative;overflow:hidden}.the-section--landing{display:flex;align-items:center}.the-section--landing-bouncy{width:100%;height:100%;animation:fadeIn 3s ease-in}.the-section--landing-bouncy>div img{width:227px;height:auto}.the-section--landing .header h1,.the-section--landing .header h4{animation:fadeIn 2s ease-in}.the-section--who-am-i{display:flex;align-items:flex-start;height:150vh;box-sizing:content-box;padding:120px 0 300px;margin:0}.the-section--who-am-i .section--content-container{width:100%;padding:0;position:absolute;left:150px;right:60px;top:120px;max-width:80%}.the-section--who-am-i .section--content-container.is-inview h2,.the-section--who-am-i .section--content-container h2{-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.the-section--who-am-i .txt-tachado{position:relative;z-index:1000}.the-section--who-am-i .txt-tachado:after{content:"Is it crass to say you do things for money?";display:flex;justify-content:center;align-items:center;padding:15px;width:165px;height:82px;font-size:12px;font-family:Courier New,Courier,monospace;background:#fff500;position:absolute;color:#fff;top:-50px;left:15px;opacity:0;transform:rotate3d(1,1,1,105deg);-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.the-section--who-am-i .txt-tachado:hover{cursor:help}.the-section--who-am-i .txt-tachado:hover:after{background:#000;opacity:1;transform:rotate3d(1,1,1,0deg)}.the-section--who-am-i--lluvia{top:0;background:#fff500;width:100%;height:100%}.the-section--who-am-i--lluvia-drop{position:absolute;width:160px;height:200px;left:0;top:0;opacity:0;animation:animate 5s ease-in-out;background-image:url(me-machines.e9a88f6b.png);background-size:cover;background-position:50%;background-repeat:no-repeat;mix-blend-mode:screen;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.the-section--who-am-i--lluvia-drop:hover{mix-blend-mode:normal}@keyframes animate{0%{transform:translateZ(0);opacity:0}25%{opacity:1}50%{opacity:1}to{transform:translate3d(0,450%,0) scale(.9);opacity:0}}.the-section--work{display:flex;align-items:center;color:red}.the-section--work--main-list>li{margin-bottom:120px}.the-section--work--main-list .webprj-link>a{position:relative;height:fit-content;display:flex;align-items:center;height:90px}.the-section--work--main-list .webprj-link>a:hover h2{background:#000;width:100%;height:100%;color:#0f0;font-family:Courier New,Courier,monospace;margin:0;font-size:3.4vw;display:flex;align-items:center;justify-content:space-around}.the-section--work--main-list .webprj-link>a:hover #matrix{opacity:1}.the-section--work--main-list .webprj-link #matrix{opacity:0;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out;width:100%;height:100%;top:0;left:0;overflow:hidden;font-family:Courier New,Courier,monospace;font-size:20px;background:transparent;color:#0f0;position:absolute}@-webkit-keyframes fade{0%{opacity:1}to{opacity:0}}@-webkit-keyframes fall{0%{top:-250px}to{top:300px}}.the-section--work--main-list .webprj-link #matrix>div{position:absolute;top:0;-webkit-transform-origin:0;-webkit-transform:rotate(90deg);-webkit-animation-name:fall,fade;-webkit-animation-iteration-count:infinite;-webkit-animation-direction:normal;-webkit-animation-timing-function:ease-out}.the-section--work--main-list .webprj-link #matrix span{color:#0f0}.the-section--work--main-list .webprj-link .f1{font-size:1.2em}.the-section--work--main-list .webprj-link .f2{font-size:.9em}.the-section--work--main-list .webprj-link .c1{color:#0f0}.the-section--work--main-list .webprj-link .d1{-webkit-animation-duration:4s}.the-section--work--main-list .webprj-link .d2{-webkit-animation-duration:6s}.the-section--work--main-list .webprj-link .d3{-webkit-animation-duration:8s}.the-section--work--main-list .webprj-link .d4{-webkit-animation-duration:10s}.the-section--work--main-list .webprj-link .de{-webkit-animation-delay:3s}.the-section--work--main-list .artprj-link{position:relative;z-index:5}.the-section--work--main-list .artprj-link h2{z-index:10;position:relative}.the-section--work--main-list .artprj-link:after{content:"";display:block;width:390px;height:270px;left:-10%;top:-100px;opacity:0;background-image:url(rauschenberg.0039f310.jpg);background-position:50%;background-size:contain;background-repeat:no-repeat;position:absolute;transform:scale(0);-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out;z-index:6}.the-section--work--main-list .artprj-link:hover:after{opacity:1;transform:scale(1)}.the-section--work--main-list .musicprj-link{position:relative}.the-section--work--main-list .musicprj-link:after{content:"";display:block;width:25vw;height:65vh;left:40%;bottom:-50%;opacity:0;background-image:url(me-dj.da46566b.gif);background-position:50%;background-size:cover;background-repeat:no-repeat;position:absolute;z-index:-2}.the-section--work--main-list .musicprj-link:hover:after{opacity:1;z-index:5;animation:rotateX 2s ease-out;animation-iteration-count:infinite}@keyframes rotateX{0%{transform:rotateY(90deg)}60%{transform:rotateY(0)}to{transform:rotateY(-90deg)}}.the-section--contact{display:flex;align-items:center;background:#2a19ff;color:#fff}.the-section--contact .section--content-container>h2{position:relative}.the-section--contact .section--content-container>h2:hover{cursor:crosshair}.the-section--contact .section--content-container a,.the-section--contact .section--content-container i,.the-section--contact .section--content-container span,.the-section--contact .section--content-container strong{display:inline-block;transition:transform 1s ease-out;height:96px}.the-section--contact .section--content-container a:hover,.the-section--contact .section--content-container i:hover,.the-section--contact .section--content-container span:hover,.the-section--contact .section--content-container strong:hover{transform:translateY(-20px);transition:transform .1s linear}@keyframes swingup{0%{transform:translateZ(0)}50%{transform:translate3d(0,-15px,0)}to{transform:translateZ(0)}}.the-section--contact .section--content-container a:hover{cursor:pointer}.the-section--work-web-projects{color:#fff;align-items:flex-start}.the-section--work-web-projects .work-go-back img{width:60px;height:auto}.the-section--work-web-projects .section--content-container{padding-top:90px}.the-section--work-web-projects .section--content-container h2{font-weight:200}.the-section--work-web-projects .section--content-container>div{display:flex;flex-wrap:wrap;margin-bottom:45px}.the-section--work-web-projects .section--content-container>div h4{flex-basis:100%;font-size:24px;font-weight:200}.the-section--work-web-projects .section--content-container>div h4 strong{font-weight:900}.the-section--work-web-projects .section--content-container>div a{padding-right:30px;padding-bottom:15px}.the-section--work-web-projects .section--content-container>div a p{margin:0;font-size:18px;font-weight:600}.the-section--work-web-projects .section--background-container .ellipse{background:#fff;position:absolute;-webkit-box-shadow:0 0 26px 130px #fff;-moz-box-shadow:0 0 26px 130px #fff;box-shadow:0 0 26px 130px #fff;width:40vw;height:40vw;left:5vw;top:33vh;border-radius:180%;mix-blend-mode:soft-light;opacity:.25;z-index:5;animation:biglightmove 100s ease infinite}.the-section--work-web-projects .section--background-container .ellipse-rotate{background:#000;position:absolute;-webkit-box-shadow:0 0 26px 130px #000;-moz-box-shadow:0 0 26px 130px #000;box-shadow:0 0 26px 130px #000;width:355px;height:140px;left:50vw;top:50vh;border-radius:180px;animation:objectrotate 100s ease infinite;z-index:5;opacity:.05;mix-blend-mode:overlay}@keyframes biglightmove{0%{left:0}50%{left:100vw}to{left:0}}@keyframes objectrotate{0%{left:0;top:0;transform:rotate3d(1,0,1,30deg)}25%{left:50vw;top:50vh}50%{left:100vw;top:100vh}to{left:0;top:0;transform:rotate3d(2,-1,-1,180deg)}}.the-section--work-web-projects .section--palatnik-base-bg{background:linear-gradient(-45deg,#9f62df,#e73c7e,#23a6d5,#23d5ab);background-size:400% 400%;animation:gradient 15s ease infinite;width:100%;height:100%;z-index:-2;opacity:.95}.the-section--work-web-projects .section--palatnik-shapes{z-index:-3;position:absolute;left:0;top:0;width:100%;height:100%}@keyframes gradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.the-section--work-web-projects-social{display:flex;padding:0;margin:60px 0 30px}.the-section--work-web-projects-social li{margin:0 15px 0 0}.the-section--work-web-projects-social li img{width:45px;height:auto}.the-section--music-projects{align-items:flex-start}.the-section--music-projects .music-go-forward{transform:rotate(180deg)}.the-section--music-projects .music-go-forward img{width:60px;height:auto}.the-section--music-projects h2{margin:0 0 15px}.the-section--music-projects p{margin:0}.the-section--music-projects img{object-fit:cover;width:100%;height:100%}@media only screen and (max-width:1280px){.section--wrapper{min-height:100vh}.section--content-container{padding:30px 60px}.the-section--who-am-i{height:100vh;padding:0 0 200px}.the-section--who-am-i .section--content-container{display:flex;align-items:stretch;flex-wrap:wrap;width:100%;height:100%;padding:30px;left:30px;top:60px}.the-section--who-am-i .section--content-container h2{margin-bottom:120px;flex:100%}.the-section--work{z-index:100}.the-section--work--main-list{padding:0}.the-section--contact{height:100vh}.the-section--contact .section--content-container{display:flex;align-items:stretch;flex-wrap:wrap;height:100%}.the-section--contact .section--content-container a,.the-section--contact .section--content-container h2,.the-section--contact .section--content-container ul{flex-basis:100%}.the-section--contact .section--content-container a,.the-section--contact .section--content-container i,.the-section--contact .section--content-container span,.the-section--contact .section--content-container strong{height:auto}}@media only screen and (max-width:992px){.section--content-container{padding:30px}.the-section--who-am-i .section--content-container{left:0}}

/*# sourceMappingURL=js.378f42a5.css.map */