*,:after,:before{box-sizing:border-box}:root{font-size:18px}body,html,main{height:100%;width:100%;position:relative;overflow:hidden}body{margin:0;--color-text:#000;--color-bg:#0c0c0c;--color-link:#6b5537;--color-link-hover:#fff;--color-content-title-sub:#6b5537;color:var(--color-text);background-color:var(--color-bg);--cursor-stroke:#6b5537;--cursor-fill:none;--cursor-stroke-width:1px;font-family:bilo,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.demo{--color-text:#000;--color-bg:#000;--color-link:#fff;--color-link-hover:#000;--color-content-title-sub:#ec9e34;--cursor-stroke:#000;--cursor-fill:none;--cursor-stroke-width:1px}a{text-decoration:underline;color:var(--color-link);outline:none}a:focus,a:hover{text-decoration:none;color:var(--color-link-hover);outline:none}.js .loading:after,.js .loading:before{content:"";position:fixed;z-index:1000}.js .loading:before{top:0;left:0;width:100%;height:100%;background:var(--color-bg)}.js .loading:after{top:50%;left:50%;width:60px;height:60px;margin:-30px 0 0 -30px;border-radius:50%;opacity:.4;background:var(--color-link);animation:loaderAnim .7s linear infinite alternate forwards}@keyframes loaderAnim{to{opacity:1;transform:scale3d(.5,.5,1)}}.message{display:none}.no-select{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.frame{padding:3rem 5vw;text-align:center;position:relative;z-index:1000}.frame__title{font-size:1rem;margin:0 0 1rem;font-weight:400}.frame__links{display:inline}.frame__demos a:not(:last-child),.frame__links a:not(:last-child){margin-right:1rem}.frame__demos{margin:1rem 0}.frame__demo--current,.frame__demo--current:hover{color:var(--color-text);text-decoration:none}.content{display:flex;flex-direction:column;width:100vw;height:100vh;position:relative;align-items:center;justify-content:center}.grid{pointer-events:none;position:fixed;width:110%;height:110%;top:-5%;left:-5%;display:grid;grid-template-columns:repeat(50,2%);grid-template-rows:repeat(50,2%);z-index:1}.grid__item{position:relative}.grid--img .grid__item{overflow:hidden;display:flex;align-items:center;justify-content:center;will-change:transform}.grid__item-img{position:relative;width:100%;height:100%;background-size:cover;background-position:50% 50%}.grid--img .grid__item-img{flex:none;width:calc(100% + 100px);height:calc(100% + 100px);will-change:transform}.pos-1{grid-area:10/1/26/7}.pos-2{grid-area:1/18/9/27}.pos-3{grid-area:1/36/14/42}.pos-4{grid-area:13/11/32/18}.pos-5{grid-area:17/32/32/38}.pos-6{grid-area:20/46/28/51}.pos-7{grid-area:43/1/51/10}.pos-8{grid-area:38/14/46/22}.pos-9{grid-area:40/26/51/32}.pos-10{grid-area:37/39/48/47}.pos-11{grid-area:1/1/8/6}.pos-12{grid-area:1/7/8/12}.pos-13{grid-area:1/13/8/18}.pos-14{grid-area:1/19/8/24}.pos-15{grid-area:1/25/8/30}.pos-16{grid-area:1/31/8/36}.pos-17{grid-area:1/37/8/42}.pos-18{grid-area:1/43/8/48}.pos-19{grid-area:1/49/8/54}.pos-20{grid-area:1/55/8/60}.pos-21{grid-area:9/1/16/6}.pos-22{grid-area:9/7/16/12}.pos-23{grid-area:9/13/16/18}.pos-24{grid-area:9/19/16/24}.pos-25{grid-area:9/25/16/30}.pos-26{grid-area:9/31/16/36}.pos-27{grid-area:9/37/16/42}.pos-28{grid-area:9/43/16/48}.pos-29{grid-area:9/49/16/54}.pos-30{grid-area:9/55/16/60}.pos-31{grid-area:17/1/24/6}.pos-32{grid-area:17/7/24/12}.pos-33{grid-area:17/13/24/18}.pos-34{grid-area:17/19/24/24}.pos-35{grid-area:17/25/24/30}.pos-36{grid-area:17/31/24/36}.pos-37{grid-area:17/37/24/42}.pos-38{grid-area:17/43/24/48}.pos-39{grid-area:17/49/24/54}.pos-40{grid-area:17/55/24/60}.pos-41{grid-area:25/1/32/6}.pos-42{grid-area:25/7/32/12}.pos-43{grid-area:25/13/32/18}.pos-44{grid-area:25/19/32/24}.pos-45{grid-area:25/25/32/30}.pos-46{grid-area:25/31/32/36}.pos-47{grid-area:25/37/32/42}.pos-48{grid-area:25/43/32/48}.pos-49{grid-area:25/49/32/54}.pos-50{grid-area:25/55/32/60}.pos-51{grid-area:33/1/40/6}.pos-52{grid-area:33/7/40/12}.pos-53{grid-area:33/13/40/18}.pos-54{grid-area:33/19/40/24}.pos-55{grid-area:33/25/40/30}.pos-56{grid-area:33/31/40/36}.pos-57{grid-area:33/37/40/42}.pos-58{grid-area:33/43/40/48}.pos-59{grid-area:33/49/40/54}.pos-60{grid-area:33/55/40/60}.pos-61{grid-area:41/1/48/6}.pos-62{grid-area:41/7/48/12}.pos-63{grid-area:41/13/48/18}.pos-64{grid-area:41/19/48/24}.pos-65{grid-area:41/25/48/30}.pos-66{grid-area:41/31/48/36}.pos-67{grid-area:41/37/48/42}.pos-68{grid-area:41/43/48/48}.pos-69{grid-area:41/49/48/54}.pos-70{grid-area:41/55/48/60}.pos-71{grid-area:49/1/56/6}.pos-72{grid-area:49/7/56/12}.pos-73{grid-area:49/13/56/18}.pos-74{grid-area:49/19/56/24}.pos-75{grid-area:49/25/56/30}.pos-76{grid-area:49/31/56/36}.pos-77{grid-area:49/37/56/42}.pos-78{grid-area:49/43/56/48}.pos-79{grid-area:49/49/56/54}.pos-80{grid-area:49/55/56/60}.content__title{font-family:bely-display,sans-serif;font-weight:400;font-size:10vw;margin:0;line-height:1;position:relative}.content__title-sub{color:var(--color-content-title-sub);font-size:4.5vw;display:block;margin-left:3vw;line-height:.5}.cursor{display:none}@media screen and (max-width:52.99em){.grid{grid-template-columns:repeat(25,4%);grid-template-rows:repeat(25,4%)}.content__title{font-size:8vw}.content__title-sub{font-size:3.5vw}}@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:100%;padding:3rem;pointer-events:none;grid-template-columns:75% 25%;grid-template-rows:auto auto auto;grid-template-areas:"title links" "... ..." "... 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;justify-self:end}.frame a{pointer-events:auto}.content{height:100%;justify-content:center;max-height:none}}@media (any-pointer:fine){.cursor{position:fixed;top:0;left:0;display:block;pointer-events:none}.cursor__inner{fill:var(--cursor-fill);stroke:var(--cursor-stroke);stroke-width:var(--cursor-stroke-width)}}