/* prefixed by https://autoprefixer.github.io (PostCSS: v7.0.26, autoprefixer: v9.7.3) */

@import url(https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900&display=swap);*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}*::-moz-selection{background:transparent}*::selection{background:transparent}body{color:#fff;background:#000;font-family:"Roboto",sans-serif;line-height:1;width:100vw;height:auto;position:relative;overflow:hidden}body #canvas-noise{background:transparent;width:100vw;height:100vh;position:fixed;top:0;left:0;pointer-events:none;z-index:1000}::-webkit-scrollbar-track,::-webkit-scrollbar-thumb,::-webkit-scrollbar-thumb:hover{background:transparent}::-webkit-scrollbar{width:0}svg,img{width:100%;display:block}li{list-style:none}a{text-decoration:none}button,input{background:transparent;border:none;outline:none;-webkit-appearance:none}.desktop .link::after{content:"";background:#fff;width:0;height:1px;position:absolute;top:calc(100% + 3px);left:auto;right:0;-webkit-transition:all .4s ease;-o-transition:all .4s ease;transition:all .4s ease}.desktop .link:hover::after{width:100%;left:0;right:auto}.magnetic{white-space:nowrap}.desktop .magnetic__item{position:absolute;top:0;left:0;display:block}.cursor{color:#000;background:#fff;mix-blend-mode:difference;font-size:.8125rem;font-weight:700;line-height:1;text-transform:uppercase;width:90px;height:90px;border-radius:50%;position:fixed;top:-90px;left:-90px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;pointer-events:none;z-index:9999}.mobile .cursor,.tablet .cursor{visibility:hidden;display:none}.cursor__txt{opacity:0;visibility:hidden}.loader{width:100vw;height:100vh;position:fixed;top:0;left:0;pointer-events:none;z-index:900}.loader__instruction,.loader__animation{background:#000;width:100%;height:100%;pointer-events:initial}.loader__instruction{position:absolute;top:0;left:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transition:0.5s 0.2s ease;-o-transition:0.5s 0.2s ease;transition:0.5s 0.2s ease;z-index:1}.mobile.landscape .loader__instruction,.tablet.landscape .loader__instruction,.desktop .loader__instruction{opacity:0;visibility:hidden}.loader__instruction--container{max-width:60px}@media screen and (min-width: 580px){.loader__instruction--container{max-width:80px}}.loader__instruction--txt{font-size:.875rem;margin-top:1rem}@media screen and (min-width: 580px){.loader__instruction--txt{font-size:1rem}}.loader__animation{z-index:-1}.loader__animation--container,.loader__animation--txt{position:absolute;left:50%}.loader__animation--container{width:100%;top:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.loader__animation--txt{font-size:.875rem;white-space:nowrap;bottom:3rem;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);-webkit-animation:blinking 1.9s linear 0s infinite;animation:blinking 1.9s linear 0s infinite}@media screen and (min-width: 580px){.loader__animation--txt{font-size:1rem}}@media screen and (min-width: 900px){.desktop .loader__animation--txt{bottom:3rem}}@-webkit-keyframes blinking{0%{opacity:0}50%{opacity:0.7}100%{opacity:0}}@keyframes blinking{0%{opacity:0}50%{opacity:0.7}100%{opacity:0}}.about{color:#000;background:#fff;width:100vw;height:100vh;position:relative;-webkit-transform-origin:bottom;-ms-transform-origin:bottom;transform-origin:bottom;-webkit-transform:scaleY(0);-ms-transform:scaleY(0);transform:scaleY(0);overflow-x:hidden;z-index:100}.about__container{width:100%;max-width:calc(100% - 3rem - 4rem - 2 * 85px);margin-left:auto;margin-right:auto;padding-top:25vh;padding-bottom:25vh;position:relative;z-index:1}@media screen and (min-width: 580px){.about__container{max-width:calc(100% - 3rem - 8rem - 2 * 100px)}}@media screen and (min-width: 900px){.tablet .about__container,.desktop .about__container{max-width:calc(100% - 6rem);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}}.tablet .about__block:nth-child(1),.desktop .about__block:nth-child(1){width:calc(100% - 260px - 10vw);margin-left:auto;padding-left:2rem;padding-right:10vw}.tablet .about__block:nth-child(2),.desktop .about__block:nth-child(2){width:260px;margin-left:3rem;position:-webkit-sticky;position:sticky;top:25vh;-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}.about__cursor{opacity:0;visibility:hidden;background:#EDEDED;width:275px;height:412px;height:auto;position:fixed;-webkit-transform:scale(0.2);-ms-transform:scale(0.2);transform:scale(0.2);pointer-events:none}.about h1,.about p{font-size:3vw;font-weight:200;line-height:1.4;margin-top:5vw;margin-bottom:5vw}.about h1{margin-top:0}.about h1 span{position:relative}.about h1 span::after{content:'';background:#000;width:100%;height:1px;position:absolute;top:100%;left:0;right:auto;-webkit-transition:all .4s ease;-o-transition:all .4s ease;transition:all .4s ease}.about__experience{opacity:.5}.about__experience li{margin-top:30px;margin-bottom:25px}.about__experience li:nth-child(1){margin-top:0}.about__experience p{font-size:.8125rem;font-weight:300;margin-top:0;margin-bottom:0}.video{background:#000;width:100vw;height:100vh;position:fixed;top:0;left:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;overflow:hidden}.video__container{-o-object-fit:cover;object-fit:cover;width:100vw;height:100vh;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.mobile .video__container,.tablet .video__container{-webkit-transform:translate(-50%, -57%);-ms-transform:translate(-50%, -57%);transform:translate(-50%, -57%)}.video__instruction{visibility:hidden;color:#fff;mix-blend-mode:difference;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);display:none;z-index:1}.ipad .video__instruction,.iphone .video__instruction{visibility:visible;display:block}.video__controls{width:100%;height:100%;position:absolute;z-index:1}@media screen and (min-width: 900px){.desktop .video__controls{width:55vw;height:65vh;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}}.nav__item{color:#fff;mix-blend-mode:difference;font-size:.875rem;position:fixed;z-index:800}@media screen and (min-width: 580px){.nav__item{font-size:1rem}}.nav__item--top{top:2rem}@media screen and (min-width: 900px){.nav__item--top{top:3rem}}.nav__item--bottom{bottom:2rem}@media screen and (min-width: 900px){.nav__item--bottom{bottom:3rem}}.nav__item--left{left:2rem}@media screen and (min-width: 900px){.nav__item--left{left:3rem}}.nav__item--center{left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}.nav__item--right{right:2rem}@media screen and (min-width: 900px){.nav__item--right{right:3rem}}.nav__item a{color:#fff}.nav__logo{width:85px}@media screen and (min-width: 900px){.nav__logo{width:100px;height:68px;display:block}}.nav__logo path,.nav__logo rect{fill:white}.nav__link{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.nav__link a{margin-left:3rem;position:relative}.nav__link a:nth-child(1){margin-left:0}.nav__sound{-webkit-transition:1.3s 0.3s ease;-o-transition:1.3s 0.3s ease;transition:1.3s 0.3s ease}.about-open .nav__sound{opacity:0;visibility:hidden;-webkit-transition:0.3s ease;-o-transition:0.3s ease;transition:0.3s ease}.nav__sound--txt::after{content:"";background:#fff;mix-blend-mode:difference;width:100%;height:2px;position:absolute;top:50%;left:0;-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center;-webkit-transform:scaleX(0) translateY(50%);-ms-transform:scaleX(0) translateY(50%);transform:scaleX(0) translateY(50%);-webkit-transition:-webkit-transform 0.3s ease;transition:-webkit-transform 0.3s ease;-o-transition:transform 0.3s ease;transition:transform 0.3s ease;transition:transform 0.3s ease, -webkit-transform 0.3s ease}.sound-off .nav__sound--txt::after{-webkit-transform:scaleX(1) translateY(50%);-ms-transform:scaleX(1) translateY(50%);transform:scaleX(1) translateY(50%)}.nav__mail--txt{opacity:0;white-space:nowrap;position:absolute;bottom:calc(100% + 1rem);left:50%;-webkit-transform:translate(-50%, 10px);-ms-transform:translate(-50%, 10px);transform:translate(-50%, 10px);-webkit-transition:0.2s ease;-o-transition:0.2s ease;transition:0.2s ease;pointer-events:none}