@font-face{font-family:Slussen;src:("fonts/Slussen-Expanded-Black.woff2"),}*,:after,:before{box-sizing:border-box;margin:0;padding:0}*{text-transform:uppercase}:root{font-size:18px}::-webkit-scrollbar{width:0}::selection{background:#ff005f}body{--color-text:#fff;--color-bg:linear-gradient(#ff005f,#00ffae);--color-link:#000;--color-link-hover:#000;color:var(--color-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;height:600px;background:linear-gradient(#efefef,#ab00405e) fixed;font-family:Slussen,Arial,sans-serif;position:relative}.js .loading:before,.js .loading:after{content:"";z-index:1000;position:fixed}.js .loading:before{width:100%;height:100%;background:var(--color-bg);top:0;left:0}.js .loading:after{width:60px;height:60px;opacity:.4;background:#fff;border-radius:50%;margin:-30px 0 0 -30px;animation:.7s linear infinite alternate forwards loaderAnim;top:50%;left:50%}@keyframes loaderAnim{to{opacity:1;transform:scale(.5)}}a{color:var(--color-link);outline:none;text-decoration:none}a:hover,a:focus{color:var(--color-link-hover);outline:none;text-decoration:underline}.message{background:var(--color-text);color:var(--color-bg);text-align:center;padding:1rem}.frame{text-align:center;z-index:1000;padding:3rem 5vw;position:relative}.frame__title{margin:0 0 1rem;font-size:1rem;font-weight:400}.frame__links{display:inline}.frame__links a:not(:last-child){margin-right:1rem}.frame__demos a:not(:last-child){margin-right:2rem}.frame__demos{margin:1rem 0}.frame__demo{white-space:nowrap}.frame__demo--current,.frame__demo--current:hover{color:var(--color-text)}.title{font-family:Slussen,Arial,sans-serif}.js-image{max-width:100%;z-index:-10;display:block}.loaded .js-image{opacity:0;z-index:-10}canvas{z-index:-10;pointer-events:none;height:100vh;position:fixed;top:0;left:0}.header{text-align:end;padding:1rem}.header__title{text-transform:uppercase;letter-spacing:.1em;font-family:Slussen,Arial,sans-serif;font-size:4.5vw;font-weight:800;font-stretch:125%;line-height:100%}.info{justify-content:center;margin:.5rem 0 .5rem 1.1rem;font-weight:900;display:flex}.info__link{margin-right:1rem}.section{min-height:100vh;margin:0 100px;padding:2vh 0}.intro{text-align:right;padding-top:100px;font-size:18px}.intro__title{padding-top:1em;position:absolute;bottom:-2em;right:0}.intro__wrap,.intro__background-image{position:relative}.intro__background-image img{width:100%;display:block}.intro__foreground-image{width:60%;position:absolute;top:50%;right:0;transform:translateY(-50%)}.dos{margin:100px 50px;position:relative}.dos img{max-width:100%;width:100%;display:block}.dos__foreground{width:40%;padding-left:6em;position:relative}.dos__background{text-align:right;margin-top:-14vh;margin-left:30%;position:relative}.dos__text{width:40%;position:absolute;bottom:0;right:calc(100% + 1em)}.meta{font-family:Slussen,Arial,sans-serif;font-weight:700}.dos .meta{transform-origin:0 0;position:absolute;top:100%;left:0;transform:rotate(-90deg)}.meta__subtitle{white-space:nowrap;font-size:1.2em}.meta__title{white-space:nowrap;font-size:2.5em}.tres{position:relative}.tres__background{width:55%;z-index:1;margin-top:-40%;position:relative}.tres__background img{width:100%;display:block}.tres__text{width:20em;padding-top:1em;position:absolute;top:100%;left:0}.tres .meta{width:8em;transform-origin:0 0;text-align:left;position:absolute;top:100%;right:-1em;transform:rotate(-90deg)}.tres__foreground{text-align:right;width:100%;z-index:2;padding-right:8em;display:inline-block;position:relative}.tres__foreground-image{float:right;width:calc(70% - 8em)}.tres__foreground img{width:100%;display:block}.cuatro ul{max-width:800px;margin:0 auto;list-style:none;overflow:hidden}.cuatro li{width:100%;text-align:center;float:left;margin-bottom:2em}.last{text-align:center;margin:100px auto 0;padding-bottom:30vh}.last__image{max-width:480px;margin:0 auto}.last img{max-width:100%;display:block}.button{cursor:pointer;background:0 0;border:1px solid #94a6ab;border-radius:0;margin:0 .5em;padding:.7em 1.3em;font-size:1em;display:inline-block}.button:focus{outline:none}.buttons{margin-bottom:100px}@media (min-width:1480px){.section{max-width:1200px;margin-left:auto;margin-right:auto}}@media screen and (min-width:53em){.message{display:none}.frame{text-align:left;z-index:100;width:100%;max-width:none;height:100vh;grid-gap:3rem;pointer-events:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;grid-template:"title links info."". . . ."". .demos demos"/min-content min-content auto 300px;align-content:space-between;padding:2rem;display:grid;position:fixed;top:0;left:0}.frame__title-wrap{grid-area:title;display:flex}.frame__title{white-space:nowrap;margin:0}.frame__info{grid-area:info}.frame__demos{grid-area:demos;justify-self:end;margin:0}.frame__links{white-space:nowrap;grid-area:links;margin:0 1rem;padding:0}.frame a{pointer-events:auto}}@media (max-width:750px){.section,.last{margin:0 50px}.last{margin:0 auto}.intro__background-image{position:static}.intro__foreground-image{width:auto;margin:0;padding:0;position:static;transform:none}.intro__foreground-image img{width:100%;display:block}.dos{position:relative}.dos__background{width:100%;margin:0;padding:0;position:static}.dos__background-image{min-height:200px;padding-left:3em}.dos__foreground{margin:0;position:absolute;left:0}.dos__foreground-image{display:none}.dos__foreground{width:0}.dos__text{width:auto;text-align:right;margin:1em 0;position:static}.dos .meta{width:8em;transform-origin:100% 0;font-size:.5rem;top:4em;left:-8em;transform:rotate(-90deg)}.tres .meta{font-size:.5rem}.tres__foreground-image{width:100%;float:none}.tres__background{width:auto;margin:0}.tres__background-image{display:none}.tres__text{width:auto;margin:0;position:static}.cuatro li{float:none;width:auto}.cuatro li img{width:100%}.last__image{margin:0 20px}.button{font-size:.8em}}@property --rotate{syntax:"<angle>";inherits:false;initial-value:132deg}:root{--card-height:100vh}.card:after{content:"";z-index:-1;height:100%;width:auto;filter:blur(calc(var(--card-height)/6));background-image:linear-gradient(var(--rotate),#00d181,#ff005f 43%,#00ffae);opacity:1;margin:0 auto;transition:opacity .5s;animation:4s linear infinite spin;position:absolute;top:0;left:0;right:0;transform:scale(1)}@keyframes spin{0%{--rotate:0deg}to{--rotate:360deg}}img{border-radius:8px}a:hover{text-decoration:none}.m-scroll{width:800px;height:600px;z-index:1;margin:auto;display:flex;position:relative}.m-scroll__title{width:100%;white-space:nowrap;justify-content:flex-start;align-items:center;transition:all 1s;display:flex;position:absolute;top:0;left:0;transform:scale(2)}.m-scroll__title>div{animation:5s linear infinite scrollText;display:flex}.m-scroll__title h1{color:#fff;margin:0;font-size:140px;transition:all 2s}.m-scroll__title a{color:#fff;text-decoration:none}.m-scroll__title a:hover{-webkit-text-stroke:1px white;color:#0000}@keyframes scrollText{0%{transform:translate(0%)}to{transform:translate(-50%)}}@media only screen and (max-width:769px){.m-scroll__title{width:100%;white-space:nowrap;justify-content:flex-start;align-items:center;transition:all 1s;display:flex;position:absolute;top:0;left:0;transform:scale(1.1)}}.landing-page .menu-btn{height:40px;width:40px;color:#ff005f;z-index:6;background-color:#f8f8f8;border-radius:100%;position:fixed;top:30px;left:30px}.landing-page .menu-btn:hover{cursor:pointer}.landing-page .menu-btn:before{content:"+";width:100%;height:100%;text-align:center;border-radius:100%;margin-top:0;padding-top:0;font-family:serif;font-size:40px;line-height:1;transition-duration:.5s;position:absolute;top:0;left:0;font-weight:100!important}noindex:-o-prefocus,.landing-page .menu-btn:before{font-size:35px}.landing-page .menu-btn.active:before{color:#f8f8f8;background-color:#00ffae;transform:rotate(405deg)}.landing-page .overlay{height:40px;width:40px;z-index:4;background-color:#eee;border-radius:100%;transition-duration:.7s;position:fixed;top:30px;left:30px}.landing-page .overlay.active{transform:scale(100)}.landing-page .menu-container{height:100vh;width:100%;z-index:-5;opacity:0;justify-content:center;align-items:center;transition:opacity 1.5s;display:flex;position:fixed;top:0;left:0}.landing-page .menu-container .menu-wrapper{list-style:none}.landing-page .menu-container .menu-wrapper li{justify-content:left;margin:-7px 0;display:flex}.landing-page .menu-container .menu-wrapper li a{letter-spacing:5px;color:#fff0;-webkit-text-stroke:1.5px #ff005f;font-size:15vmin;font-weight:700;text-decoration:none;transition-duration:.2s}.landing-page .menu-container .menu-wrapper li a:hover{color:#ff005f;-webkit-text-stroke:0px #ff005f}.landing-page .menu-container .menu-wrapper li span{color:#0003;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.landing-page .menu-container .menu-underlay{background-color:#add8e6;position:absolute;top:100px;left:100px}.landing-page .menu-container.active{opacity:1;z-index:5;transition-delay:0s}.landing-page .landing-page-content{width:100%;height:100vh}
/*# sourceMappingURL=index.ac6b5c71.css.map */