*,:after,:before{box-sizing:border-box}:root{font-size:15px}body{--color-text:#fff;--color-bg:#111;--color-link:#fff;--color-link-hover:#fff;color:var(--color-text);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:linear-gradient(#78787833,#78787833),url(bg.240c9c4b.jpg);background-size:cover;margin:0;font-family:navigo,sans-serif;overflow:hidden}.demo-2{background-image:linear-gradient(#78787833,#78787833),url(bg2.766282c2.jpg)}.demo-3{background-image:linear-gradient(#0000004d,#0000004d),url(bg3.da02d641.jpg)}.demo-4{background-image:linear-gradient(#78787833,#78787833),url(bg7.1ed3a31b.jpg)}.demo-5{background-image:linear-gradient(#78787833,#78787833),url(bg5.c2222292.jpg)}.js .loading:before,.js .loading:after{content:"";z-index:1000;position:fixed}.js .loading:before{width:100%;height:100%;background:var(--color-bg);top:0;left:0}.js .loading:after{width:60px;height:60px;opacity:.4;background:var(--color-link);border-radius:50%;margin:-30px 0 0 -30px;animation:.7s linear infinite alternate forwards loaderAnim;top:50%;left:50%}@keyframes loaderAnim{to{opacity:1;transform:scale(.5)}}a{color:var(--color-link);opacity:.7;outline:none;text-decoration:none}a:hover,a:focus{color:var(--color-link-hover);opacity:1;outline:none;text-decoration:underline}.frame{text-align:center;z-index:1000;width:100%;height:100vh;padding:3rem 5vw;position:fixed;top:0;left:0}.frame__title{margin:0 0 1rem;font-size:1rem;font-weight:400}.frame__links{display:inline}.frame__links a:not(:last-child),.frame__demos a:not(:last-child){margin-right:1rem}.frame__demos{margin:1rem 0}.frame__demos-text{margin-right:2rem}.frame__demo--current,.frame__demo--current:hover{color:var(--color-text);opacity:.5;text-decoration:underline}.frame__button{-webkit-appearance:none;-moz-appearance:none;fill:#fff;width:60px;height:60px;cursor:pointer;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;background:0 0;border:0;margin:0;padding:0}.frame__button:focus{opacity:.9;outline:none}.frame__content{text-align:center}.frame__content-title{color:#fff;text-shadow:0 1px 6px #0000001a;margin:0;padding-bottom:1rem;font-family:ivypresto-headline,serif;font-size:8vw;font-weight:300;line-height:1;position:relative}.frame__content-title:after{content:"";width:20%;height:1px;background:#fff;position:absolute;top:100%;left:40%}.frame__content-text{max-width:600px;margin:2rem auto 3rem;font-size:1rem}.frame__switch-item{cursor:pointer;border:1px solid #fff;margin:0 1rem 1rem;padding:.85rem 1.25rem;font-family:ivypresto-headline,serif;font-size:1.85rem;font-weight:300;transition:opacity .3s;display:inline-block}.frame__switch-item--current,.frame__switch-item:hover,.frame__switch-item:focus{text-decoration:none}.frame__switch-item--current{pointer-events:none;opacity:1}.frame__content-text,.frame__switch{opacity:0;transition:opacity .3s}.video-started .frame__content-text,.video-started .frame__switch{opacity:1}.video{pointer-events:none}#canvas{position:absolute;inset:0}.wrapper{width:100%;height:100vh;pointer-events:none;display:flex}.plane{width:100vw;height:100vh;z-index:100;position:relative}.plane video{width:100px;display:none;position:absolute;top:0;left:0}@media screen and (min-width:53em){.frame{text-align:left;pointer-events:none;grid-template-columns:25% 50% 25%;grid-template-areas:"title links links"".play.""content content content"".demos demos";padding:3rem;display:grid}.frame__title{grid-area:title;margin:0}.frame__button{grid-area:play;place-self:end center}.frame__content{grid-area:content;place-self:end center}.frame__tagline{opacity:.5;margin:0 0 0 1rem;padding:0 0 0 1rem;position:relative}.frame__demos{grid-area:demos;place-self:end;margin:0}.frame__links{grid-area:links;justify-self:end;padding:0}.frame a,.frame button{pointer-events:auto}}
/*# sourceMappingURL=index.08d51f82.css.map */