From a8cf24f6e88d3b7ce73d681831b8f6054844db36 Mon Sep 17 00:00:00 2001 From: Andy Tudhope Date: Fri, 23 Mar 2018 10:02:23 +0200 Subject: [PATCH] Updates --- CNAME | 1 - css/main.css | 2 +- index.html | 2 +- 3 files changed, 2 insertions(+), 3 deletions(-) delete mode 100644 CNAME 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 0b78bd8..3daa927 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}.header-logo__subtitle{margin:25px 0 0 2px;color:#fff}.header-logo__subtitle svg{width:50px;height:10px}@media only screen and (min-width:768px){.header-logo__subtitle svg{width:42px;height:9px}}@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{margin-bottom:30px}@media only screen and (min-width:1200px){.introduction__link,.introduction__paragraph{margin-bottom:45px}}@media only screen and (min-width:1440px){.introduction__link,.introduction__paragraph{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;top:-20px;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}.team__profile:nth-of-type(9){color:#00b4ff}.team__profile:nth-of-type(10){color:#ff3a00}.team__profile:nth-of-type(11){color:#ff5301}@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%)}.team__profile:nth-of-type(11){transform:translate(20%,40%)}}@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}.header-logo__subtitle{margin:25px 0 0 2px;color:#fff}.header-logo__subtitle svg{width:50px;height:10px}@media only screen and (min-width:768px){.header-logo__subtitle svg{width:42px;height:9px}}@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{margin-bottom:30px}@media only screen and (min-width:1200px){.introduction__link,.introduction__paragraph{margin-bottom:45px}}@media only screen and (min-width:1440px){.introduction__link,.introduction__paragraph{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;top:-20px;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}.structure__button:first-child{margin-right:220px}@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}.team__profile:nth-of-type(9){color:#00b4ff}.team__profile:nth-of-type(10){color:#ff3a00}.team__profile:nth-of-type(11){color:#ff5301}@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%)}.team__profile:nth-of-type(11){transform:translate(20%,40%)}}@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/index.html b/index.html index eea3c5c..273127d 100644 --- a/index.html +++ b/index.html @@ -4,7 +4,7 @@ fill: blue; fill-rule: evenodd; filter: url(#filter); - }
02 - 06
Jessica Angel, in collaboration with TrueBit, is 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.

PAST EVENTS

ETHDenver Maker Space Feb 16-18, Denver, Colorado
Signup for newsletter
Learn more about the project ↓

Project —

This first art project proposes building a physical structure that represents the "Dogethereum Bridge". We want to show in the real world the "bridge" TrueBit has built 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 —

Floor / Elevation Plans

The starting point to conceptualize the public art structure is the Mobius bridge, designed by Hakes Associates of Bristol, UK. The bridge is abeautiful exploration of Mobius strips, 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. Klein bottles, like the Mobius strip, have a unified surface. In addition, the Klein bottle provides an enclosed environment perfect for showcasing other artistic work using blockchains.

The Decentralized Art Collective is born out of the necessity to collaborate with people from different fields required to navigate the convergence between art and blockchain. The #ArtProject aims to be a hub that brings together the people capable of unveiling, in profound and creative ways, what it might mean to live in a world where value itself has been reimagined, using the very tools that will make that possible, both to fund ourselves as a sustainable community and to create mind-blowing, heart-opening work.

The Dogethereum bridge art structure will be the forerunner of a new generation of exciting creative projects, and the experimental platform for the creation of this Decentralized Art Collective, whose members are dynamic and whose vision is clear.

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

South Africa

Andy
Tudhope

Toronto

Aqeel
Mohammad

Everywhere

Status.im

New York

Will
King

San Francisco

Holly
Chang

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!
Get Involved
Podcast
News
Photos
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 →