@font-face{font-family:"FaktPro-Bold";src:url(fonts/FaktPro-Bold.woff) format("woff");font-weight:bold;font-style:normal;font-display:block}*{margin:0;padding:0}*,*::after,*::before{box-sizing:border-box}html{background:#0c0c0c;color:#fff;font-size:.5208333333vw;height:100%;left:0;position:fixed;top:0;user-select:none;width:100%}body{font-family:"FaktPro-Bold",sans-serif;font-size:15px;margin:0;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;overscroll-behavior-y:none}body:after{animation:grain 6s steps(10) infinite;background-image:url(b5abf82e841586c35a54a44348fc6b76.png);background-repeat:repeat;content:"";height:300%;left:-100%;opacity:0;pointer-events:none;position:fixed;top:-100%;transition:opacity .4s ease;width:300%;will-change:transform;z-index:3}.loaded body:after{opacity:.03}img{display:block}canvas{height:100%;left:0;opacity:0;position:fixed;top:0;transition:opacity 1s ease;width:100%}.loaded canvas{opacity:1}a{color:#fff;outline:none;text-decoration:none}a:hover,a:focus{outline:none}@keyframes grain{0%{transform:translate(20%, -15%)}10%{transform:translate(-20%, -15%)}20%{transform:translate(20%, -5%)}30%{transform:translate(-20%, -5%)}40%{transform:translate(20%, 5%)}50%{transform:translate(-20%, 5%)}60%{transform:translate(20%, 15%)}70%{transform:translate(-20%, 15%)}80%{transform:translate(20%, 5%)}90%{transform:translate(-20%, 5%)}100%{transform:translate(20%, -5%)}}.frame{font-size:15px;padding:3rem;text-align:center;position:relative;z-index:1000}.frame__title{font-size:15px;margin:0 0 15px;font-weight:normal}.frame__links{margin-top:15px}.frame__links a:not(:last-child),.frame__demos a:not(:last-child){margin-right:15px}.frame__demos{margin:15px 0}@media screen and (min-width: 53em){.frame{position:fixed;text-align:left;z-index:100;top:0;left:0;display:grid;align-content:space-between;width:100%;max-width:none;height:100vh;padding:3rem;pointer-events:none;grid-template-columns:75% 25%;grid-template-rows:auto auto auto;grid-template-areas:"title links" "... ..." "credits demos"}.frame__title-wrap{grid-area:title;display:flex}.frame__title{margin:0}.frame__tagline{position:relative;margin:0 0 0 1rem;padding:0 0 0 1rem;opacity:.5}.frame__demos{margin:0;grid-area:demos;justify-self:end}.frame__links{grid-area:links;padding:0;margin:0;justify-self:end;white-space:nowrap}.frame a{pointer-events:auto}.frame__credits{grid-area:credits}}a,.frame__demo--current,.frame__demo--current:hover{display:inline-block;overflow:hidden;position:relative;vertical-align:top}a:after,.frame__demo--current:after,.frame__demo--current:hover:after{background:currentColor;bottom:0;content:"";height:1px;left:0;position:absolute;transition:transform .4s ease;width:100%}a:hover:after,.frame__demo--current:after,.frame__demo--current:hover:after{transform:scaleX(1);transform-origin:left center}a:after,.frame__demo--current:hover:after{transform:scaleX(0);transform-origin:right center}.frame__demo--current,.frame__demo--current:hover{display:inline-block}a{display:inline-block}:root{--app-height: 100%}.app{height:100%;left:0;position:fixed;top:0;width:100%;z-index:1}.app__header{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;left:0;opacity:1;position:fixed;top:0;width:100%;z-index:2}.loaded .app__header{opacity:1;transition:opacity .4s ease}.app__title{font:800 10rem/1 "FaktPro-Bold",sans-serif}.app__title:before,.app__title:after{content:"R";display:block;position:fixed;line-height:1}.app__title:before{top:5rem;left:5rem}.app__title:after{bottom:5rem;right:5rem}@media(max-width: 767px){.app__title{font:800 20rem/1 "FaktPro-Bold",sans-serif}.app__title:before{top:10rem;left:10rem}.app__title:after{bottom:10rem;right:10rem}}.app__title span{display:none}html.loading .app__title:before,html.loading .app__title:after{opacity:.25;content:"RENDER";animation:loaderAnim .7s linear infinite alternate forwards}@keyframes loaderAnim{to{opacity:1}}.app__description{font-size:2rem;margin-top:-1rem;opacity:.75}.app__gallery{height:100%;position:relative;visibility:hidden}.app__gallery__figure{float:left;margin:10rem 0 10rem 10rem;width:0;overflow-x:hidden}.app__gallery__figure:nth-child(1){height:calc(var(--app-height) - 20rem);top:10rem;width:calc((var(--app-height) - 20rem)*1.333)}.app__gallery__figure:nth-child(2){height:calc(var(--app-height) - 20rem);top:10rem;width:calc((var(--app-height) - 20rem)*1.539)}.app__gallery__figure:nth-child(3){height:calc(var(--app-height) - 20rem);top:10rem;width:calc((var(--app-height) - 20rem)*1.539)}.app__gallery__figure:nth-child(4){height:calc(var(--app-height) - 20rem);top:10rem;width:calc((var(--app-height) - 20rem)*1.185)}.app__gallery__figure:nth-child(5){height:calc(var(--app-height) - 20rem);top:10rem;width:calc((var(--app-height) - 20rem)*1.333)}.app__gallery__figure:nth-child(6){top:10rem;height:calc(var(--app-height) - 20rem);width:calc((var(--app-height) - 20rem)*1.778)}.app__gallery__figure:nth-child(7){height:calc(var(--app-height) - 20rem);top:10rem;width:calc((var(--app-height) - 20rem)*1.5)}.app__gallery__figure:nth-child(8){height:calc(var(--app-height) - 20rem);top:10rem;width:calc((var(--app-height) - 20rem)*1.539)}.app__gallery__figure:nth-child(9){height:calc(var(--app-height) - 20rem);top:10rem;width:calc((var(--app-height) - 20rem)*1.5)}@media(max-width: 767px){.app__gallery__figure{margin:20rem 0 20rem 20rem;overflow-x:hidden}.app__gallery__figure:nth-child(1){height:calc(100% - 40rem);top:20rem;width:calc((var(--app-height) - 40rem)*1.333)}.app__gallery__figure:nth-child(2){height:calc(var(--app-height) - 40rem);top:20rem;width:calc((var(--app-height) - 40rem)*1.539)}.app__gallery__figure:nth-child(3){height:calc(var(--app-height) - 40rem);top:20rem;width:calc((var(--app-height) - 40rem)*1.539)}.app__gallery__figure:nth-child(4){height:calc(var(--app-height) - 40rem);top:20rem;width:calc((var(--app-height) - 40rem)*1.185)}.app__gallery__figure:nth-child(5){height:calc(var(--app-height) - 40rem);top:20rem;width:calc((var(--app-height) - 40rem)*1.333)}.app__gallery__figure:nth-child(6){top:20rem;height:calc(var(--app-height) - 40rem);width:calc((var(--app-height) - 40rem)*1.778)}.app__gallery__figure:nth-child(7){height:calc(var(--app-height) - 40rem);top:20rem;width:calc((var(--app-height) - 40rem)*1.5)}.app__gallery__figure:nth-child(8){height:calc(var(--app-height) - 40rem);top:20rem;width:calc((var(--app-height) - 40rem)*1.539)}.app__gallery__figure:nth-child(9){height:calc(var(--app-height) - 40rem);top:20rem;width:calc((var(--app-height) - 40rem)*1.5)}}.app__gallery__image{height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%}