.main-nav{position:fixed;top:0;right:0;z-index:3;display:flex;width:100%;padding:0 4rem}@media only screen and (max-width: 1024px){.main-nav{padding-right:2.6rem;padding-left:2.6rem}}@media only screen and (max-width: 767px){.main-nav{padding-right:1rem;padding-left:1rem}}.main-nav__home{margin-right:auto}.main-nav ul{list-style:none;padding:0;display:flex}.main-nav li{padding:0;display:flex;align-items:center;height:var(--header-height);opacity:0}.main-nav a{color:var(--text-color);text-decoration:none;letter-spacing:.1vw;position:relative;overflow:hidden;font-size:1.25rem;font-family:var(--font-heading);font-weight:500}.main-nav a:after{display:block;content:"";height:2px;background-color:var(--text-color);position:absolute;bottom:0;width:100%;transform:translate(-101%)}.main-nav a:hover:after{transition:transform .3s var(--easing);transform:translate(0)}.main-nav a.animate-out:after{transition:transform .3s var(--easing);transform:translate(100%)}.artwork{position:relative;position:fixed;top:0;left:0;width:100%;height:var(--app-height);background:#0c0108}#canvas{height:var(--app-height);width:100%}:root{--text-color: white;--text-dark-color: #202020;--header-height: 100px;--font-heading: niveau-grotesk, sans-serif;--font-paragraph: hypatia-sans-pro, sans-serif;--font-simple: lato, sans-serif;--bcg-black: #000;--bcg-fill-color: var(--bcg-green);--loader-width: 27.36vw;--loader-height: 50vh;--v-spacing: 10vh;--h-gutter: 6.6vw;--easing: cubic-bezier(.5, .7, .4, 1);--app-height: 100vh}html{font-family:hypatia-sans-pro,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:16px;word-spacing:1px;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;box-sizing:border-box;color:#2e495e;height:var(--app-height)}body{height:var(--app-height);background-color:var(--bcg-black)}main{width:100%}*,*:before,*:after{box-sizing:border-box;margin:0}h1{text-transform:uppercase;font-size:14vw;line-height:80%;font-family:var(--font-heading);font-weight:500;color:var(--text-color)}@media only screen and (max-width: 768px){h1{font-size:20vw}}h3{font-size:3.2vw;line-height:140%;font-weight:600;font-family:var(--font-paragraph);color:var(--text-color)}@media only screen and (max-width: 768px){h3{font-size:6vw}}@media only screen and (max-width: 767px){h3{font-size:1.8rem}}p{max-width:48ch;font-size:1.8vw;line-height:130%;font-weight:500;letter-spacing:.1rem;color:var(--text-color);font-family:var(--font-simple)}@media only screen and (max-width: 1024px){p{font-size:2.2vw}}@media only screen and (max-width: 768px){p{font-size:4vw}}@media only screen and (max-width: 767px){p{font-size:1.3rem}}a{text-decoration:none;color:var(--text-color);font-family:var(--font-simple);font-size:1.4vw;letter-spacing:.1rem}@media only screen and (max-width: 1024px){a{font-size:1.2rem}}@media only screen and (max-width: 768px){a{font-size:3.2vw}}@media only screen and (max-width: 767px){a{font-size:1rem}}.header{height:var(--app-height);display:flex;flex-direction:column}.header__container{display:flex;flex-direction:column;height:100%;padding-right:3rem;padding-left:3rem}@media only screen and (max-width: 1024px){.header__container{padding-right:2.5rem;padding-left:2.5rem}}@media only screen and (max-width: 767px){.header__container{padding-right:1rem;padding-left:1rem}}.header__container p{font-size:2.1vw;font-weight:600}.header__title{display:flex;flex-direction:column;margin-top:auto;margin-bottom:5vh;opacity:0}@media only screen and (max-width: 1024px){.header__title{display:flex}}.about{height:var(--app-height)}.about__container{display:flex;flex-direction:column;height:100%;padding-right:4rem;padding-left:4rem}@media only screen and (max-width: 1024px){.about__container{padding-right:2.5rem;padding-left:2.5rem}}@media only screen and (max-width: 767px){.about__container{padding-right:1rem;padding-left:1rem}}.about__body{margin-bottom:5vh;height:100%;display:flex;flex-direction:column;justify-content:flex-end}.about__header{margin-bottom:.4rem;opacity:0}@media only screen and (max-width: 1024px){.about__header{margin-bottom:1rem;line-height:125%}}.about__paragraph{margin-bottom:1.8rem;font-weight:600;opacity:0}@media only screen and (max-width: 767px){.about__links{display:flex;justify-content:space-between}}.about__link{margin-right:1.3rem;opacity:0;display:inline-block;position:relative}@media only screen and (max-width: 767px){.about__link{margin-right:0}}.about__link a{display:inline-block;color:var(--text-color);text-decoration:none;letter-spacing:.15rem;position:relative;overflow:hidden;font-family:var(--font-heading);font-weight:500;font-size:1.4vw}@media only screen and (max-width: 1024px){.about__link a{font-size:1.3rem;letter-spacing:.1rem}}@media only screen and (max-width: 768px){.about__link a{font-size:3.2vw}}@media only screen and (max-width: 767px){.about__link a{font-size:1rem}}.about__link a:after{display:block;content:"";height:2px;background-color:var(--text-color);position:absolute;bottom:0;width:100%;transform:translate(-101%)}.about__link a:hover:after{transition:transform .3s var(--easing);transform:translate(0)}.about__link a.animate-out:after{transition:transform .3s var(--easing);transform:translate(100%)}