diff --git a/CNAME b/CNAME deleted file mode 100644 index f484fc6..0000000 --- a/CNAME +++ /dev/null @@ -1 +0,0 @@ -artproject.io \ No newline at end of file diff --git a/css/main.css b/css/main.css index ba9e856..e967679 100644 --- a/css/main.css +++ b/css/main.css @@ -1 +1 @@ -/*! sanitize.css v4.1.0 | CC0 License | github.com/jonathantneal/sanitize.css */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}[hidden],template{display:none}*,::after,::before{background-repeat:no-repeat;box-sizing:inherit}::after,::before{text-decoration:inherit;vertical-align:inherit}html{box-sizing:border-box;cursor:default;font-family:sans-serif;line-height:1.5;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}h1{font-size:2em;margin:.67em 0}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}hr{height:0;overflow:visible}nav ol,nav ul{list-style:none}abbr[title]{border-bottom:1px dotted;text-decoration:none}b,strong{font-weight:inherit}b,strong{font-weight:bolder}dfn{font-style:italic}mark{background-color:#ff0;color:#000}progress{vertical-align:baseline}small{font-size:83.3333%}sub,sup{font-size:83.3333%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}::-moz-selection{background-color:#b3d4fc;color:#000;text-shadow:none}::selection{background-color:#b3d4fc;color:#000;text-shadow:none}audio,canvas,iframe,img,svg,video{vertical-align:middle}img{border-style:none}svg{fill:currentColor}svg:not(:root){overflow:hidden}a{background-color:transparent;-webkit-text-decoration-skip:objects}a:hover{outline-width:0}table{border-collapse:collapse;border-spacing:0}button,input,select,textarea{background-color:transparent;border-style:none;color:inherit;font-size:1em;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}::-moz-focus-inner{border-style:none;padding:0}:-moz-focusring{outline:1px dotted ButtonText}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{display:table;max-width:100%;padding:0;white-space:normal}textarea{overflow:auto;resize:vertical}[type=checkbox],[type=radio]{padding:0}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-cancel-button,::-webkit-search-decoration{-webkit-appearance:none}::-webkit-input-placeholder{color:inherit;opacity:.54}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}[aria-busy=true]{cursor:progress}[aria-controls]{cursor:pointer}[aria-disabled]{cursor:default}[tabindex],a,area,button,input,label,select,textarea{touch-action:manipulation}[hidden][aria-hidden=false]{clip:rect(0,0,0,0);display:inherit;position:absolute}[hidden][aria-hidden=false]:focus{clip:auto}@keyframes scrollDown{0%{transform:translateY(0)}10%{transform:translateY(10px)}15%{transform:translateY(5px)}25%{transform:translateY(10px)}100%,50%{transform:translateY(0)}}@keyframes hovering{0%{transform:translate(0,0)}30%{transform:translate(10px,15px)}70%{transform:translate(-12px,-7px)}100%{transform:translate(0,0)}}html{font-size:100%}body,html{width:100%;height:100%;margin:0;padding:0}body{font-family:"Work Sans",sans-serif;font-weight:400;line-height:1.33;color:#000;background-color:#000}*,::after,::before{box-sizing:border-box}.wrapper{height:auto;min-height:100%;overflow:hidden}*{-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}a,button,input,select,textarea{margin:0;padding:0;border:0;outline:0}a:active,a:focus,button:active,button:focus,input:active,input:focus,select:active,select:focus,textarea:active,textarea:focus{outline:0}button{font-family:"Work Sans",sans-serif;font-size:.875rem;cursor:pointer;background:0 0}button::-moz-focus-inner{border:0}input,textarea{font-family:"Work Sans",sans-serif;box-sizing:border-box}a{color:inherit;text-decoration:initial}h0{margin:0}h1{margin:0}h2{margin:0}h3{margin:0}h4{margin:0}h5{margin:0}h6{margin:0}.text--small{font-size:18px}@media only screen and (min-width:1440px){.text--small{font-size:20px}}.text--medium{font-size:18px}@media only screen and (min-width:1200px){.text--medium{font-size:24px}}.text--large{font-size:20px}@media only screen and (min-width:1440px){.text--large{font-size:26px}}.underline{text-decoration:underline}.inline-block{display:inline-block}.js-reveal-block{position:relative}.js-reveal-block.js-reveal-text::before{transform:scaleX(0)!important;transform-origin:right center}.js-reveal-block.js-reveal-orange::before{background-color:#ff5301}.js-reveal-block.js-reveal-light::before{background-color:#fff}.js-reveal-block>*{opacity:0}.js-reveal-block.active::before{transform:scaleX(1)}.js-reveal-block::before{position:absolute;top:0;left:0;z-index:1;display:block;width:100%;height:100%;background-color:#181818;content:'';transform-origin:left center;transform:scaleX(0);transition:transform .5s cubic-bezier(.165,.84,.44,1)}.js-reveal-text>*{opacity:1}.header{position:fixed;top:0;z-index:11;width:100%;height:70px;background-color:#1e1e1e}.header::after{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;background:#1e1e1e;content:''}.header__container{margin-right:auto;margin-left:auto;padding:0 25px;display:flex;align-items:center;height:100%}.header__container::after,.header__container::before{display:table;content:' '}.header__container::after{clear:both}@media only screen and (min-width:768px){.header__container{width:770px}}@media only screen and (min-width:992px){.header__container{width:990px}}@media only screen and (min-width:1200px){.header__container{width:1190px}}@media only screen and (min-width:1440px){.header__container{width:1390px}}.header__btn{z-index:1;margin-left:auto}.header-logo{position:relative;z-index:10;display:block;color:#fff}.header-logo__subtitle{position:absolute;right:0;bottom:-2px;font-size:10px;transform:translate(50%,100%)}@media only screen and (min-width:768px){.header-logo__subtitle{bottom:-5px;font-size:12px}}.header-logo svg{width:75px;height:15px}@media only screen and (min-width:768px){.header-logo svg{width:125px;height:26px}}@media only screen and (min-width:768px){.header{height:95px}}@media only screen and (min-width:1200px){.header::after,.header__btn{display:none!important}}.burger{display:inline-block;padding:15px;overflow:visible;font:inherit;color:inherit;text-transform:none;cursor:pointer;background-color:transparent;border:0}.burger.is-active .burger-inner{transform:rotate(45deg);transition-delay:.14s;transition-timing-function:cubic-bezier(.215,.61,.355,1)}.burger.is-active .burger-inner::before{top:0;opacity:0;transition:top .1s ease,opacity .1s .14s ease}.burger.is-active .burger-inner::after{bottom:0;transform:rotate(-90deg);transition:bottom .1s ease,transform .1s .14s cubic-bezier(.215,.61,.355,1)}.burger-box{position:relative;display:block;width:25px;height:16px}.burger-inner{top:50%;display:block;margin-top:-1px;transition-duration:.1s;transition-timing-function:cubic-bezier(.55,.055,.675,.19)}.burger-inner,.burger-inner::after,.burger-inner::before{position:absolute;width:25px;height:2px;background-color:#fff;border-radius:4px;transition-duration:.15s;transition-property:transform;transition-timing-function:ease}.burger-inner::after,.burger-inner::before{display:block;content:''}.burger-inner::before{top:-7px;transition:top .1s .14s ease,opacity .1s ease}.burger-inner::after{bottom:-7px;transition:bottom .1s .14s ease,transform .1s cubic-bezier(.55,.055,.675,.19)}.nav{height:100%;margin-left:auto}.nav.is-active{display:block;background-color:#181818}.nav.is-active .nav__list{transform:translate3d(0,0,0)}.nav.is-activated .nav__list{transition:.4s transform cubic-bezier(.86,0,.07,1)}.nav__list{margin:0;padding:0;list-style:none;position:absolute;top:60px;left:0;display:flex;flex-flow:column;justify-content:center;width:100%;height:calc(100vh - 60px);font-size:12px;background-color:#1e1e1e;transform:translate3d(0,-100%,0);box-shadow:0 0 15px 0 rgba(0,0,0,.1)}.nav__item{position:relative;display:flex;align-items:center;justify-content:center;padding:0 20px;letter-spacing:2px}.nav__link{position:relative;position:relative;display:flex;align-items:center;height:100%;padding:2.5vh 0;font-family:'Work Sans';font-weight:700;color:#fff;text-align:center;text-decoration:none;text-transform:uppercase;white-space:nowrap}.nav__link::after,.nav__link::before{position:absolute;top:50%;left:50%;z-index:-1;width:100%;content:attr(data-title);opacity:.7;transform:translate(-50%,-50%);transition:transform .7s cubic-bezier(0,1.54,.4,1.7)}.nav__link::before{color:#ef2f00}.nav__link::after{color:#00b4ff}.nav__link.active::before{transform:translate(calc(-50% - 2px),calc(-50% - 2px))}.nav__link.active::after{transform:translate(calc(-50% + 2px),calc(-50% + 2px))}.nav__item--sub-nav{flex-direction:column;cursor:pointer}@media only screen and (min-width:768px){.nav__list{top:78px;height:auto;padding:60px 0}.nav__link{padding:10px 0}}@media only screen and (min-width:992px){.nav__link:hover::before{transform:translate(calc(-50% - 2px),calc(-50% - 2px))}.nav__link:hover::after{transform:translate(calc(-50% + 2px),calc(-50% + 2px))}}@media only screen and (min-width:1200px){.nav__list{position:relative;top:auto;display:flex;flex-direction:row;height:100%;padding:0;opacity:1;transform:translate3d(0,0,0);box-shadow:none;transition:0s all ease}.nav__link::after{width:calc(100% - 20px)}.nav__link{position:static;flex-direction:row}}.section{width:100%;min-height:calc(100vh - 95px)}.get-involved{display:flex;align-items:center;color:#fff;background-color:#181818}.get-involved__container{margin-right:auto;margin-left:auto;padding:0 25px;position:relative}.get-involved__container::after,.get-involved__container::before{display:table;content:' '}.get-involved__container::after{clear:both}@media only screen and (min-width:768px){.get-involved__container{width:770px}}@media only screen and (min-width:992px){.get-involved__container{width:990px}}@media only screen and (min-width:1200px){.get-involved__container{width:1190px}}@media only screen and (min-width:1440px){.get-involved__container{width:1390px}}@media only screen and (min-width:768px){.get-involved__wrapper{display:flex;justify-content:space-between}}@media only screen and (min-width:768px){.get-involved__content{width:50%;padding-right:25px}}.get-involved__description{font-weight:300}@media only screen and (min-width:992px){.get-involved__description{font-size:24px}}@media only screen and (min-width:768px){.get-involved__buttons{display:flex;flex-direction:column}}@media only screen and (min-width:992px){.get-involved__buttons{display:block;margin-top:20px}}.get-involved__button+.get-involved__button{margin-top:20px}@media only screen and (min-width:992px){.get-involved__button+.get-involved__button{margin:0 0 0 10px}}.get-involved__details{max-width:470px}@media only screen and (min-width:768px){.get-involved__details{width:50%}}.get-involved__details-title{font-weight:500}.get-involved__list{margin-bottom:20px;padding-left:10px;list-style:none}.get-involved__list-item{position:relative;margin:5px 0}.get-involved__list-item::before{position:absolute;top:.5em;left:-.5em;display:block;width:4px;height:4px;border:1px solid #fff;border-radius:50%;content:''}@media only screen and (min-width:768px){.get-involved__list-item{font-size:18px}}.get-involved__counter{font-size:24px}@media only screen and (min-width:992px){.get-involved__counter{position:absolute;top:40px;left:700px}}@media only screen and (min-width:1200px){.get-involved__counter{position:absolute;top:46px;left:800px}}.get-involved__link{margin:20px 0}.get-involved__button,.get-involved__content,.get-involved__description,.get-involved__details,.get-involved__details-title,.get-involved__header{margin-top:24px}body,html{width:100%;height:100%;margin:0}.hero{padding:70px 20px 0;color:#fff;background-color:#1e1e1e}.hero__canvas{position:relative;z-index:1;width:100%;height:65vh}.hero__canvas-info{position:absolute;bottom:10px;left:10px;font-size:.7em;font-weight:600;text-transform:uppercase}.hero__canvas-info--mobile{display:block}@media only screen and (min-width:992px){.hero__canvas-info--mobile{display:none}}.hero__canvas-info--desktop{display:none}@media only screen and (min-width:992px){.hero__canvas-info--desktop{display:block}}.hero__header{font-family:"Rubik Mono One",sans-serif;font-weight:400;text-transform:uppercase;position:absolute;top:45%;left:50%;z-index:1;font-family:"Rubik Mono One",sans-serif;font-size:36px;text-align:center;pointer-events:none;transform:translate(-50%,-50%)}.hero__header--lower,.hero__header--upper{display:inline-flex;line-height:1}.hero__header--upper{transform:translate(-65%,10%)}.hero__header--lower{transform:translate(12%,-30%)}.hero__counter{position:absolute;top:25%;right:-20px;z-index:1;overflow:hidden;font-size:24px;transform:rotate(-90deg)}.hero__button{margin-top:20px}.hero__bottom{display:flex;flex-wrap:wrap;justify-content:space-between;padding-bottom:20px}.hero__detail{padding:20px 0 0;font-size:12px}.hero__detail__city{display:block}.hero__detail__event{margin:10px 0 0}.hero__scroll{margin:30px auto 0;font-size:12px;font-weight:700;text-align:center;text-transform:uppercase;cursor:pointer}.hero__scroll__text{position:relative;margin-top:20px}.hero__scroll__text::after,.hero__scroll__text::before{position:absolute;top:50%;left:50%;z-index:-1;width:100%;content:attr(data-title);opacity:.7;transform:translate(-50%,-50%);transition:transform .7s cubic-bezier(0,1.54,.4,1.7)}.hero__scroll__text::before{color:#ef2f00}.hero__scroll__text::after{color:#00b4ff}.hero__scroll__icon{animation:scrollDown 3.5s infinite}.hero__scroll:hover .hero__scroll__text::before{transform:translate(calc(-50% - 2px),calc(-50% - 2px))}.hero__scroll:hover .hero__scroll__text::after{transform:translate(calc(-50% + 2px),calc(-50% + 2px))}@media only screen and (min-width:768px){.hero__canvas{height:70vh;height:calc(100vh - 190px)}.hero__header{top:50%;font-size:80px}.hero__button{order:2}.hero__bottom{align-items:center}.hero__detail{padding:0}.hero__detail__header{margin-bottom:5px}.hero__detail__city{display:initial}.hero__detail__event{margin:0}}@media only screen and (min-width:992px){.hero{padding:95px 50px 0}.hero__canvas{width:60%}.hero__header{font-size:130px}.hero__header--upper{transform:translate(-60%,30%)}.hero__header--lower{transform:translate(8%,-20%)}.hero__bottom{height:95px}.hero__counter{top:30%;right:initial;left:70%;overflow:initial;transform-origin:left center}.hero__button{position:absolute;top:70%;left:70%;z-index:1}.hero__scroll{position:absolute;bottom:25px;left:50%}}@media only screen and (min-width:1200px){.hero__header{font-size:160px}.hero__header--lower{transform:translate(5%,-20%)}}@media only screen and (min-width:1440px){.hero__header{font-size:170px}.hero__header--upper{transform:translate(-70%,30%)}.hero__header--lower{transform:translate(12%,-20%)}}.introduction{display:flex;align-items:center;color:#fff;background-color:#000}.introduction__container{margin-right:auto;margin-left:auto;padding:0 25px;position:relative}.introduction__container::after,.introduction__container::before{display:table;content:' '}.introduction__container::after{clear:both}@media only screen and (min-width:768px){.introduction__container{width:770px}}@media only screen and (min-width:992px){.introduction__container{width:990px}}@media only screen and (min-width:1200px){.introduction__container{width:1190px}}@media only screen and (min-width:1440px){.introduction__container{width:1390px}}@media only screen and (min-width:768px){.introduction__container{display:flex;flex-flow:row-reverse wrap}}@media only screen and (min-width:1200px){.introduction__container{flex-flow:row wrap}}.introduction__header{position:relative;margin:30px 0}@media only screen and (min-width:768px){.introduction__header{flex:0 1 100%}}@media only screen and (min-width:1200px){.introduction__header{margin:80px 0;transform:translate(0,40px)}}.introduction__img{margin-bottom:20px}@media only screen and (max-width:479px){.introduction__img svg{width:320px}}@media only screen and (min-width:768px){.introduction__img{flex:1 0 50%;max-width:50%}.introduction__img svg{width:100%}}@media only screen and (min-width:992px){.introduction__img{flex:initial;margin-left:auto}}@media only screen and (min-width:1200px){.introduction__img{position:absolute;top:10%;right:25px}}@media only screen and (min-width:1440px){.introduction__img{position:absolute;right:0}}.introduction__counter{position:absolute;top:240px;right:60px;font-size:24px}@media only screen and (min-width:768px){.introduction__counter{top:280px}}@media only screen and (min-width:1200px){.introduction__counter{top:140px}}@media only screen and (min-width:768px){.introduction__wrapper{flex:1 0 50%;max-width:50%}}@media only screen and (min-width:1440px){.introduction__wrapper{margin:0 auto}}.introduction__subheader{position:relative;z-index:2}.introduction__content{display:flex}.introduction__button{margin-bottom:30px}@media only screen and (min-width:1200px) and (max-width:1439px){.introduction__button .js-parallax{transform:none!important}}@media only screen and (min-width:1440px){.introduction__button{position:absolute;top:65%;left:25px}}.introduction__link{font-size:12px;text-transform:uppercase}@media only screen and (min-width:1200px){.introduction__paragraph,.introduction__subheader{max-width:780px}}@media only screen and (min-width:1440px){.introduction__paragraph,.introduction__subheader{max-width:680px;transform:translateX(60%)}}.introduction__link,.introduction__paragraph,.introduction__subheader{margin-bottom:30px}@media only screen and (min-width:1200px){.introduction__link,.introduction__paragraph,.introduction__subheader{margin-bottom:45px}}@media only screen and (min-width:1440px){.introduction__link,.introduction__paragraph,.introduction__subheader{margin-bottom:60px}}.project{position:relative;padding:25px;color:#fff;background-color:#ff5301}@media only screen and (min-width:992px){.project__container{margin-right:auto;margin-left:auto;padding:0 25px;display:flex;align-items:center;flex-direction:column;justify-content:center}.project__container::after,.project__container::before{display:table;content:' '}.project__container::after{clear:both}}@media only screen and (min-width:992px) and (min-width:768px){.project__container{width:770px}}@media only screen and (min-width:992px) and (min-width:992px){.project__container{width:990px}}@media only screen and (min-width:992px) and (min-width:1200px){.project__container{width:1190px}}@media only screen and (min-width:992px) and (min-width:1440px){.project__container{width:1390px}}@media only screen and (min-width:1440px){.project__container{position:relative}}@media only screen and (min-width:992px){.project__header{position:absolute;bottom:100px;left:40px;z-index:2}}.project__content{margin-top:20px;font-weight:300}@media only screen and (min-width:768px){.project__content{padding-right:20px}}@media only screen and (min-width:992px){.project__content{width:60%;padding-right:0;padding-left:50px}}@media only screen and (min-width:768px) and (max-width:991px){.project__content,.project__images{width:50%}}.project__subheader{font-weight:400}.project__images{position:relative;padding-top:10px}@media only screen and (min-width:768px){.project__images{display:flex;align-items:center;flex-direction:column;margin-top:-50px}}@media only screen and (min-width:992px){.project__images{flex-direction:column-reverse;justify-content:center;width:40%;margin-top:0}}.project__image{width:100%;margin:10px 0}.project__image img{width:100%}@media only screen and (min-width:768px){.project__image{width:80%;max-width:250px}.project__image--1{margin-top:-50px;margin-left:80px}.project__image--2{margin-top:-70px;margin-left:10px}}@media only screen and (min-width:992px){.project__image{max-width:initial}.project__image--0{position:relative;z-index:1;width:50%;margin:0;margin-top:-35%;margin-left:-40%}.project__image--1{position:relative;z-index:1;width:60%;margin:0;margin-top:-25%;margin-left:50%}.project__image--2{z-index:3;width:70%;margin:0}}.project__button{margin:10px 0}@media only screen and (min-width:992px){.project__button{position:absolute;top:50%;left:15%;z-index:5}}.project__counter{position:absolute;bottom:20%;left:22px;font-size:24px;transform:rotate(90deg);transform-origin:left center}@media only screen and (min-width:768px){.project__counter{right:0;left:initial}}@media only screen and (min-width:992px){.project__counter{right:50px;bottom:20px;transform-origin:right center}}@media only screen and (min-width:1440px){.project__counter{right:30px;bottom:-8%}}.project__link{margin-top:20px}@media only screen and (min-width:992px){.project__link{position:absolute;bottom:30px;left:50px}}@media only screen and (min-width:1440px){.project__link{bottom:-100px}}@media only screen and (min-width:768px){.project__wrapper{display:flex}}@media only screen and (min-width:992px){.project__wrapper{flex-direction:row-reverse}}@media only screen and (min-width:992px){.project{padding:60px 0 80px}}@media only screen and (min-width:1440px){.project{display:flex;align-items:center;justify-content:center}}.structure{display:flex;align-items:center;padding-top:10px;color:#ff3a00;background-color:#fff}.structure__container{margin-right:auto;margin-left:auto;padding:0 25px;position:relative}.structure__container::after,.structure__container::before{display:table;content:' '}.structure__container::after{clear:both}@media only screen and (min-width:768px){.structure__container{width:770px}}@media only screen and (min-width:992px){.structure__container{width:990px}}@media only screen and (min-width:1200px){.structure__container{width:1190px}}@media only screen and (min-width:1440px){.structure__container{width:1390px}}@media only screen and (min-width:1200px){.structure__container{display:flex;flex-direction:row-reverse}}.structure__content{position:relative;height:100%;margin-top:30px}@media only screen and (min-width:1200px){.structure__content{width:50%}}.structure__header{position:absolute;z-index:2}@media only screen and (min-width:1200px){.structure__header{transform:translate(-2px,-260px)}}.structure__details{padding-right:20px;font-weight:300;color:#000}@media only screen and (min-width:768px){.structure__details{margin-top:60px}}@media only screen and (min-width:1200px){.structure__details{width:50%;margin-top:0}}.structure__counter{font-size:20px;font-weight:400;color:#ff3a00}@media only screen and (min-width:768px){.structure__counter{margin:30px 0;font-size:24px}}.structure__link{margin:20px 0}.structure__image{max-width:100%;padding-bottom:95%;background:url(../images/structure.jpg) no-repeat center center/cover}.structure__button{z-index:10;margin-top:10px}@media only screen and (min-width:768px){.structure__button{position:absolute;right:18%;bottom:-20px}}@media only screen and (min-width:992px){.structure__button{transform:translateY(-100px)}}@media only screen and (min-width:768px){.structure{padding-top:30px}}.team{position:relative;padding:20px 0;overflow:hidden;color:#fff}.team__background{position:fixed;top:20%;z-index:-1}@media only screen and (min-width:992px){.team__background{right:10%}}.team__container{margin-right:auto;margin-left:auto;padding:0 25px;position:relative}.team__container::after,.team__container::before{display:table;content:' '}.team__container::after{clear:both}@media only screen and (min-width:768px){.team__container{width:770px}}@media only screen and (min-width:992px){.team__container{width:990px}}@media only screen and (min-width:1200px){.team__container{width:1190px}}@media only screen and (min-width:1440px){.team__container{width:1390px}}.team__header{margin-bottom:20px}@media only screen and (min-width:992px){.team__header{position:absolute;top:44%;z-index:1}}@media only screen and (min-width:1200px){.team__header{top:31%}}.team__counter{font-size:20px}@media only screen and (min-width:992px){.team__counter{position:absolute;top:0;right:0;font-size:24px;transform:rotate(90deg) translate(70%,20%);transform-origin:right center}}.team__scroll{display:none}@media only screen and (min-width:992px){.team__scroll{position:absolute;top:100px;right:-18px;display:block;text-align:center}.team__scroll__text{margin-bottom:30px;font-size:12px;font-weight:600;text-transform:uppercase;transform:rotate(-90deg)}}.team__quote{margin-bottom:20px}.team__quote__text{margin:0}.team__quote__author{font-size:12px;font-weight:600;text-transform:uppercase}@media only screen and (min-width:992px){.team__quote{max-width:40%;font-size:24px;font-weight:300}.team__quote__author{margin-top:30px}}@media only screen and (min-width:480px){.team__profiles{display:flex;flex-flow:row wrap;justify-content:space-between}}@media only screen and (min-width:1200px){.team__profiles{transform:translateY(300px)}}.team__profile{margin:10px 0 25px;text-align:center}.team__profile:nth-of-type(1){color:#e78d01}.team__profile:nth-of-type(2){color:#5862a9}.team__profile:nth-of-type(3){color:#94ac20}.team__profile:nth-of-type(4){color:#e4c102}.team__profile:nth-of-type(5){color:#ef2f00}.team__profile:nth-of-type(6){color:#ca4eca}.team__profile:nth-of-type(7){color:#694ac9}.team__profile:nth-of-type(8){color:#6eccce}@media only screen and (min-width:480px){.team__profile{width:calc(50% - 10px)}}@media only screen and (min-width:992px){.team__profile{max-width:250px;margin:40px 0;text-align:left}.team__profile:nth-of-type(1){transform:translate(30%,0)}.team__profile:nth-of-type(2){transform:translate(20%,-55%)}.team__profile:nth-of-type(3){transform:translate(0,10%)}.team__profile:nth-of-type(4){transform:translate(10%,10%)}.team__profile:nth-of-type(5){transform:translate(5%,-40%)}.team__profile:nth-of-type(6){transform:translate(-10%,5%)}.team__profile:nth-of-type(7){transform:translate(80%,0)}.team__profile:nth-of-type(8){transform:translate(-30%,10%)}}@media only screen and (min-width:1200px){.team__profile{margin:55px 0}.team__profile:nth-of-type(1){transform:translate(35%,0)}.team__profile:nth-of-type(2){transform:translate(30%,-40%)}.team__profile:nth-of-type(3){transform:translate(10%,20%)}.team__profile:nth-of-type(4){transform:translate(10%,60%)}.team__profile:nth-of-type(5){z-index:1;transform:translate(5%,-20%)}.team__profile:nth-of-type(6){transform:translate(-5%,30%)}.team__profile:nth-of-type(7){transform:translate(95%,0)}.team__profile:nth-of-type(8){transform:translate(40%,10%)}}@media only screen and (min-width:992px){.team{padding:50px 0}}@media only screen and (min-width:1200px){.team{padding:60px 0 40px}}.footer{padding:10px;font-family:'Work Sans';font-size:12px;color:#181818;text-transform:uppercase;background-color:#fff}.footer__list{display:flex;align-items:center;flex-wrap:wrap;justify-content:flex-start;margin:0;padding:0;list-style:none}.footer__link{position:relative;display:block;padding:10px;font-weight:700;color:inherit;text-decoration:none}.footer__link::before{position:absolute;bottom:6px;left:10px;display:block;width:calc(100% - 20px);height:2px;background:#000;content:'';transform:scaleX(0);transform-origin:left center;transition:transform .5s cubic-bezier(.165,.84,.44,1)}.footer__link:hover::before{transform:scaleX(1)}.footer__attribution{margin-top:10px;padding:10px}@media only screen and (min-width:768px){.footer{padding:15px 35px}}@media only screen and (min-width:1200px){.footer{display:flex;justify-content:space-between}.footer__list-item+.footer__list-item{margin-left:20px}.footer__attribution{margin:0;text-align:center}}.button{display:inline-block;width:100%}.button,.button__hover-trigger{font-family:'Work Sans';font-size:14px;font-weight:600;text-transform:uppercase;transition:all .25s ease-in-out}.button__hover-trigger:hover .button__wrapper::before{transform:scaleX(1)}.button__text{position:relative}.button__wrapper{position:relative;display:inline-flex;align-items:center;justify-content:center;width:100%;padding:16px;color:#fff;border:2px solid currentColor}.button__wrapper--black::before{background:#000!important}.button__wrapper::before{position:absolute;top:0;left:0;display:block;width:100%;height:100%;background:#ff5301;content:close-quote;transform:scaleX(0);transform-origin:left center;transition:transform .5s cubic-bezier(.165,.84,.44,1)}.button__icon{margin-right:10px;transform:scale(.8);transition:all .25s ease-in-out}@media only screen and (min-width:768px){.button{width:initial;font-size:16px}.button__wrapper{padding:25px}}.heading{font-family:"Rubik Mono One",sans-serif;font-weight:400;text-transform:uppercase;font-size:26px}@media only screen and (min-width:768px){.heading{font-size:52px}}@media only screen and (min-width:1200px){.heading{font-size:60px}}.next-section-link{display:block;font-family:"Work Sans",sans-serif;font-size:13px;font-weight:500;text-transform:uppercase}.next-section-link__wrapper{position:relative;z-index:1}.next-section-link__wrapper::after,.next-section-link__wrapper::before{position:absolute;top:50%;left:50%;z-index:-1;width:100%;content:attr(data-title);opacity:.7;transform:translate(-50%,-50%);transition:transform .7s cubic-bezier(0,1.54,.4,1.7)}.next-section-link__wrapper::before{color:#ef2f00}.next-section-link__wrapper::after{color:#00b4ff}@media only screen and (min-width:992px){.next-section-link__wrapper:hover::before{transform:translate(calc(-50% - 2px),calc(-50% - 2px))}.next-section-link__wrapper:hover::after{transform:translate(calc(-50% + 2px),calc(-50% + 2px))}}@media only screen and (min-width:1200px){.profile__container{position:relative;max-width:250px}}.profile__cover{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#1e1e1e;transform-origin:left center;transition:transform .7s cubic-bezier(.23,1,.32,1)}.active .profile__cover{transform:scaleX(0)}.profile__image-wrapper{display:flex;align-items:center;justify-content:center;margin:0}.profile__image{position:relative;width:100%;background-color:#fff;background-position:center center;background-size:cover}.profile__image::after{display:block;padding-bottom:114%;content:''}.profile__location,.profile__name{font-family:"Rubik Mono One",sans-serif;font-weight:400;text-transform:uppercase;text-transform:uppercase}.profile__location{font-size:12px}.profile__name{font-size:24px}@media only screen and (min-width:992px){.profile__name{font-size:32px}}@media only screen and (min-width:1200px){.profile__name{font-size:48px}}.profile__detail{margin-top:10px}@media only screen and (min-width:992px){.profile__detail{position:absolute;bottom:0;width:100%;margin:0}.profile__detail--index-0{transform:translate(-20%,-100%)}.profile__detail--index-1{top:0;transform:translate(80%,-20%)}.profile__detail--index-2{transform:translate(-25%,40%)}.profile__detail--index-3{transform:translate(-20%,50%)}.profile__detail--index-4{transform:translate(20%,45%)}.profile__detail--index-5{transform:translate(55%,-60%)}.profile__detail--index-6{transform:translate(-20%,25%)}.profile__detail--index-7{transform:translate(-30%,40%)}}@media only screen and (min-width:1200px){.profile__detail{line-height:1.1}.profile__detail--index-0{transform:translate(-25%,-50%)}.profile__detail--index-1{top:0;transform:translate(80%,-25%)}.profile__detail--index-2{transform:translate(-45%,45%)}.profile__detail--index-3{transform:translate(-25%,65%)}.profile__detail--index-4{transform:translate(20%,45%)}.profile__detail--index-5{transform:translate(75%,-50%)}.profile__detail--index-6{transform:translate(-20%,25%)}.profile__detail--index-7{transform:translate(-40%,45%)}}@media only screen and (min-width:1200px){.profile{width:33%;max-width:initial}} \ No newline at end of file +/*! sanitize.css v4.1.0 | CC0 License | github.com/jonathantneal/sanitize.css */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}[hidden],template{display:none}*,::after,::before{background-repeat:no-repeat;box-sizing:inherit}::after,::before{text-decoration:inherit;vertical-align:inherit}html{box-sizing:border-box;cursor:default;font-family:sans-serif;line-height:1.5;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}h1{font-size:2em;margin:.67em 0}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}hr{height:0;overflow:visible}nav ol,nav ul{list-style:none}abbr[title]{border-bottom:1px dotted;text-decoration:none}b,strong{font-weight:inherit}b,strong{font-weight:bolder}dfn{font-style:italic}mark{background-color:#ff0;color:#000}progress{vertical-align:baseline}small{font-size:83.3333%}sub,sup{font-size:83.3333%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}::-moz-selection{background-color:#b3d4fc;color:#000;text-shadow:none}::selection{background-color:#b3d4fc;color:#000;text-shadow:none}audio,canvas,iframe,img,svg,video{vertical-align:middle}img{border-style:none}svg{fill:currentColor}svg:not(:root){overflow:hidden}a{background-color:transparent;-webkit-text-decoration-skip:objects}a:hover{outline-width:0}table{border-collapse:collapse;border-spacing:0}button,input,select,textarea{background-color:transparent;border-style:none;color:inherit;font-size:1em;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}::-moz-focus-inner{border-style:none;padding:0}:-moz-focusring{outline:1px dotted ButtonText}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{display:table;max-width:100%;padding:0;white-space:normal}textarea{overflow:auto;resize:vertical}[type=checkbox],[type=radio]{padding:0}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-cancel-button,::-webkit-search-decoration{-webkit-appearance:none}::-webkit-input-placeholder{color:inherit;opacity:.54}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}[aria-busy=true]{cursor:progress}[aria-controls]{cursor:pointer}[aria-disabled]{cursor:default}[tabindex],a,area,button,input,label,select,textarea{touch-action:manipulation}[hidden][aria-hidden=false]{clip:rect(0,0,0,0);display:inherit;position:absolute}[hidden][aria-hidden=false]:focus{clip:auto}@keyframes scrollDown{0%{transform:translateY(0)}10%{transform:translateY(10px)}15%{transform:translateY(5px)}25%{transform:translateY(10px)}100%,50%{transform:translateY(0)}}@keyframes hovering{0%{transform:translate(0,0)}30%{transform:translate(10px,15px)}70%{transform:translate(-12px,-7px)}100%{transform:translate(0,0)}}html{font-size:100%}body,html{width:100%;height:100%;margin:0;padding:0}body{font-family:"Work Sans",sans-serif;font-weight:400;line-height:1.33;color:#000;background-color:#000}*,::after,::before{box-sizing:border-box}.wrapper{height:auto;min-height:100%;overflow:hidden}*{-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}a,button,input,select,textarea{margin:0;padding:0;border:0;outline:0}a:active,a:focus,button:active,button:focus,input:active,input:focus,select:active,select:focus,textarea:active,textarea:focus{outline:0}button{font-family:"Work Sans",sans-serif;font-size:.875rem;cursor:pointer;background:0 0}button::-moz-focus-inner{border:0}input,textarea{font-family:"Work Sans",sans-serif;box-sizing:border-box}a{color:inherit;text-decoration:initial}h0{margin:0}h1{margin:0}h2{margin:0}h3{margin:0}h4{margin:0}h5{margin:0}h6{margin:0}.text--small{font-size:18px}@media only screen and (min-width:1440px){.text--small{font-size:20px}}.text--medium{font-size:18px}@media only screen and (min-width:1200px){.text--medium{font-size:24px}}.text--large{font-size:20px}@media only screen and (min-width:1440px){.text--large{font-size:26px}}.underline{text-decoration:underline}.inline-block{display:inline-block}.js-reveal-block{position:relative}.js-reveal-block.js-reveal-text::before{transform:scaleX(0)!important;transform-origin:right center}.js-reveal-block.js-reveal-orange::before{background-color:#ff5301}.js-reveal-block.js-reveal-light::before{background-color:#fff}.js-reveal-block>*{opacity:0}.js-reveal-block.active::before{transform:scaleX(1)}.js-reveal-block::before{position:absolute;top:0;left:0;z-index:1;display:block;width:100%;height:100%;background-color:#181818;content:'';transform-origin:left center;transform:scaleX(0);transition:transform .5s cubic-bezier(.165,.84,.44,1)}.js-reveal-text>*{opacity:1}.header{position:fixed;top:0;z-index:11;width:100%;height:70px;background-color:#1e1e1e}.header::after{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;background:#1e1e1e;content:''}.header__container{margin-right:auto;margin-left:auto;padding:0 25px;display:flex;align-items:center;height:100%}.header__container::after,.header__container::before{display:table;content:' '}.header__container::after{clear:both}@media only screen and (min-width:768px){.header__container{width:770px}}@media only screen and (min-width:992px){.header__container{width:990px}}@media only screen and (min-width:1200px){.header__container{width:1190px}}@media only screen and (min-width:1440px){.header__container{width:1390px}}.header__btn{z-index:1;margin-left:auto}.header-logo{position:relative;z-index:10;display:block;color:#fff}.header-logo__subtitle{position:absolute;right:0;bottom:-2px;font-size:10px;transform:translate(50%,100%)}@media only screen and (min-width:768px){.header-logo__subtitle{bottom:-5px;font-size:12px}}.header-logo svg{width:75px;height:15px}@media only screen and (min-width:768px){.header-logo svg{width:125px;height:26px}}@media only screen and (min-width:768px){.header{height:95px}}@media only screen and (min-width:1200px){.header::after,.header__btn{display:none!important}}.burger{display:inline-block;padding:15px;overflow:visible;font:inherit;color:inherit;text-transform:none;cursor:pointer;background-color:transparent;border:0}.burger.is-active .burger-inner{transform:rotate(45deg);transition-delay:.14s;transition-timing-function:cubic-bezier(.215,.61,.355,1)}.burger.is-active .burger-inner::before{top:0;opacity:0;transition:top .1s ease,opacity .1s .14s ease}.burger.is-active .burger-inner::after{bottom:0;transform:rotate(-90deg);transition:bottom .1s ease,transform .1s .14s cubic-bezier(.215,.61,.355,1)}.burger-box{position:relative;display:block;width:25px;height:16px}.burger-inner{top:50%;display:block;margin-top:-1px;transition-duration:.1s;transition-timing-function:cubic-bezier(.55,.055,.675,.19)}.burger-inner,.burger-inner::after,.burger-inner::before{position:absolute;width:25px;height:2px;background-color:#fff;border-radius:4px;transition-duration:.15s;transition-property:transform;transition-timing-function:ease}.burger-inner::after,.burger-inner::before{display:block;content:''}.burger-inner::before{top:-7px;transition:top .1s .14s ease,opacity .1s ease}.burger-inner::after{bottom:-7px;transition:bottom .1s .14s ease,transform .1s cubic-bezier(.55,.055,.675,.19)}.nav{height:100%;margin-left:auto}.nav.is-active{display:block;background-color:#181818}.nav.is-active .nav__list{transform:translate3d(0,0,0)}.nav.is-activated .nav__list{transition:.4s transform cubic-bezier(.86,0,.07,1)}.nav__list{margin:0;padding:0;list-style:none;position:absolute;top:60px;left:0;display:flex;flex-flow:column;justify-content:center;width:100%;height:calc(100vh - 60px);font-size:12px;background-color:#1e1e1e;transform:translate3d(0,-100%,0);box-shadow:0 0 15px 0 rgba(0,0,0,.1)}.nav__item{position:relative;display:flex;align-items:center;justify-content:center;padding:0 20px;letter-spacing:2px}.nav__link{position:relative;position:relative;display:flex;align-items:center;height:100%;padding:2.5vh 0;font-family:'Work Sans';font-weight:700;color:#fff;text-align:center;text-decoration:none;text-transform:uppercase;white-space:nowrap}.nav__link::after,.nav__link::before{position:absolute;top:50%;left:50%;z-index:-1;width:100%;content:attr(data-title);opacity:.7;transform:translate(-50%,-50%);transition:transform .7s cubic-bezier(0,1.54,.4,1.7)}.nav__link::before{color:#ef2f00}.nav__link::after{color:#00b4ff}.nav__link.active::before{transform:translate(calc(-50% - 2px),calc(-50% - 2px))}.nav__link.active::after{transform:translate(calc(-50% + 2px),calc(-50% + 2px))}.nav__item--sub-nav{flex-direction:column;cursor:pointer}@media only screen and (min-width:768px){.nav__list{top:78px;height:auto;padding:60px 0}.nav__link{padding:10px 0}}@media only screen and (min-width:992px){.nav__link:hover::before{transform:translate(calc(-50% - 2px),calc(-50% - 2px))}.nav__link:hover::after{transform:translate(calc(-50% + 2px),calc(-50% + 2px))}}@media only screen and (min-width:1200px){.nav__list{position:relative;top:auto;display:flex;flex-direction:row;height:100%;padding:0;opacity:1;transform:translate3d(0,0,0);box-shadow:none;transition:0s all ease}.nav__link::after{width:calc(100% - 20px)}.nav__link{position:static;flex-direction:row}}.section{width:100%;min-height:calc(100vh - 95px)}.get-involved{display:flex;align-items:center;color:#fff;background-color:#181818}.get-involved__container{margin-right:auto;margin-left:auto;padding:0 25px;position:relative}.get-involved__container::after,.get-involved__container::before{display:table;content:' '}.get-involved__container::after{clear:both}@media only screen and (min-width:768px){.get-involved__container{width:770px}}@media only screen and (min-width:992px){.get-involved__container{width:990px}}@media only screen and (min-width:1200px){.get-involved__container{width:1190px}}@media only screen and (min-width:1440px){.get-involved__container{width:1390px}}@media only screen and (min-width:768px){.get-involved__wrapper{display:flex;justify-content:space-between}}@media only screen and (min-width:768px){.get-involved__content{width:50%;padding-right:25px}}.get-involved__description{font-weight:300}@media only screen and (min-width:992px){.get-involved__description{font-size:24px}}@media only screen and (min-width:768px){.get-involved__buttons{display:flex;flex-direction:column}}@media only screen and (min-width:992px){.get-involved__buttons{display:block;margin-top:20px}}.get-involved__button+.get-involved__button{margin-top:20px}@media only screen and (min-width:992px){.get-involved__button+.get-involved__button{margin:0 0 0 10px}}.get-involved__details{max-width:470px}@media only screen and (min-width:768px){.get-involved__details{width:50%}}.get-involved__details-title{font-weight:500}.get-involved__list{margin-bottom:20px;padding-left:10px;list-style:none}.get-involved__list-item{position:relative;margin:5px 0}.get-involved__list-item::before{position:absolute;top:.5em;left:-.5em;display:block;width:4px;height:4px;border:1px solid #fff;border-radius:50%;content:''}@media only screen and (min-width:768px){.get-involved__list-item{font-size:18px}}.get-involved__counter{font-size:24px}@media only screen and (min-width:992px){.get-involved__counter{position:absolute;top:40px;left:700px}}@media only screen and (min-width:1200px){.get-involved__counter{position:absolute;top:46px;left:800px}}.get-involved__link{margin:20px 0}.get-involved__button,.get-involved__content,.get-involved__description,.get-involved__details,.get-involved__details-title,.get-involved__header{margin-top:24px}body,html{width:100%;height:100%;margin:0}.hero{padding:70px 20px 0;color:#fff;background-color:#1e1e1e}.hero__canvas{position:relative;z-index:1;width:100%;height:65vh}.hero__canvas-info{position:absolute;bottom:10px;left:10px;font-size:.7em;font-weight:600;text-transform:uppercase}.hero__canvas-info--mobile{display:block}@media only screen and (min-width:992px){.hero__canvas-info--mobile{display:none}}.hero__canvas-info--desktop{display:none}@media only screen and (min-width:992px){.hero__canvas-info--desktop{display:block}}.hero__header{font-family:"Rubik Mono One",sans-serif;font-weight:400;text-transform:uppercase;position:absolute;top:45%;left:50%;z-index:1;font-family:"Rubik Mono One",sans-serif;font-size:36px;text-align:center;pointer-events:none;transform:translate(-50%,-50%)}.hero__header--lower,.hero__header--upper{display:inline-flex;line-height:1}.hero__header--upper{transform:translate(-65%,10%)}.hero__header--lower{transform:translate(12%,-30%)}.hero__counter{position:absolute;top:25%;right:-20px;z-index:1;overflow:hidden;font-size:24px;transform:rotate(-90deg)}.hero__button{margin-top:20px}.hero__bottom{display:flex;flex-wrap:wrap;justify-content:space-between;padding-bottom:20px}.hero__detail{padding:20px 0 0;font-size:12px}.hero__detail__city{display:block}.hero__detail__event{margin:10px 0 0}.hero__scroll{margin:30px auto 0;font-size:12px;font-weight:700;text-align:center;text-transform:uppercase;cursor:pointer}.hero__scroll__text{position:relative;margin-top:20px}.hero__scroll__text::after,.hero__scroll__text::before{position:absolute;top:50%;left:50%;z-index:-1;width:100%;content:attr(data-title);opacity:.7;transform:translate(-50%,-50%);transition:transform .7s cubic-bezier(0,1.54,.4,1.7)}.hero__scroll__text::before{color:#ef2f00}.hero__scroll__text::after{color:#00b4ff}.hero__scroll__icon{animation:scrollDown 3.5s infinite}.hero__scroll:hover .hero__scroll__text::before{transform:translate(calc(-50% - 2px),calc(-50% - 2px))}.hero__scroll:hover .hero__scroll__text::after{transform:translate(calc(-50% + 2px),calc(-50% + 2px))}@media only screen and (min-width:768px){.hero__canvas{height:70vh;height:calc(100vh - 190px)}.hero__header{top:50%;font-size:80px}.hero__button{order:2}.hero__bottom{align-items:center}.hero__detail{padding:0}.hero__detail__header{margin-bottom:5px}.hero__detail__city{display:initial}.hero__detail__event{margin:0}}@media only screen and (min-width:992px){.hero{padding:95px 50px 0}.hero__canvas{width:60%}.hero__header{font-size:130px}.hero__header--upper{transform:translate(-60%,30%)}.hero__header--lower{transform:translate(8%,-20%)}.hero__bottom{height:95px}.hero__counter{top:30%;right:initial;left:70%;overflow:initial;transform-origin:left center}.hero__button{position:absolute;top:70%;left:70%;z-index:1}.hero__scroll{position:absolute;bottom:25px;left:50%}}@media only screen and (min-width:1200px){.hero__header{font-size:160px}.hero__header--lower{transform:translate(5%,-20%)}}@media only screen and (min-width:1440px){.hero__header{font-size:170px}.hero__header--upper{transform:translate(-70%,30%)}.hero__header--lower{transform:translate(12%,-20%)}}.introduction{display:flex;align-items:center;color:#fff;background-color:#000}.introduction__container{margin-right:auto;margin-left:auto;padding:0 25px;position:relative}.introduction__container::after,.introduction__container::before{display:table;content:' '}.introduction__container::after{clear:both}@media only screen and (min-width:768px){.introduction__container{width:770px}}@media only screen and (min-width:992px){.introduction__container{width:990px}}@media only screen and (min-width:1200px){.introduction__container{width:1190px}}@media only screen and (min-width:1440px){.introduction__container{width:1390px}}@media only screen and (min-width:768px){.introduction__container{display:flex;flex-flow:row-reverse wrap}}@media only screen and (min-width:1200px){.introduction__container{flex-flow:row wrap}}.introduction__header{position:relative;margin:30px 0}@media only screen and (min-width:768px){.introduction__header{flex:0 1 100%}}@media only screen and (min-width:1200px){.introduction__header{margin:80px 0;transform:translate(0,40px)}}.introduction__img{margin-bottom:20px}@media only screen and (max-width:479px){.introduction__img svg{width:320px}}@media only screen and (min-width:768px){.introduction__img{flex:1 0 50%;max-width:50%}.introduction__img svg{width:100%}}@media only screen and (min-width:992px){.introduction__img{flex:initial;margin-left:auto}}@media only screen and (min-width:1200px){.introduction__img{position:absolute;top:10%;right:25px}}@media only screen and (min-width:1440px){.introduction__img{position:absolute;right:0}}.introduction__counter{position:absolute;top:240px;right:60px;font-size:24px}@media only screen and (min-width:768px){.introduction__counter{top:280px}}@media only screen and (min-width:1200px){.introduction__counter{top:140px}}@media only screen and (min-width:768px){.introduction__wrapper{flex:1 0 50%;max-width:50%}}@media only screen and (min-width:1440px){.introduction__wrapper{margin:0 auto}}.introduction__subheader{position:relative;z-index:2}.introduction__content{display:flex}.introduction__button{margin-bottom:30px}@media only screen and (min-width:1200px) and (max-width:1439px){.introduction__button .js-parallax{transform:none!important}}@media only screen and (min-width:1440px){.introduction__button{position:absolute;top:65%;left:25px}}.introduction__link{font-size:12px;text-transform:uppercase}@media only screen and (min-width:1200px){.introduction__paragraph,.introduction__subheader{max-width:780px}}@media only screen and (min-width:1440px){.introduction__paragraph,.introduction__subheader{max-width:680px;transform:translateX(60%)}}.introduction__link,.introduction__paragraph,.introduction__subheader{margin-bottom:30px}@media only screen and (min-width:1200px){.introduction__link,.introduction__paragraph,.introduction__subheader{margin-bottom:45px}}@media only screen and (min-width:1440px){.introduction__link,.introduction__paragraph,.introduction__subheader{margin-bottom:60px}}.project{position:relative;padding:25px;color:#fff;background-color:#ff5301}@media only screen and (min-width:992px){.project__container{margin-right:auto;margin-left:auto;padding:0 25px;display:flex;align-items:center;flex-direction:column;justify-content:center}.project__container::after,.project__container::before{display:table;content:' '}.project__container::after{clear:both}}@media only screen and (min-width:992px) and (min-width:768px){.project__container{width:770px}}@media only screen and (min-width:992px) and (min-width:992px){.project__container{width:990px}}@media only screen and (min-width:992px) and (min-width:1200px){.project__container{width:1190px}}@media only screen and (min-width:992px) and (min-width:1440px){.project__container{width:1390px}}@media only screen and (min-width:1440px){.project__container{position:relative}}@media only screen and (min-width:992px){.project__header{position:absolute;bottom:100px;left:40px;z-index:2}}.project__content{margin-top:20px;font-weight:300}@media only screen and (min-width:768px){.project__content{padding-right:20px}}@media only screen and (min-width:992px){.project__content{width:60%;padding-right:0;padding-left:50px}}@media only screen and (min-width:768px) and (max-width:991px){.project__content,.project__images{width:50%}}.project__subheader{font-weight:400}.project__images{position:relative;padding-top:10px}@media only screen and (min-width:768px){.project__images{display:flex;align-items:center;flex-direction:column;margin-top:-50px}}@media only screen and (min-width:992px){.project__images{flex-direction:column-reverse;justify-content:center;width:40%;margin-top:0}}.project__image{width:100%;margin:10px 0}.project__image img{width:100%}@media only screen and (min-width:768px){.project__image{width:80%;max-width:250px}.project__image--1{margin-top:-50px;margin-left:80px}.project__image--2{margin-top:-70px;margin-left:10px}}@media only screen and (min-width:992px){.project__image{max-width:initial}.project__image--0{position:relative;z-index:1;width:50%;margin:0;margin-top:-35%;margin-left:-40%}.project__image--1{position:relative;z-index:1;width:60%;margin:0;margin-top:-25%;margin-left:50%}.project__image--2{z-index:3;width:70%;margin:0}}.project__button{margin:10px 0}@media only screen and (min-width:992px){.project__button{position:absolute;top:50%;left:15%;z-index:5}}.project__counter{position:absolute;bottom:20%;left:22px;font-size:24px;transform:rotate(90deg);transform-origin:left center}@media only screen and (min-width:768px){.project__counter{right:0;left:initial}}@media only screen and (min-width:992px){.project__counter{right:50px;bottom:20px;transform-origin:right center}}@media only screen and (min-width:1440px){.project__counter{right:30px;bottom:-8%}}.project__link{margin-top:20px}@media only screen and (min-width:992px){.project__link{position:absolute;bottom:30px;left:50px}}@media only screen and (min-width:1440px){.project__link{bottom:-100px}}@media only screen and (min-width:768px){.project__wrapper{display:flex}}@media only screen and (min-width:992px){.project__wrapper{flex-direction:row-reverse}}@media only screen and (min-width:992px){.project{padding:60px 0 80px}}@media only screen and (min-width:1440px){.project{display:flex;align-items:center;justify-content:center}}.structure{display:flex;align-items:center;padding-top:10px;color:#ff3a00;background-color:#fff}.structure__container{margin-right:auto;margin-left:auto;padding:0 25px;position:relative}.structure__container::after,.structure__container::before{display:table;content:' '}.structure__container::after{clear:both}@media only screen and (min-width:768px){.structure__container{width:770px}}@media only screen and (min-width:992px){.structure__container{width:990px}}@media only screen and (min-width:1200px){.structure__container{width:1190px}}@media only screen and (min-width:1440px){.structure__container{width:1390px}}@media only screen and (min-width:1200px){.structure__container{display:flex;flex-direction:row-reverse}}.structure__content{position:relative;height:100%;margin-top:30px}@media only screen and (min-width:1200px){.structure__content{width:50%}}.structure__header{position:absolute;z-index:2}@media only screen and (min-width:1200px){.structure__header{transform:translate(-2px,-260px)}}.structure__details{padding-right:20px;font-weight:300;color:#000}@media only screen and (min-width:768px){.structure__details{margin-top:60px}}@media only screen and (min-width:1200px){.structure__details{width:50%;margin-top:0}}.structure__counter{font-size:20px;font-weight:400;color:#ff3a00}@media only screen and (min-width:768px){.structure__counter{margin:30px 0;font-size:24px}}.structure__link{margin:20px 0}.structure__image{max-width:100%;padding-bottom:95%;background:url(../images/structure.jpg) no-repeat center center/cover}.structure__button{z-index:10;margin-top:10px}@media only screen and (min-width:768px){.structure__button{position:absolute;right:18%;bottom:-20px}}@media only screen and (min-width:992px){.structure__button{transform:translateY(-100px)}}@media only screen and (min-width:768px){.structure{padding-top:30px}}.team{position:relative;padding:20px 0;overflow:hidden;color:#fff}.team__background{position:fixed;top:20%;z-index:-1}@media only screen and (min-width:992px){.team__background{right:10%}}.team__container{margin-right:auto;margin-left:auto;padding:0 25px;position:relative}.team__container::after,.team__container::before{display:table;content:' '}.team__container::after{clear:both}@media only screen and (min-width:768px){.team__container{width:770px}}@media only screen and (min-width:992px){.team__container{width:990px}}@media only screen and (min-width:1200px){.team__container{width:1190px}}@media only screen and (min-width:1440px){.team__container{width:1390px}}.team__header{margin-bottom:20px}@media only screen and (min-width:992px){.team__header{position:absolute;top:44%;z-index:1}}@media only screen and (min-width:1200px){.team__header{top:31%}}.team__counter{font-size:20px}@media only screen and (min-width:992px){.team__counter{position:absolute;top:0;right:0;font-size:24px;transform:rotate(90deg) translate(70%,20%);transform-origin:right center}}.team__scroll{display:none}@media only screen and (min-width:992px){.team__scroll{position:absolute;top:100px;right:-18px;display:block;text-align:center}.team__scroll__text{margin-bottom:30px;font-size:12px;font-weight:600;text-transform:uppercase;transform:rotate(-90deg)}}.team__quote{margin-bottom:20px}.team__quote__text{margin:0}.team__quote__author{font-size:12px;font-weight:600;text-transform:uppercase}@media only screen and (min-width:992px){.team__quote{max-width:40%;font-size:24px;font-weight:300}.team__quote__author{margin-top:30px}}@media only screen and (min-width:480px){.team__profiles{display:flex;flex-flow:row wrap;justify-content:space-between}}@media only screen and (min-width:1200px){.team__profiles{transform:translateY(300px)}}.team__profile{margin:10px 0 25px;text-align:center}.team__profile:nth-of-type(1){color:#e78d01}.team__profile:nth-of-type(2){color:#5862a9}.team__profile:nth-of-type(3){color:#94ac20}.team__profile:nth-of-type(4){color:#e4c102}.team__profile:nth-of-type(5){color:#ef2f00}.team__profile:nth-of-type(6){color:#ca4eca}.team__profile:nth-of-type(7){color:#694ac9}.team__profile:nth-of-type(8){color:#6eccce}@media only screen and (min-width:480px){.team__profile{width:calc(50% - 10px)}}@media only screen and (min-width:992px){.team__profile{max-width:250px;margin:40px 0;text-align:left}.team__profile:nth-of-type(1){transform:translate(30%,0)}.team__profile:nth-of-type(2){transform:translate(20%,-55%)}.team__profile:nth-of-type(3){transform:translate(0,10%)}.team__profile:nth-of-type(4){transform:translate(10%,10%)}.team__profile:nth-of-type(5){transform:translate(5%,-40%)}.team__profile:nth-of-type(6){transform:translate(-10%,5%)}.team__profile:nth-of-type(7){transform:translate(80%,0)}.team__profile:nth-of-type(8){transform:translate(-30%,10%)}.team__profile:nth-of-type(9){transform:translate(10%,40%)}.team__profile:nth-of-type(10){transform:translate(20%,20%)}}@media only screen and (min-width:1200px){.team__profile{margin:55px 0}.team__profile:nth-of-type(1){transform:translate(35%,0)}.team__profile:nth-of-type(2){transform:translate(30%,-40%)}.team__profile:nth-of-type(3){transform:translate(10%,20%)}.team__profile:nth-of-type(4){transform:translate(10%,80%)}.team__profile:nth-of-type(5){z-index:1;transform:translate(5%,-20%)}.team__profile:nth-of-type(6){transform:translate(-5%,30%)}.team__profile:nth-of-type(7){transform:translate(85%,0)}.team__profile:nth-of-type(8){transform:translate(35%,100%)}.team__profile:nth-of-type(9){transform:translate(10%,40%)}.team__profile:nth-of-type(10){transform:translate(20%,20%)}}@media only screen and (min-width:992px){.team{padding:50px 0}}@media only screen and (min-width:1200px){.team{padding:60px 0 40px}}.footer{padding:10px;font-family:'Work Sans';font-size:12px;color:#181818;text-transform:uppercase;background-color:#fff}.footer__list{display:flex;align-items:center;flex-wrap:wrap;justify-content:flex-start;margin:0;padding:0;list-style:none}.footer__link{position:relative;display:block;padding:10px;font-weight:700;color:inherit;text-decoration:none}.footer__link::before{position:absolute;bottom:6px;left:10px;display:block;width:calc(100% - 20px);height:2px;background:#000;content:'';transform:scaleX(0);transform-origin:left center;transition:transform .5s cubic-bezier(.165,.84,.44,1)}.footer__link:hover::before{transform:scaleX(1)}.footer__attribution{margin-top:10px;padding:10px}@media only screen and (min-width:768px){.footer{padding:15px 35px}}@media only screen and (min-width:1200px){.footer{display:flex;justify-content:space-between}.footer__list-item+.footer__list-item{margin-left:20px}.footer__attribution{margin:0;text-align:center}}.button{display:inline-block;width:100%}.button,.button__hover-trigger{font-family:'Work Sans';font-size:14px;font-weight:600;text-transform:uppercase;transition:all .25s ease-in-out}.button__hover-trigger:hover .button__wrapper::before{transform:scaleX(1)}.button__text{position:relative}.button__wrapper{position:relative;display:inline-flex;align-items:center;justify-content:center;width:100%;padding:16px;color:#fff;border:2px solid currentColor}.button__wrapper--black::before{background:#000!important}.button__wrapper::before{position:absolute;top:0;left:0;display:block;width:100%;height:100%;background:#ff5301;content:close-quote;transform:scaleX(0);transform-origin:left center;transition:transform .5s cubic-bezier(.165,.84,.44,1)}.button__icon{margin-right:10px;transform:scale(.8);transition:all .25s ease-in-out}@media only screen and (min-width:768px){.button{width:initial;font-size:16px}.button__wrapper{padding:25px}}.heading{font-family:"Rubik Mono One",sans-serif;font-weight:400;text-transform:uppercase;font-size:26px}@media only screen and (min-width:768px){.heading{font-size:52px}}@media only screen and (min-width:1200px){.heading{font-size:60px}}.next-section-link{display:block;font-family:"Work Sans",sans-serif;font-size:13px;font-weight:500;text-transform:uppercase}.next-section-link__wrapper{position:relative;z-index:1}.next-section-link__wrapper::after,.next-section-link__wrapper::before{position:absolute;top:50%;left:50%;z-index:-1;width:100%;content:attr(data-title);opacity:.7;transform:translate(-50%,-50%);transition:transform .7s cubic-bezier(0,1.54,.4,1.7)}.next-section-link__wrapper::before{color:#ef2f00}.next-section-link__wrapper::after{color:#00b4ff}@media only screen and (min-width:992px){.next-section-link__wrapper:hover::before{transform:translate(calc(-50% - 2px),calc(-50% - 2px))}.next-section-link__wrapper:hover::after{transform:translate(calc(-50% + 2px),calc(-50% + 2px))}}@media only screen and (min-width:1200px){.profile__container{position:relative;max-width:250px}}.profile__cover{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#1e1e1e;transform-origin:left center;transition:transform .7s cubic-bezier(.23,1,.32,1)}.active .profile__cover{transform:scaleX(0)}.profile__image-wrapper{display:flex;align-items:center;justify-content:center;margin:0}.profile__image{position:relative;width:100%;background-color:#fff;background-position:center center;background-size:cover}.profile__image::after{display:block;padding-bottom:114%;content:''}.profile__location,.profile__name{font-family:"Rubik Mono One",sans-serif;font-weight:400;text-transform:uppercase;text-transform:uppercase}.profile__location{font-size:12px}.profile__name{font-size:24px}@media only screen and (min-width:992px){.profile__name{font-size:32px}}@media only screen and (min-width:1200px){.profile__name{font-size:48px}}.profile__detail{margin-top:10px}@media only screen and (min-width:992px){.profile__detail{position:absolute;bottom:0;width:100%;margin:0}.profile__detail--index-0{transform:translate(-20%,-100%)}.profile__detail--index-1{top:0;transform:translate(80%,-20%)}.profile__detail--index-2{transform:translate(-25%,40%)}.profile__detail--index-3{transform:translate(-20%,50%)}.profile__detail--index-4{transform:translate(20%,45%)}.profile__detail--index-5{transform:translate(55%,-60%)}.profile__detail--index-6{transform:translate(-20%,25%)}.profile__detail--index-7{transform:translate(-30%,40%)}}@media only screen and (min-width:1200px){.profile__detail{line-height:1.1}.profile__detail--index-0{transform:translate(-25%,-50%)}.profile__detail--index-1{top:0;transform:translate(80%,-25%)}.profile__detail--index-2{transform:translate(-45%,45%)}.profile__detail--index-3{transform:translate(-25%,65%)}.profile__detail--index-4{transform:translate(20%,45%)}.profile__detail--index-5{transform:translate(75%,-50%)}.profile__detail--index-6{transform:translate(-20%,25%)}.profile__detail--index-7{transform:translate(-40%,45%)}}@media only screen and (min-width:1200px){.profile{width:33%;max-width:initial}} \ No newline at end of file diff --git a/images/emily_hunter.jpg b/images/emily_hunter.jpg new file mode 100644 index 0000000..b27a274 Binary files /dev/null and b/images/emily_hunter.jpg differ diff --git a/images/status_logo.png b/images/status_logo.png new file mode 100644 index 0000000..1b1b2e2 Binary files /dev/null and b/images/status_logo.png differ diff --git a/images/will_king.jpg b/images/will_king.jpg new file mode 100644 index 0000000..f6b9195 Binary files /dev/null and b/images/will_king.jpg differ diff --git a/index.html b/index.html index b08191a..5ccc2b1 100644 --- a/index.html +++ b/index.html @@ -4,7 +4,7 @@ fill: blue; fill-rule: evenodd; filter: url(#filter); - }
02 - 06
TrueBit, in collaboration with artist Jessica Angel, are creating an open source, massive public art installation connected to the blockchain in real time.

This public structure will be the starting point for creative interactions and collaborations to happen with creatives from different parts of the world using the blockchain as a creative tool.

We are facing exciting times in the history of humanity, and this project will pay tribute to the greatness of this technology, while proposing a holistic approach to knowledge; where music, art, education, economics, mathematics and philosophy take place under the same roof.

Learn more about the project ↓

Project —

This first art project proposes the visualization and experience of immersion inside the “dogetherium bridge”, an endeavour that TrueBit is undertaking to create a “bridge" between the Dogecoin and Ethereum blockchains.

Using high impact, immersive and interactive art, in conjunction with the underlying coding and computational workings happening in the Doge-ETH bridge, this project aims to foster community, participation and reflections around the pioneering work in the blockchain ecosystem.

The art installation will be a traveling, penetrable sculpture that will provide an indoor and outdoor experience in the form of sounds, light and design. The surface of the installation will reflect the activity in the Doge-ETH bridge. The sculpture will be the space were creatives will realize their artistic vision.

Project Proposal
03 - 06
Learn more about the structure ↓

Structure —

The starting point to conceptualize the public art structure is the Mobius bridge, a pedestrian bridge over the Avon, designed by Hakes Associates of Bristol, UK. We found this bridge to be remarkably interesting as it explores the structure of the Mobius strip, providing a connection between point A and B while maintaining a single, unified surface.

The Mobius strip leads to the construction of a very interesting solid called the Klein Bottle. Imagine connecting the sides of a paper ring to come up with a donut shape. Similarly, imagine connecting the sides of a Mobius strip, you would end up with a Klein bottle.

The Klein bottle shares the same characteristics as the Mobius strip of having a unified surface. In addition, the Klein bottle provides an enclosed environment perfect for the development of a public programming schedule to take place inside of it. Hence, The public art structure will be a penetrable Klein bottle that symbolizes the bridge between the Dogecoin and Ethereum blockchains, connecting the outer side with the inner surface through the bottleneck pass way.

04 - 06
Learn more about the team ↓

Team -

"Everything I do is some kind of modified borrowing from others who have been close to me either actually or virtually, and the virtual influences are amongst the most profound"

- Douglas Hofstadter

undisclosed

Doge
Doe

New York

Jessica
Angel

undisclosed

Jason
Teutsch

Toronto

Robbie
Bent

San Francisco

Sina
Habibian

undisclosed

Emily
Hunter

undisclosed

Andy
Tudhope

Toronto

Aqeel
Mohammad

05 - 06

scroll

Learn more about getting involved ↓

Get Involved —

We are looking to hear about your ideas, skills and passions. This project is about fostering collaborations with creators, thinkers, burners, makers, and people excited about technology and art. Get involved by communicating with the team (artproject@truebit.io), sharing your vision and affiliation to these ideas. Anything counts as long as there is passion, rigor and commitment!
Some of the ideas gravitating around the project are (but not limited) to:
  • Software development
  • People interested in connecting the art piece to the blockchain
  • Sound & light interactivity, based on transactions / blocks being created on blockchains
  • Free Form Architecture
  • Video-mapping
  • Artificial Intelligence
  • Interactive and generative art
  • Mathematics/ Geometric Computing
  • Cosmology
  • Art DAO
  • Network Topology
  • Art and culture in the blockchain space
06 - 06
Learn more about our process →