/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */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,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block}audio:not([controls]){display:none;height:0}progress{vertical-align:baseline}[hidden],template{display:none}a{background-color:transparent;-webkit-text-decoration-skip:objects}a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:inherit}b,strong{font-weight:bolder}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}svg:not(:root){overflow:hidden}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}figure{margin:1em 40px}hr{box-sizing:content-box;height:0;overflow:visible}button,input,select,textarea{font:inherit;margin:0}optgroup{font-weight:700}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-input-placeholder{color:inherit;opacity:.54}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}.tooltipster-default{border-radius:5px;background:#000;color:#fff}.tooltipster-default .tooltipster-content{font-size:16px;line-height:20px;padding:6px 10px;overflow:hidden}.tooltipster-error{border-radius:5px;background:#e85757;color:#fff}.tooltipster-error .tooltipster-content{font-size:16px;line-height:20px;padding:6px 10px;overflow:hidden;box-shadow:0 2px 5px 0 rgba(0,0,0,.3);border-radius:5px}.tooltipster-icon{cursor:help;margin-left:4px}.tooltipster-base{padding:0;font-size:0;line-height:0;position:absolute;left:0;top:0;z-index:9999999;pointer-events:none;width:auto;overflow:visible}.tooltipster-base .tooltipster-content{overflow:hidden}.tooltipster-arrow{display:block;text-align:center;width:100%;height:100%;position:absolute;top:0;left:0;z-index:0}.tooltipster-arrow span,.tooltipster-arrow-border{display:block;width:0;height:0;position:absolute}.tooltipster-arrow-top span,.tooltipster-arrow-top-left span,.tooltipster-arrow-top-right span{border-left:8px solid transparent!important;border-right:8px solid transparent!important;border-top:8px solid;bottom:-7px}.tooltipster-arrow-top .tooltipster-arrow-border,.tooltipster-arrow-top-left .tooltipster-arrow-border,.tooltipster-arrow-top-right .tooltipster-arrow-border{border-left:9px solid transparent!important;border-right:9px solid transparent!important;border-top:9px solid;bottom:-7px}.tooltipster-arrow-bottom span,.tooltipster-arrow-bottom-left span,.tooltipster-arrow-bottom-right span{border-left:8px solid transparent!important;border-right:8px solid transparent!important;border-bottom:8px solid;top:-7px}.tooltipster-arrow-bottom .tooltipster-arrow-border,.tooltipster-arrow-bottom-left .tooltipster-arrow-border,.tooltipster-arrow-bottom-right .tooltipster-arrow-border{border-left:9px solid transparent!important;border-right:9px solid transparent!important;border-bottom:9px solid;top:-7px}.tooltipster-arrow-bottom .tooltipster-arrow-border,.tooltipster-arrow-bottom span,.tooltipster-arrow-top .tooltipster-arrow-border,.tooltipster-arrow-top span{left:0;right:0;margin:0 auto}.tooltipster-arrow-bottom-left span,.tooltipster-arrow-top-left span{left:6px}.tooltipster-arrow-bottom-left .tooltipster-arrow-border,.tooltipster-arrow-top-left .tooltipster-arrow-border{left:5px}.tooltipster-arrow-bottom-right span,.tooltipster-arrow-top-right span{right:6px}.tooltipster-arrow-bottom-right .tooltipster-arrow-border,.tooltipster-arrow-top-right .tooltipster-arrow-border{right:5px}.tooltipster-arrow-left .tooltipster-arrow-border,.tooltipster-arrow-left span{border-top:8px solid transparent!important;border-bottom:8px solid transparent!important;border-left:8px solid;top:50%;margin-top:-7px;right:-7px}.tooltipster-arrow-left .tooltipster-arrow-border{border-top:9px solid transparent!important;border-bottom:9px solid transparent!important;border-left:9px solid;margin-top:-8px}.tooltipster-arrow-right .tooltipster-arrow-border,.tooltipster-arrow-right span{border-top:8px solid transparent!important;border-bottom:8px solid transparent!important;border-right:8px solid;top:50%;margin-top:-7px;left:-7px}.tooltipster-arrow-right .tooltipster-arrow-border{border-top:9px solid transparent!important;border-bottom:9px solid transparent!important;border-right:9px solid;margin-top:-8px}.tooltipster-custom{transform:translateY(10px);opacity:0;transition-property:transform,opacity;-webkit-backface-visibility:hidden}.tooltipster-custom-show{transform:translateY(0);opacity:1;transition-timing-function:cubic-bezier(.19,1,.22,1)}.tooltipster-content-changing{opacity:.5;-webkit-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1);transform:scale(1.1,1.1)}html{box-sizing:border-box}*,:after,:before{box-sizing:inherit}body{font-family:"IBM Plex Sans",Helvetica,sans-serif;font-size:18px;color:#000;background-color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none;outline:0}ul{list-style:none;margin:0;padding:0}strong{font-weight:600}.bg-grain{width:100%;height:100%;position:fixed;top:0;left:0;z-index:0;background:url(../img/film-grain-sm.gif);opacity:.03;pointer-events:none}::selection{color:#fff;background:rgba(0,0,0,.5)}.is-loading{cursor:progress}.content{opacity:0;transition:opacity .5s;position:relative;z-index:1}.content.show-content{opacity:1;transition-duration:1s}@keyframes loader{0%,100%{transform:scale(0)}50%{transform:scale(1)}}.loader{width:50px;height:50px;margin:100px auto;position:fixed;left:50%;top:50%;margin-left:-25px;margin-top:-25px}.loader:after,.loader:before{content:"";width:100%;height:100%;border-radius:50%;background:#000;opacity:.35;position:absolute;top:0;left:0;animation:loader 2s infinite cubic-bezier(.455,.03,.515,.955)}.loader:after{animation-delay:-1s}.not-compatible{width:100%;height:100%;display:none;position:fixed;top:0;left:0;z-index:9999;background:#fff;text-align:center;padding:0 6%}.not-compatible__content{display:table-cell;vertical-align:middle}.not-compatible__content p{max-width:640px;margin:0 auto;font-size:1.5em;line-height:1.4}.not-compatible__content p:first-child{margin-bottom:.5em}@media screen and (max-width:767px){.not-compatible__content p{font-size:1.2em}}@media screen and (max-width:480px){.not-compatible__content p{font-size:1em}}.not-compatible__content a{color:#5d7ecd;text-decoration:underline}.not-compatible__content a:hover{text-decoration:none}.no-flexbox .not-compatible,.no-inlinesvg .not-compatible{display:block;display:table}.section-centered{text-align:center;margin:2em auto}@keyframes caretBounce{0%,100%,20%,50%,80%{transform:translateY(0)}40%{transform:translateY(-12px)}60%{transform:translateY(-5px)}}.navigation{width:100%;padding-top:2em;position:absolute;top:0;z-index:5;overflow:hidden;transition:all .5s cubic-bezier(.25,.46,.45,.94)}.navigation__links{display:flex;justify-content:center}.navigation__links li{margin:0 1.25em;opacity:0;transform:translateY(-50px);transition:all 1s cubic-bezier(.25,.46,.45,.94)}.navigation__links li:nth-child(0){transition-delay:0s}.navigation__links li:nth-child(1){transition-delay:.1s}.navigation__links li:nth-child(2){transition-delay:.2s}.navigation__links li:nth-child(3){transition-delay:.3s}.navigation__links li:nth-child(4){transition-delay:.4s}.navigation__links li:nth-child(5){transition-delay:.5s}.navigation__links li.active a:not(.home-link){opacity:1}.navigation__links li.active a:not(.home-link):before{width:100%}.navigation__links li:last-child{display:none}.navigation__links a{display:block;font-size:1em;padding:.3em 0;opacity:.5;position:relative;transition:opacity 350ms}.navigation__links a:before{content:"";width:0%;height:1px;position:absolute;bottom:0;background:#000;opacity:.35;transition:width 1s cubic-bezier(.19,1,.22,1)}.navigation__links a:focus,.navigation__links a:hover{opacity:1}.navigation__links a:focus:before,.navigation__links a:hover:before{width:100%}@media screen and (min-width:1800px){.navigation__links a{font-size:1.25em;margin:0 .3em}}.navigation__links a.home-link{font-weight:600;text-transform:uppercase;letter-spacing:.5px}.navigation--dark{background:#2e3438;color:#fff}.navigation--dark .open-mobile-nav__button span{background:#fff}.navigation--dark a:not(.home-link):before{background:#fff}@media screen and (max-width:767px){.navigation{background:#fff;box-shadow:0 0 40px rgba(0,0,0,.1);padding:5px 1.5em}.navigation--dark{background:#2e3438;box-shadow:0 0 40px rgba(0,0,0,.25)}.navigation__links{justify-content:space-between}.navigation__links li{display:none;margin:0;opacity:1;transform:none}.navigation__links li:first-child,.navigation__links li:last-child{display:inline-block}.navigation__links li .home-link{font-size:em(20,18);opacity:1;border:0;position:relative;top:14px}.navigation__links a{padding:0}}@media screen and (max-width:767px){.fullscreen .navigation{padding-top:0}}.nav-visible .navigation__links li{opacity:1;transform:none}.open-mobile-nav__button{width:48px;height:48px;background:0 0;border-radius:50%;border:0;padding:0;outline:0;position:relative;top:2px;right:-14px}.open-mobile-nav__button span{width:18px;height:2px;background:#000;display:block;margin:4px auto;transition:all 1s cubic-bezier(.19,1,.22,1)}.mobile-nav{width:100%;height:100%;display:none;align-items:center;position:fixed;top:0;left:0;z-index:4;background:linear-gradient(135deg,#ff5e3a 10%,#be00ff 100%);transform:translateY(-100%);transition:transform 1.25s cubic-bezier(.19,1,.22,1)}.mobile-nav__links{padding:1.5em 1.5em 0 1.5em}@media screen and (max-height:520px){.mobile-nav__links{position:relative;top:5vh}}.mobile-nav__bg{width:100%;height:100%;fill:gray;position:absolute;top:0;left:0;z-index:0}.mobile-nav__bg .bg-gradient-start{stop-color:#ff5e3a;animation:gradientStart 5s infinite}.mobile-nav__bg .bg-gradient-end{stop-color:#be00ff;animation:gradientEnd 5s infinite}.mobile-nav.is-visible{display:flex}.mobile-link{margin-bottom:5vh;color:#fff;opacity:0;transition:all 2s cubic-bezier(.19,1,.22,1);position:relative;z-index:1}.mobile-link:last-of-type{margin:0}.mobile-link__description,.mobile-link__title{margin:0;white-space:nowrap}.mobile-link__title{font-size:em(44,18);font-weight:600}.mobile-link__description{font-size:em(20,18);opacity:.5}.mobile-link:nth-child(1){transform:translateY(-10vh);transition-delay:.4s}.mobile-link:nth-child(2){transform:translateY(-5vh);transition-delay:350ms}.mobile-link:nth-child(3){transform:translateY(5vh);transition-delay:350ms}.mobile-link:nth-child(4){transform:translateY(10vh);transition-delay:.4s}@media screen and (max-width:480px){.mobile-link__title{font-size:em(32,18)}.mobile-link__description{font-size:1em}}@media screen and (max-height:520px),screen and (max-width:340px){.mobile-link__title{font-size:em(28,18)}.mobile-link__description{font-size:em(16,18)}}@media screen and (max-height:440px){.mobile-link__title{font-size:em(24,18)}}@media screen and (max-height:380px){.mobile-link__title{font-size:em(22,18)}}@media screen and (max-height:360px){.mobile-link__description{display:none}}.mobile-nav-open{overflow:hidden}.mobile-nav-open .navigation{background:0 0;box-shadow:none}.mobile-nav-open .home-link{color:#fff}.mobile-nav-open .open-mobile-nav__button span{background:#fff}.mobile-nav-open .open-mobile-nav__button span:nth-child(1){transform:translate3d(1px,6.5px,0) rotate(-45deg)}.mobile-nav-open .open-mobile-nav__button span:nth-child(2){transform:scale(0,1);opacity:0}.mobile-nav-open .open-mobile-nav__button span:nth-child(3){transform:translate3d(1px,-5.5px,0) rotate(45deg)}.mobile-nav-open .mobile-nav{transform:translateY(0)}.mobile-nav-open .mobile-link{transform:translateY(0);opacity:1}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.hero{width:100%;position:relative;top:0;left:0}.hero__main{position:relative;z-index:1}.hero--homepage{height:100vh;display:flex;flex-direction:column;justify-content:center;overflow:hidden}.hero--dribbble.animate-in .hero-title{animation:heroTextLine2In 2.5s cubic-bezier(.19,1,.22,1) both}.hero--about,.hero--contact,.hero--dribbble{padding:8em 0 3em 0}@media screen and (min-width:1800px){.hero--about,.hero--contact,.hero--dribbble{padding:9em 0 4em 0}}@media screen and (max-width:767px){.hero--about,.hero--contact,.hero--dribbble{padding:6em 0 2em 0}}@media screen and (max-width:480px){.hero--about,.hero--contact,.hero--dribbble{padding:6em 0 1em 0}}@keyframes gradientStart{0%{stop-color:#ff5e3a}50%{stop-color:#be00ff}100%{stop-color:#ff5e3a}}@keyframes gradientEnd{0%{stop-color:#be00ff}33%{stop-color:#0068e7}66%{stop-color:#ff5e3a}100%{stop-color:#be00ff}}@keyframes heroTextLightIn{0%{opacity:0;transform:translateY(-50px) scale(.9)}100%{opacity:1;transform:none}}@keyframes heroTextLine2In{0%{opacity:0;transform:translateY(50px) scale(.9)}100%{opacity:1;transform:none}}.hero-columns{display:flex;margin:0 5%;flex-direction:column;align-items:center;text-align:center}.hero-pic{display:block;width:150px;height:150px;border-radius:50%;background:url(../img/nik-face.jpg) no-repeat 50% 50%;background-size:cover;box-shadow:0 2px 2px rgba(0,0,0,.05),0 4px 4px rgba(0,0,0,.15);position:relative;z-index:2}@media screen and (max-width:600px){.hero-pic{width:128px;height:128px}}.hero-title{position:relative;z-index:1;letter-spacing:-.025em;opacity:0;line-height:1.25}.hero-title--centered{text-align:center;margin:0 auto}.hero-title--home{margin:25px 50px 25px 50px;max-width:1000px}.hero-title--about{margin:0}.hero-title__light{font-weight:300;display:block}.hero-title__bold,.hero-title__gradient{font-weight:700}.hero-title__line2{display:block;transition-delay:.5s}.hero-title__gradient{color:#ff5e3a}.hero-title__gradient svg{width:450px;height:1em;overflow:visible;transform:translate3d(0,0,0)}.hero-title__gradient .gradient-start{stop-color:#ff5e3a;animation:gradientStart 5s infinite}.hero-title__gradient .gradient-end{stop-color:#be00ff;animation:gradientEnd 5s infinite}.hero-title.animate-in{animation:heroTextLine2In 2.5s cubic-bezier(.19,1,.22,1) both}.hero-title-dummy{display:inline-block;font-weight:700;position:absolute;top:-9999px!important;left:-9999px!important}.hero-title,.hero-title-dummy{font-size:5em}@media screen and (max-height:650px){.hero-title,.hero-title-dummy{font-size:3.5em}}@media screen and (max-width:1800px){.hero-title,.hero-title-dummy{font-size:4em}}@media screen and (max-width:1280px){.hero-title,.hero-title-dummy{font-size:3.5em}}@media screen and (max-width:767px){.hero-title,.hero-title-dummy{font-size:3em}}@media screen and (max-width:480px){.hero-title,.hero-title-dummy{font-size:2.5em}}@media screen and (max-width:340px){.hero-title,.hero-title-dummy{font-size:2em}}@media screen and (max-width:767px){.hero--homepage .hero-title{margin:40px 0 0 0}.hero--homepage .hero-title,.hero--homepage .hero-title-dummy{font-size:8vw!important}}@media screen and (max-width:520px){.hero--homepage .hero-title{margin:30px 0 0 0}}.about-skills__text,.hero-text{margin:1.5em auto 0 auto;padding:0 1.5em;line-height:1.5;text-align:center;z-index:1;position:relative!important}.hero-text--light{color:#fff}@media screen and (max-width:600px){.about-skills__text br,.hero-text br{display:none}}.hero-text--space-around{margin:2em auto 2em auto}@media screen and (min-width:1800px){.about-skills__text,.hero-text{font-size:1.25em}}.laptop{width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:fixed;top:0;left:0;z-index:-1;opacity:.05}.laptop svg{width:90%;height:auto;position:relative!important}.hero--homepage .button-group .button{opacity:0}.hero--homepage .button-group.animate-in .button{animation:heroTextLine2In 2.5s cubic-bezier(.19,1,.22,1) both;animation-delay:250ms}.hero--homepage .button-group.animate-in .button:nth-child(2){animation-delay:.4s}.about-intro{padding:10em 0 6em 0;overflow:hidden}.about-intro__container{max-width:870px;margin:0 auto;display:flex}@media screen and (min-width:1800px){.about-intro__container{max-width:1000px}}.about-intro__pic{width:30%;opacity:0;transform:rotate(10deg) scale(.75);transition:all 2.5s cubic-bezier(.19,1,.22,1)}.about-intro__pic img{width:100%;height:auto;display:block;border-radius:50%;box-shadow:5px 5px 5px 0 rgba(0,0,0,.02),15px 15px 15px 0 rgba(0,0,0,.04),30px 40px 40px 0 rgba(0,0,0,.08)}.about-intro__content{width:70%;padding-left:4em;position:relative!important;top:10px!important}.about-intro__content .about-skills__text,.about-intro__content .hero-text,.about-intro__content .hero-title{text-align:inherit;opacity:0}.about-intro__content .hero-title{margin-bottom:.3em}.about-intro__content .about-skills__text,.about-intro__content .hero-text{padding:0!important}.about-intro__content .about-skills__text a,.about-intro__content .hero-text a{border-bottom:1px solid #cacaca;transition:all 350ms}.about-intro__content .about-skills__text a:hover,.about-intro__content .hero-text a:hover{color:#5d7ecd}@media screen and (max-width:820px){.about-intro{display:block;padding:6em 0 6em 0}.about-intro__container{display:block}.about-intro__content,.about-intro__pic{width:auto}.about-intro__pic{max-width:240px;margin:0 auto}.about-intro__content{max-width:450px;margin:0 auto;padding:2em 0 0 0;text-align:center}.about-intro__content .about-skills__text,.about-intro__content .hero-text{padding:0 1.5em}}@media screen and (max-width:480px){.about-intro{padding:6em 0 5em 0}.about-intro__pic{max-width:200px}.about-intro .about-skills__text,.about-intro .hero-text{text-align:left}}.about-intro.animate-in .hero-title{animation:heroTextLightIn 2.5s cubic-bezier(.19,1,.22,1) both}.about-intro.animate-in .about-skills__text,.about-intro.animate-in .hero-text,.about-intro.animate-in .social{animation:heroTextLine2In 2.5s cubic-bezier(.19,1,.22,1) both}.about-intro.animate-in .about-intro__pic{opacity:1;transform:rotate(0) scale(1)}.social{margin-top:1.5em;opacity:0}.social__icon{display:inline-block;opacity:.35;margin-right:1.1em;transition:opacity .5s cubic-bezier(.25,.46,.45,.94);position:relative}.social__icon:last-of-type{margin:0}.social__icon:nth-child(1){top:-2px}.social__icon:nth-child(3){left:1px}.social__icon:focus,.social__icon:hover{opacity:.75}.about-skills{background:rgba(0,0,0,.02);padding:4em 0}.about-skills__container{display:flex;justify-content:center}.about-skills__text{max-width:880px;margin:0 auto 4em auto}.about-skills__text p{margin:0}.about-skills__text p:not(:last-of-type){margin-bottom:.5em}@media screen and (min-width:1800px){.about-skills__text{max-width:1000px}}@media screen and (max-width:480px){.about-skills__text{text-align:left}}.about-ux{padding:4em 0}.about-ux .about-ux-layout:nth-child(odd){flex-direction:row-reverse}.about-ux .about-ux-layout:nth-child(odd) .about-ux-layout__text{padding-left:0;padding-right:4em}.about-ux-layout{display:flex;width:100%;max-width:870px;margin:4em auto}.about-ux-layout__pic{width:40%}.about-ux-layout__pic img{width:100%;height:auto;display:block;border-radius:4px;box-shadow:5px 5px 5px 0 rgba(0,0,0,.02),15px 15px 15px 0 rgba(0,0,0,.04),30px 40px 40px 0 rgba(0,0,0,.08)}.about-ux-layout__text{padding-left:4em;width:60%}.about-ux-layout__text hr{height:1px;border:none;background:#cacaca}.about-ux-layout__text p{line-height:1.5}@media screen and (min-width:1800px){.about-ux-layout{max-width:1000px;margin:5em auto}.about-ux-layout__text{font-size:1.25em}}@media screen and (max-width:767px){.about-ux-layout{flex-direction:column!important}.about-ux-layout__pic,.about-ux-layout__text{width:100%}.about-ux-layout__pic{width:280px;margin:0 auto 2em auto}.about-ux-layout__text{text-align:center;padding:0!important}}@media screen and (max-width:480px){.about-ux-layout__text{text-align:left}.about-ux-layout__pic{width:100%;height:auto}}.skills-chart{margin:0 1em}.skills-chart__items{display:flex}.skills-chart__item{width:46px;display:flex;align-items:center;flex-direction:column;margin:0 .6em}.skills-chart__caption{margin:1.5em 0 0 0;padding:.75em 0 0 0;border:1px solid #e4e4e4;border-width:1px 0 0 0;color:#616161;font-size:em(13,18);letter-spacing:2px;line-height:1.35;text-transform:uppercase;text-align:center}.bar{display:block;width:6px;height:200px;border-radius:3px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.1);margin-bottom:1.25em;position:relative;overflow:hidden;-webkit-mask-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC)}.bar__fill{width:100%;height:0%;position:absolute;left:0;bottom:0}.bar__fill--figma{background:#f24e1e}.bar__fill--sketch{background:#ffc700}.bar__fill--ps{background:#11cbfa}.bar__fill--ai{background:#ff7600}.bar__fill--invision{background:#f36}.bar__fill--ae{background:#c99aff}.bar__fill--framer{background:#28affa}.bar__fill--htmlcss{background:#ef542c}.bar__fill--js{background:#f7df1e}.bar__fill--vue{background:#41b883}.bar__fill--laravel{background:#ff2d20}.skill-icon{min-height:44px}.mobile-layout{padding-bottom:2em}.mobile-layout .about-skills__container{flex-direction:column;max-width:500px;margin:0 auto}.mobile-layout .skills-chart{display:flex;flex-direction:column-reverse;margin:0 2em 2em 2em}.mobile-layout .skills-chart__items{flex-direction:column}.mobile-layout .skills-chart__item{width:100%;height:46px;flex-direction:row-reverse;margin:.4em 0}.mobile-layout .skills-chart__caption{border-width:0 0 1px 0;margin:0 0 1.5em 0;padding:0 0 .75em 0}.mobile-layout .bar{width:100%;height:6px;margin:0}.mobile-layout .bar__fill{width:0%;height:100%}.mobile-layout .skill-icon{min-width:48px;margin-right:1.5em}@media screen and (max-width:480px){.mobile-layout{padding-bottom:0}}.about-text{max-width:620px;margin:0 auto;padding:0 1.5em 6em 1.5em;text-align:center}.about-text .about-skills__text,.about-text .hero-text{text-align:left;margin:0 0 1em 0}.about-text .button{margin:1em auto 0 auto}@media screen and (max-width:767px){.about-text{padding:0 1.5em 4em 1.5em}}@media screen and (max-width:480px){.about-text{padding:0 0 3em 0}}@media screen and (max-width:920px){.about-intro{padding-left:2em;padding-right:2em}.about-ux-layout{padding-left:2em;padding-right:2em}}@keyframes mouseWheel{0%{opacity:1;transform:translateY(-8px)}50%{opacity:1;transform:translateY(-4px)}100%{opacity:0;transform:translateY(0)}}.hero-scroll{width:130px;text-align:center;position:absolute;margin-left:-65px;opacity:.25;transition:opacity .5s;bottom:1.5em!important;left:50%!important;top:auto!important}.hero-scroll__mouse{display:inline-block;width:19px;height:30px;border:2px solid #fff;border-radius:18px;position:relative}.hero-scroll__mouse:before{content:"";width:3px;height:4px;border-radius:2px;background:#fff;position:absolute;top:9px;left:6px;animation:mouseWheel 1s infinite}.hero-scroll__text{font-weight:600;font-size:em(14,18);color:#fff;letter-spacing:2px;text-transform:uppercase}.hero-scroll.has-scrolled{opacity:0}.back-to-top{display:block;text-align:center;position:relative;padding:3em 0 2em 0}.back-to-top__button{display:inline-block;opacity:.25;transition:opacity .5s cubic-bezier(.25,.46,.45,.94)}.back-to-top__button span{display:block;font-size:em(12,18);font-weight:600;letter-spacing:.5px;text-transform:uppercase;margin-top:6px}.back-to-top__button--dark span{color:#000}.back-to-top__button--dark svg{fill:#000}.back-to-top__button--light span{color:#fff}.back-to-top__button--light svg{fill:#fff}.back-to-top__button:focus,.back-to-top__button:hover{opacity:.75}.back-to-top__button:focus svg,.back-to-top__button:hover svg{animation:caretBounce 1s infinite both}.bg-text{width:100vw;height:100vh;display:flex;flex-direction:column;justify-content:center;user-select:none;pointer-events:none;position:absolute;overflow:hidden;top:0;left:0;z-index:0;transition:transform 4s;transform:scale(.9)}.bg-text__letters{display:block;font-weight:700;text-transform:uppercase;text-align:center;white-space:nowrap;color:#fff;transition:text-shadow 4s;position:static!important}.bg-text__letters--niklanus{color:#fff;font-size:17vw;position:relative;left:-3px}.bg-text__letters--bf{color:#30373b;font-size:17vw;position:relative;left:-3px}@media screen and (max-width:767px){.bg-text__letters--bf,.bg-text__letters--niklanus{left:auto}}.bg-text.animate-in{transform:scale(1)}.bg-text.animate-in .bg-text__letters{text-shadow:30px 40px 40px rgba(0,0,0,.1),15px 15px 15px rgba(0,0,0,.05),5px 5px 5px rgba(0,0,0,.02)}@media screen and (max-width:767px){.bg-text.animate-in .bg-text__letters{text-shadow:20px 30px 30px rgba(0,0,0,.1),10px 10px 10px rgba(0,0,0,.05),4px 4px 4px rgba(0,0,0,.02)}}@media screen and (max-width:480px){.bg-text.animate-in .bg-text__letters{text-shadow:10px 15px 15px rgba(0,0,0,.075),8px 8px 8px rgba(0,0,0,.04),3px 3px 3px rgba(0,0,0,.02)}}@media screen and (max-width:767px){.bg-text{display:none}}.button{display:inline-block;height:48px;padding:0 1.5em;font-weight:600;font-size:1em;text-align:center;text-transform:uppercase;line-height:48px;letter-spacing:1px;outline:0;border:0;border-radius:8px;background:0 0;color:inherit}@media screen and (max-width:820px){.button{margin-right:0;margin-bottom:1em}}@media screen and (max-width:480px){.button{font-size:.9em}}.button .icon-external-link{width:14px;height:14px;position:relative;top:2px;margin-right:1em}.button .icon-email{width:18px;height:13px;position:relative;top:1px;margin-right:1em}.button--dark,.button--light{transition:box-shadow .4s cubic-bezier(.25,.46,.45,.94),color .4s cubic-bezier(.25,.46,.45,.94)}.button--dark svg,.button--light svg{position:relative;transition:all .5s cubic-bezier(.25,.46,.45,.94)}.button--light{box-shadow:inset 0 0 0 1px rgba(255,255,255,.25)}.button--light svg{fill:#fff}.button--light:focus:not(.button--disabled),.button--light:hover:not(.button--disabled){color:#2e3438;box-shadow:inset 0 0 0 24px #fff}.button--light:focus:not(.button--disabled) svg,.button--light:hover:not(.button--disabled) svg{fill:#2e3438}.button--light.button--disabled{opacity:.5;cursor:no-drop}.button--dark{box-shadow:inset 0 0 0 1px rgba(0,0,0,.15),0 3px 3px 0 rgba(0,0,0,.08)}.button--dark svg{fill:#000}.button--dark:focus,.button--dark:hover{color:#fff;box-shadow:inset 0 0 0 24px #000}.button--dark:focus svg,.button--dark:hover svg{fill:#fff}.button--letter{width:100%;height:56px;line-height:56px;position:absolute;bottom:0;background:0 0;border:1px solid #e4e4e4;border-width:1px 0 0 0;border-radius:0;box-shadow:inset 0 0 0 #5d7ecd;color:#cacaca;transition:all .6s cubic-bezier(.25,.46,.45,.94)}.button--letter.is-enabled{color:#fff;border-color:#5d7ecd;box-shadow:inset 0 0 0 28px #5d7ecd;cursor:pointer}.button--letter.is-enabled:focus,.button--letter.is-enabled:hover{transition:box-shadow .35s cubic-bezier(.25,.46,.45,.94);box-shadow:inset 0 0 0 28px #47619e}::-moz-focus-inner{border:0}.button-group .button:not(:last-of-type){margin-right:.5em}@media screen and (max-width:820px){.button-group .button:not(:last-of-type){margin-right:0;margin-bottom:1em}}.button-group--margin-top{margin-top:2em}@media screen and (max-width:820px){.button-group .button{width:100%}}.more-title{font-size:2.25em;font-weight:600;text-align:center;padding:0 1em}.more-title--bf{color:#e85757;margin:0 0 .75em 0}.more-title--about{color:#616161;margin:0 0 1em 0}@media screen and (max-width:767px){.more-title{font-size:2em}}@media screen and (max-width:480px){.more-title{font-size:1.75em}}.subtitle{font-size:1em;font-weight:500;margin-top:0;color:#616161;text-transform:uppercase;letter-spacing:2px}@keyframes textHighlight{0%{width:0%}50%{width:100%}100%{width:0%}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.dribbble-grid{max-width:1360px;margin:0 auto;padding:0 20px}.dribbble-grid::after{clear:both;content:"";display:block}.shot{width:33.33333332%;padding-bottom:75%;display:block;float:left;padding:20px;position:relative;z-index:1}.shot__inner{width:100%;display:block;border-radius:3px;box-shadow:15px 15px 30px rgba(0,0,0,.15);background:#fff no-repeat 50% 50%;background-size:auto 50%;position:relative;overflow:hidden}.shot--instagram .shot__inner{padding-bottom:100%;background-image:url(../img/instagram-bg.svg)}.shot--dribbble .shot__inner{padding-bottom:75%;background-image:url(../img/dribbble-bg.svg)}.shot__overlay{width:100%;height:100%;display:flex;justify-content:center;align-items:center;border-radius:3px;overflow:hidden;position:absolute;z-index:2;top:0;left:0;text-align:center;opacity:0;transition:opacity .3s}.shot__overlay:before{content:"";width:400px;height:400px;border-radius:200px;position:absolute;top:50%;left:50%;margin-top:-200px;margin-left:-200px;background:linear-gradient(135deg,rgba(0,0,0,.65) 10%,rgba(0,0,0,.95) 100%);transform:scale(.5);transition:all .4s cubic-bezier(.25,.46,.45,.94)}.shot__overlay__text{color:#fff;font-weight:600;font-size:em(16,18);letter-spacing:1px;text-transform:uppercase;z-index:3;opacity:0;transform:scale(.8);transition:all 350ms cubic-bezier(.175,.885,.32,1.275);transition-delay:150ms}.shot__overlay__text .svg-icon{width:14px;height:14px;fill:#fff;position:relative;top:1px;margin-right:.5em}.shot__image{width:100%;height:auto;display:block;border-radius:3px;position:absolute;z-index:1;top:0;left:0;-webkit-mask-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC);opacity:1;transform:none;transition:opacity 1.5s cubic-bezier(.19,1,.22,1),transform 1.5s cubic-bezier(.19,1,.22,1)}@media screen and (max-width:1023px){.shot{width:50%}}@media screen and (max-width:480px){.shot{width:100%}}.shot.not-loaded .shot__overlay{opacity:0!important}.shot.not-loaded .shot__image{opacity:0;transform:scale(1.2)}@media screen and (max-width:767px){.dribbble-grid{padding:0 10px}}.not-mobile .shot__inner:focus .shot__overlay,.not-mobile .shot__inner:hover .shot__overlay{opacity:1}.not-mobile .shot__inner:focus .shot__overlay:before,.not-mobile .shot__inner:hover .shot__overlay:before{transform:scale(1.4)}.not-mobile .shot__inner:focus .shot__overlay__text,.not-mobile .shot__inner:hover .shot__overlay__text{opacity:1;transform:scale(1)}.about-intro{padding:10em 0 6em 0;overflow:hidden}.about-intro__container{max-width:870px;margin:0 auto;display:flex}@media screen and (min-width:1800px){.about-intro__container{max-width:1000px}}.about-intro__pic{width:30%;opacity:0;transform:rotate(10deg) scale(.75);transition:all 2.5s cubic-bezier(.19,1,.22,1)}.about-intro__pic img{width:100%;height:auto;display:block;border-radius:50%;box-shadow:5px 5px 5px 0 rgba(0,0,0,.02),15px 15px 15px 0 rgba(0,0,0,.04),30px 40px 40px 0 rgba(0,0,0,.08)}.about-intro__content{width:70%;padding-left:4em;position:relative!important;top:10px!important}.about-intro__content .about-skills__text,.about-intro__content .hero-text,.about-intro__content .hero-title{text-align:inherit;opacity:0}.about-intro__content .hero-title{margin-bottom:.3em}.about-intro__content .about-skills__text,.about-intro__content .hero-text{padding:0!important}.about-intro__content .about-skills__text a,.about-intro__content .hero-text a{border-bottom:1px solid #cacaca;transition:all 350ms}.about-intro__content .about-skills__text a:hover,.about-intro__content .hero-text a:hover{color:#5d7ecd}@media screen and (max-width:820px){.about-intro{display:block;padding:6em 0 6em 0}.about-intro__container{display:block}.about-intro__content,.about-intro__pic{width:auto}.about-intro__pic{max-width:240px;margin:0 auto}.about-intro__content{max-width:450px;margin:0 auto;padding:2em 0 0 0;text-align:center}.about-intro__content .about-skills__text,.about-intro__content .hero-text{padding:0 1.5em}}@media screen and (max-width:480px){.about-intro{padding:6em 0 5em 0}.about-intro__pic{max-width:200px}.about-intro .about-skills__text,.about-intro .hero-text{text-align:left}}.about-intro.animate-in .hero-title{animation:heroTextLightIn 2.5s cubic-bezier(.19,1,.22,1) both}.about-intro.animate-in .about-skills__text,.about-intro.animate-in .hero-text,.about-intro.animate-in .social{animation:heroTextLine2In 2.5s cubic-bezier(.19,1,.22,1) both}.about-intro.animate-in .about-intro__pic{opacity:1;transform:rotate(0) scale(1)}.social{margin-top:1.5em;opacity:0}.social__icon{display:inline-block;opacity:.35;margin-right:1.1em;transition:opacity .5s cubic-bezier(.25,.46,.45,.94);position:relative}.social__icon:last-of-type{margin:0}.social__icon:nth-child(1){top:-2px}.social__icon:nth-child(3){left:1px}.social__icon:focus,.social__icon:hover{opacity:.75}.about-skills{background:rgba(0,0,0,.02);padding:4em 0}.about-skills__container{display:flex;justify-content:center}.about-skills__text{max-width:880px;margin:0 auto 4em auto}.about-skills__text p{margin:0}.about-skills__text p:not(:last-of-type){margin-bottom:.5em}@media screen and (min-width:1800px){.about-skills__text{max-width:1000px}}@media screen and (max-width:480px){.about-skills__text{text-align:left}}.about-ux{padding:4em 0}.about-ux .about-ux-layout:nth-child(odd){flex-direction:row-reverse}.about-ux .about-ux-layout:nth-child(odd) .about-ux-layout__text{padding-left:0;padding-right:4em}.about-ux-layout{display:flex;width:100%;max-width:870px;margin:4em auto}.about-ux-layout__pic{width:40%}.about-ux-layout__pic img{width:100%;height:auto;display:block;border-radius:4px;box-shadow:5px 5px 5px 0 rgba(0,0,0,.02),15px 15px 15px 0 rgba(0,0,0,.04),30px 40px 40px 0 rgba(0,0,0,.08)}.about-ux-layout__text{padding-left:4em;width:60%}.about-ux-layout__text hr{height:1px;border:none;background:#cacaca}.about-ux-layout__text p{line-height:1.5}@media screen and (min-width:1800px){.about-ux-layout{max-width:1000px;margin:5em auto}.about-ux-layout__text{font-size:1.25em}}@media screen and (max-width:767px){.about-ux-layout{flex-direction:column!important}.about-ux-layout__pic,.about-ux-layout__text{width:100%}.about-ux-layout__pic{width:280px;margin:0 auto 2em auto}.about-ux-layout__text{text-align:center;padding:0!important}}@media screen and (max-width:480px){.about-ux-layout__text{text-align:left}.about-ux-layout__pic{width:100%;height:auto}}.skills-chart{margin:0 1em}.skills-chart__items{display:flex}.skills-chart__item{width:46px;display:flex;align-items:center;flex-direction:column;margin:0 .6em}.skills-chart__caption{margin:1.5em 0 0 0;padding:.75em 0 0 0;border:1px solid #e4e4e4;border-width:1px 0 0 0;color:#616161;font-size:em(13,18);letter-spacing:2px;line-height:1.35;text-transform:uppercase;text-align:center}.bar{display:block;width:6px;height:200px;border-radius:3px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.1);margin-bottom:1.25em;position:relative;overflow:hidden;-webkit-mask-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC)}.bar__fill{width:100%;height:0%;position:absolute;left:0;bottom:0}.bar__fill--figma{background:#f24e1e}.bar__fill--sketch{background:#ffc700}.bar__fill--ps{background:#11cbfa}.bar__fill--ai{background:#ff7600}.bar__fill--invision{background:#f36}.bar__fill--ae{background:#c99aff}.bar__fill--framer{background:#28affa}.bar__fill--htmlcss{background:#ef542c}.bar__fill--js{background:#f7df1e}.bar__fill--vue{background:#41b883}.bar__fill--laravel{background:#ff2d20}.skill-icon{min-height:44px}.mobile-layout{padding-bottom:2em}.mobile-layout .about-skills__container{flex-direction:column;max-width:500px;margin:0 auto}.mobile-layout .skills-chart{display:flex;flex-direction:column-reverse;margin:0 2em 2em 2em}.mobile-layout .skills-chart__items{flex-direction:column}.mobile-layout .skills-chart__item{width:100%;height:46px;flex-direction:row-reverse;margin:.4em 0}.mobile-layout .skills-chart__caption{border-width:0 0 1px 0;margin:0 0 1.5em 0;padding:0 0 .75em 0}.mobile-layout .bar{width:100%;height:6px;margin:0}.mobile-layout .bar__fill{width:0%;height:100%}.mobile-layout .skill-icon{min-width:48px;margin-right:1.5em}@media screen and (max-width:480px){.mobile-layout{padding-bottom:0}}.about-text{max-width:620px;margin:0 auto;padding:0 1.5em 6em 1.5em;text-align:center}.about-text .about-skills__text,.about-text .hero-text{text-align:left;margin:0 0 1em 0}.about-text .button{margin:1em auto 0 auto}@media screen and (max-width:767px){.about-text{padding:0 1.5em 4em 1.5em}}@media screen and (max-width:480px){.about-text{padding:0 0 3em 0}}@media screen and (max-width:920px){.about-intro{padding-left:2em;padding-right:2em}.about-ux-layout{padding-left:2em;padding-right:2em}}.contact{min-height:100vh;padding-top:10em;overflow:hidden}.contact__container{display:flex;max-width:1000px;margin:0 auto;padding:0 2em 2em 2em}.contact__intro{width:40%;padding-right:2em}.contact__intro .hero-title{opacity:0;text-align:left;margin:0 0 .25em 0}.contact__letters{width:60%;min-height:420px;padding-left:2em;padding-bottom:4em}.contact.animate-in .hero-title{animation:heroTextLightIn 2.5s cubic-bezier(.19,1,.22,1) both}.contact.animate-in .contact-text{animation:heroTextLine2In 2.5s cubic-bezier(.19,1,.22,1) both}@media screen and (max-width:830px){.contact{padding-top:6em}.contact__container{display:block}.contact__intro,.contact__letters{width:100%}.contact__intro{max-width:520px;margin:0 auto 2em auto;padding:0;text-align:center}.contact__intro .hero-title{text-align:center;margin-bottom:1em}.contact__letters{margin:0 auto;padding:0;max-width:500px}}@media screen and (max-width:480px){.contact__container{padding:0 1em}.contact__intro{padding:0 1em}.contact__intro .hero-title{margin-bottom:.5em}}@media screen and (max-width:360px){.contact__container{padding:0 .5em}}.contact-text{opacity:0}.contact-text--main{font-size:1.5em;font-weight:300;margin:0 0 .5em 0}.contact-text--main a{display:inline-block;font-weight:600;position:relative;transition:all .4s}.contact-text--main a:focus,.contact-text--main a:hover{color:#5d7ecd}.contact-text--alt{color:#616161;line-height:1.45;margin:0;max-width:320px}@media screen and (max-width:830px){.contact-text--main{font-size:1.25em}.contact-text--main br{display:none}.contact-text--alt{max-width:none}}@media screen and (max-width:640px){.contact-text--main{line-height:1.45}}@media screen and (max-width:430px){.contact-text--main{font-size:1em;font-weight:400}}@keyframes letters-out{0%{transform:translateY(0) scale(1)}60%{transform:translateY(20px) scale(1);opacity:1}100%{transform:rotate(5deg) translateY(-500px) scale(.9);opacity:0}}.letters{perspective:1000px;opacity:0;transform:rotate(-5deg) translateY(150px);transition:all 2.5s cubic-bezier(.19,1,.22,1);position:relative;z-index:1}.letters.animate-in{opacity:1;transform:none}.letters.letters-out{animation:1.25s letters-out both}.letters__container{width:100%;transition:1s cubic-bezier(.175,.885,.32,1.275);transform-style:preserve-3d;position:relative;z-index:1}.letters .letter{width:100%}.letters .letter--back,.letters .letter--front{backface-visibility:hidden;-webkit-backface-visibility:hidden;position:absolute;top:0;left:0}.letters .letter--front{z-index:2;transform:rotateY(0)}.letters .letter--back{transform:rotateY(180deg)}.letters.is-flipped .letters__container{transform:rotateY(180deg)}.no-preserve3d .letters .letter--back,.no-preserve3d .letters .letter--front{backface-visibility:visible;transition:visibility 0s linear .1538461538s}.no-preserve3d .letters .letter--front{transform:rotateY(0);visibility:visible}.no-preserve3d .letters .letter--back{transform:rotateY(-180deg);visibility:hidden}.no-preserve3d .letters.is-flipped .letter--front{transform:rotateY(0);visibility:hidden}.no-preserve3d .letters.is-flipped .letter--back{transform:rotateY(-180deg);transition:visibility 0s linear .1538461538s;visibility:visible}.letter{display:flex;min-height:350px;margin:0 auto;position:relative;z-index:1;border-radius:3px;box-shadow:5px 5px 5px 0 rgba(0,0,0,.04),15px 15px 15px 0 rgba(0,0,0,.06),30px 40px 40px 0 rgba(0,0,0,.09);background:repeating-linear-gradient(135deg,#e85757,#e85757 16.5px,#fff 16.5px,#fff 33px,#5d7ecd 33px,#5d7ecd 49.5px,#fff 49.5px,#fff 66px)}.letter--front{padding:15px 0 0 0}.letter--front .letter__content{padding-top:1.5em}.letter--back{padding:15px}.letter__content{width:100%;background:#fff;position:relative}.letter__content hr{border:0;height:1px;background:#e4e4e4}.letter__content .loader{position:absolute;display:none}.letter__content form{transition:opacity 1.5s cubic-bezier(.25,.46,.45,.94)}.letter__content form.is-loading{opacity:.25}.letter__content form.is-loading+.loader{display:block}.letter-info{display:flex;width:100%;height:100%;position:absolute;font-family:"Patrick Hand",sans-serif;font-size:1.25em;justify-content:center;align-items:center}.letter-info p{margin:0}.letter-info__receiver,.letter-info__sender{line-height:1.25}.letter-info__loading,.letter-info__sender,.letter-info__stamp{position:absolute}.letter-info__stamp{width:140px;height:auto;border-style:none;top:20px;right:26px}@media screen and (max-width:520px){.letter-info__stamp{width:120px;top:16px;right:22px}}.letter-info__sender{font-size:em(22,18);top:15px;left:20px;line-height:1.1}.letter-info__sender span{max-width:260px;display:inline-block;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media screen and (max-width:900px){.letter-info__sender span{max-width:200px}}@media screen and (max-width:480px){.letter-info__sender{font-size:em(20,18)}}@media screen and (max-width:400px){.letter-info__sender{display:none}}.letter-info__receiver{font-size:em(30,18);position:relative;top:5px}@media screen and (max-width:520px){.letter-info__receiver{font-size:em(26,18)}}.letter-info__loading{width:100%;text-align:center;left:0;bottom:15px;color:#616161}@keyframes bounce{0%,100%,20%,53%,80%{animation-timing-function:cubic-bezier(.215,.61,.355,1);transform:translate3d(0,0,0)}40%,43%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-10px,0)}70%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-4px,0)}90%{transform:translate3d(0,-2px,0)}}.letter-field{position:relative}.letter-field__input,.letter-field__textarea{border:0;background:0 0;padding:.75em 20px .75em 75px;outline:0}.letter-field__input:focus+.letter-field__icon,.letter-field__textarea:focus+.letter-field__icon{fill:#000;animation:bounce .75s both}.letter-field__input{width:100%}.letter-field__textarea{width:99.9%;min-height:180px;margin-bottom:52px;resize:vertical}.letter-field__textarea::-webkit-scrollbar{width:14px}.letter-field__textarea::-webkit-scrollbar-track{display:none}.letter-field__textarea::-webkit-scrollbar-thumb{background:#cacaca;border:3px solid #fff;border-radius:6px}.letter-field__icon{position:absolute;z-index:1;left:40px;top:18px;fill:#cacaca;transition:fill .35s cubic-bezier(.25,.46,.45,.94)}@media screen and (max-width:480px){.letter-field__input,.letter-field__textarea{padding-left:45px}.letter-field__icon{left:15px;top:19px}}.contact-sent{height:350px;padding:1em 2em 2em 2em;position:relative;z-index:0;opacity:0}.contact-sent.is-showing{opacity:1}.contact-sent__inner{width:100%;height:100%;display:flex;flex-direction:column;text-align:center;align-items:center;justify-content:center;border:4px dashed rgba(0,0,0,.1);color:#616161;padding:1em}.contact-sent__inner h3,.contact-sent__inner p{margin:0}.contact-sent__inner h3{font-size:1.33em;font-weight:600;margin-bottom:.25em}.contact-sent__inner p{font-size:.88em}@media screen and (max-width:370px){.contact-sent{padding:1em}}.contact-bg{width:100%;height:100%;position:fixed;bottom:0;left:0;z-index:-1;background-image:url(/img/amsterdam-bg.jpg);background-size:cover;background-position:50% 100%;opacity:0;transform:scale(1.1);transition:all 2s cubic-bezier(.25,.46,.45,.94)}.contact-bg.animate-in{opacity:1;transform:scale(1)}.contact-bg-credits{position:absolute;right:1.25em;bottom:1em;z-index:1}.contact-bg-credits p{font-size:.75em;font-weight:500;text-align:right;margin:0}.contact-bg-credits a{font-weight:700}@media screen and (max-width:830px){.contact-bg-credits{position:relative;right:auto;bottom:auto;padding-bottom:2em}.contact-bg-credits p{text-align:center}}