*,:after,:before{-webkit-box-sizing:border-box;box-sizing:border-box}body{background:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.hidden{height:0;overflow:hidden;pointer-events:none;position:absolute;width:0}.flexy{flex-direction:column;align-items:center;display:flex}.flexy--stretch{align-items:stretch}.flexy--center{justify-content:center}.flexy--row{flex-wrap:wrap;flex-direction:row}.flexy--padding{padding:0 0 2em}.tiny{font-size:50%}.icon{height:1.5em;fill:currentColor;margin:0 auto;width:1.5em;display:block}.icon--caret{transform:translateX(-50%);font-size:2em;position:absolute;bottom:1em;left:50%;z-index:100}.js .loading:after,.js .loading:before{height:100%;justify-content:center;position:fixed;flex-direction:column;top:0;align-items:center;left:0;width:100%;display:flex;z-index:1000}.js .loading:before{content:"";background:#2a2c36}.js .loading:after{animation:loaderAnim 1s infinite alternate;padding:2em 0 0;font-weight:700;color:#5b5d69;content:"Loading... \APlease turn on your sound";text-align:center;background:url(../img/note.svg) no-repeat 50% calc(50% - 3em);background-size:2.5em;line-height:2;white-space:pre}@keyframes loaderAnim{to{opacity:.2}}.intro{height:100vh;pointer-events:none;padding:0 0 18vh;justify-content:center;position:absolute;flex-direction:column;text-align:center;top:0;align-items:center;left:0;width:100%;display:flex;z-index:10}.intro__header{right:2em;position:absolute;top:2em;left:2em}.codrops-links{pointer-events:auto;justify-content:center;position:relative;text-align:center;background:#fbce41;white-space:nowrap;display:inline-flex}.codrops-links:after{height:60%;transform:rotate(22.5deg);content:"";position:absolute;opacity:.7;top:20%;background:#5b5b63;left:50%;width:1px}.codrops-icon{flex:none;padding:.5em;color:#2a2c36;margin:.25em;display:inline-block}.codrops-icon:focus,.codrops-icon:hover{color:#fff}.link-github{pointer-events:auto;padding:.75em;color:#2a2c36;margin:0 0 0 auto;background:#fbce41;display:inline-block;z-index:1000}.link-github:focus,.link-github:hover{color:#fff}.intro__title{font-size:7.25em;font-weight:400;font-weight:900;text-transform:uppercase;margin:0;line-height:.8}.intro__tagline{padding:0 1em;font-size:1.5em;font-weight:400;color:#38383c;max-width:430px;margin:1vh 0 1.25em;font-family:Arapey,serif}.interaction{height:72px;pointer-events:none;position:relative;margin:0 auto;background:url(../img/interaction_dark.svg) no-repeat 50%;background-size:cover;width:140px}.interaction--light{background-image:url(../img/interaction_light.svg)}.interaction--corner{right:.5em;position:absolute;bottom:1em}.content{min-height:80vh;padding:15vh 0 0;-webkit-touch-callout:none;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.content--highlight{padding:0;background:#000}.content--nopadding{padding:0}.content--boxes{min-height:70vh}.content__inner{pointer-events:none;position:relative;max-width:700px;text-align:center;margin:0 auto;z-index:10}.content__inner--fheight{height:60vh}.content__inner--half{flex:none;height:auto;padding:15vh calc(25vw - 220px);max-width:none;width:50%}.content__inner--half .content__title{font-size:2.25em;margin-bottom:.5em;text-transform:uppercase}.content__inner--half .content__subtitle{font-size:1.75em}.content__inner--half .link-more{color:rgba(0,0,0,.3)}.content__inner--c1{background:#4d61c5}.content__inner--c2{background:#f7f4ec}.content__inner--c3{background:#cc8969}.content__title{pointer-events:none;padding:0 5vmax;font-size:5em;font-weight:900;text-transform:uppercase;position:relative;margin:0;line-height:.85;z-index:10}.content__title--color{color:#f4ba45}.content__title--light{color:#f7f4ec}.content__title--center{text-align:center}.content__title .icon{font-size:.45em;color:#5b5d69;margin:0 .25em;display:inline-block}.content__subtitle{font-size:2.5em;font-weight:400;margin:.5em 0 1em;font-family:Arapey,serif}.content__subtitle--light{color:#f7f4ec}.content--kalimba:after{height:50%;pointer-events:none;content:"";position:absolute;top:0;background:linear-gradient(180deg,#fff 20%,hsla(0,0%,100%,0));left:0;width:100%}.content--bg{background-size:cover;background-position:50% 50%}.content--cursor-dark{cursor:url(../img/cursors/cursor_dark.png) 16 16,url(../img/cursors/cursor_dark.cur),pointer}.content--cursor-light{cursor:url(../img/cursors/cursor_light.png) 16 16,url(../img/cursors/cursor_light.cur),pointer}.content--bg-mic{background-image:url(../img/mic.jpg)}.content--bg-violin{background-image:url(../img/violin.jpg)}.content--guitar{background:#dad4c3}.content--guitar .content__title,.content--guitar .link-more{color:#d06315}.content--chime{background:#c3cfda}.content--chime .content__title,.content--chime .link-more,.content--harp .link-more,.content--kalimba .link-more,.content--tiny .link-more,.content--xylophone .link-more{color:#4d61c5}.content--harp{background:#fdecc3}.content--timpani{background:#4d61c5}.content--timpani .link-more{color:#2a2c36}.content--xylophone{background:#d6da97}.content--xylophone .content__title{color:#4d61c5}.content--xylophone .content__subtitle{color:#d06315}.content--tiny{background:#fbe8ab}.content--tiny .content__title{color:#d06315}.content--tiny .link-more{margin-bottom:4em}.content__highlight{padding:4vw;font-size:3em;font-weight:400;color:#fff;position:relative;max-width:75%;margin:0;cursor:default;font-family:Arapey,serif}.link-more{pointer-events:auto;padding:1em 0 .25em;font-size:1.25em;transition:border-color .2s;position:relative;border-bottom:2px solid;cursor:pointer}.link-more:focus,.link-more:hover{border-color:transparent}.link-more--corner{right:4vmax;position:absolute;bottom:3vmax}.content--related{font-weight:700;text-align:center}.content--related a{color:#4d61c5}.media-item{padding:1em;-webkit-transition:color .3s;transition:color .3s;vertical-align:top;display:inline-block}.media-item__img{-webkit-transition:opacity .3s;transition:opacity .3s;max-width:100%;opacity:.6}.media-item:focus .media-item__img,.media-item:hover .media-item__img{opacity:1}.media-item__title{padding:.5em;font-size:1em;margin:0}#wavebg canvas{height:100%;position:absolute;top:0;left:0;width:100%}@media screen and (max-width:50em){.intro{padding:5em 0 0}.intro__title{font-size:3em}.content__subtitle,.intro__tagline{font-size:1.25em}.content__highlight{padding:2em 3vw;font-size:1.75em;max-width:100%}.content__inner--fheight{height:auto}.content--highlight{min-height:0;padding:2em}.content__title{font-size:2em}.content__inner{padding:0 5vw}.content__inner--half{padding:4em 2em;font-size:70%;width:100%}.interaction--corner{right:auto;position:relative;bottom:auto;margin:3em auto 0}.content--related{padding:3em 2em}.content__inner:not(.content__inner--half) .link-more{font-size:.85em}}@media screen and (max-width:40em){.interaction{display:none}.content--chime .content__inner,.content--kalimba .content__inner{margin:auto}.kalimba__inner{min-width:40em;margin-left:-10em}#wavebg canvas{height:100%!important;opacity:.65;width:100%!important}}