html,body{cursor:none;--color-text: #ddc4a4;--color-bg: #ddc4a4;--color-link: #ddc4a4;--color-link-hover: #ddc4a4;--color-text: #111;--color-bg: #f8c792;--color-link: #000;--color-link-hover: #000;--color-border: #a7927b;--marquee-bg: #000;--marquee-text: #fff;--menu-focus: #775e41;--color-text-circle-1: #ddc4a4;--color-text-circle-2: #ddc4a4;--color-text-circle-3: #ddc4a4;--color-text-circle-4: #ddc4a4;--font-circle-1: right_grotesque, sans-serif;--font-circle-2: right_grotesque-light, serif;--font-circle-3: right_grotesque, sans-serif;--font-circle-4: right_grotesque-light, serif;--color-button: #d6ae7c;--color-text-button: #1d1812;--dim-button: 90px;color:var(--color-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-user-select:none;-moz-user-select:none;user-select:none;overflow:hidden}.lerp,.lerp2,#render{opacity:0}.enter{display:block;border:0;width:var(--dim-button);height:var(--dim-button);position:absolute;left:calc(50% - var(--dim-button) / 2);top:calc(50% - var(--dim-button) / 2);font:inherit;font-weight:500;cursor:pointer;background:none;color:var(--color-text-button);padding:0}.enter:focus,.enter:hover,.enter:active{outline:none}.enter__bg{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;background:var(--color-button)}.enter__text{position:relative}.js .enter{opacity:0}.circles{pointer-events:none;position:fixed;--dim: 206vmin;width:var(--dim);height:var(--dim);top:calc(50% - var(--dim) / 2);left:calc(50% - var(--dim) / 2)}.demo-3 .circles{--dim: 206vmin}.circles__text{text-transform:uppercase;transform-origin:700px 700px;will-change:transform,opacity}.circles__text--1{font-size:20vmin;font-size:clamp(170px,25vmin,180px);font-family:var(--font-circle-1);fill:var(--color-text-circle-1)}.circles__text--2{font-size:17vmin;font-size:clamp(136px,17vmin,153px);font-family:var(--font-circle-2);fill:var(--color-text-circle-2)}.circles__text--3{font-size:13.5vmin;font-size:clamp(110px,13.5vmin,120px);font-family:var(--font-circle-3);fill:var(--color-text-circle-3)}.circles__text--4{font-size:9.5vmin;font-size:clamp(85px,9.5vmin,94px);font-family:var(--font-circle-4);fill:var(--color-text-circle-4)}@keyframes scroll{0%{transform:translateY(0)}30%{transform:translateY(100px)}}svg #wheel{animation:scroll ease 1.5s infinite}#scroll-helper{opacity:0}.fadeup{animation:fadeup 1.5s ease;animation-iteration-count:1}@keyframes fadeup{0%,20%,50%,80%{transform:translateY(15px);opacity:0}to{transform:translateY(0);opacity:1}}.bounce2{animation:bounce2 2s ease infinite}@keyframes bounce2{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-15px)}60%{transform:translateY(-8px)}}#render canvas{height:100%;width:100%;z-index:0}#bg canvas{height:100%;width:100%;z-index:0}.button{position:relative}.active{cursor:pointer}.js body{opacity:0;transition:opacity .3s}.js body.render{opacity:1}.js .loading:before,.js .loading:after{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)}}.header{grid-area:header;display:flex;flex-wrap:wrap;text-transform:uppercase}.header__title{font-size:1rem;margin:0 7vw 1rem 0;font-weight:400;text-transform:uppercase}.header__links a:not(:last-child){margin-right:1rem}.demos{grid-area:demos;justify-self:center;position:relative;text-align:center;display:flex}.demo{display:block;width:14px;height:14px;margin:0 4px;border-radius:50%;border:2px solid var(--color-link);background:var(--color-link)}.demo--current{border-color:var(--color-link-hover);background:none;pointer-events:none}.demo:hover,.demo:focus{opacity:.5}.content{grid-area:content;display:flex;flex-direction:column;align-items:center;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.cursor{display:none;z-index:999999999}@media (any-pointer: fine){.cursor{position:fixed;top:0;left:0;display:block;pointer-events:none}.cursor__inner{fill:#dde5e9;stroke:#dde5e9;stroke-width:1px}.credits{padding-left:25vw}}#menu-container{overflow:hidden;position:fixed;top:0;left:0;width:100%;height:100%;display:none;z-index:99999;flex-wrap:wrap}canvas{position:fixed;top:0;left:0;z-index:999}#menu-open{z-index:9999999;position:absolute}#menu-close{display:none}#menuBtn{z-index:9999999;opacity:0}a:focus{outline:none;background:lightgrey}a:focus:not(:focus-visible){background:transparent}a:focus-visible{outline:2px solid red;background:transparent}.menu-wrap{display:flex;flex-direction:column;width:100vw;height:calc(100vh - 13rem);position:relative;justify-content:center}.menu__item{cursor:default;position:relative;overflow:hidden;text-align:center;box-shadow:0 -1px var(--color-border)}.menu__item:last-child{box-shadow:0 1px var(--color-border),0 -1px var(--color-border)}.menu__item-link{display:block;position:relative;cursor:pointer;text-decoration:none}.menu__item-link:focus,.menu__item-link:focus-visible{color:var(--menu-focus)}.menu__item-link:focus:not(:focus-visible){color:var(--color-link)}.marquee{position:absolute;top:0;left:0;overflow:hidden;width:100%;height:100%;pointer-events:none;background:var(--marquee-bg);transform:translate3d(0,101%,0)}.marquee__inner-wrap{height:100%;width:100%;transform:translate3d(0,-101%,0)}.marquee__inner{height:100%;width:-moz-fit-content;width:fit-content;align-items:center;display:flex;position:relative;animation:marquee 15s linear infinite;will-change:transform}@keyframes marquee{to{transform:translate3d(-50%,0,0)}}.menu__item-link,.marquee span{white-space:nowrap;font-size:6vw;line-height:1.2;padding:1vh 1vw 3vh;text-transform:uppercase}.marquee span{text-align:center;color:var(--marquee-text)}.marquee__img{width:15vw;height:70%;margin:0 2vw;border-radius:5vw;background-size:cover;background-position:50% 50%}@media screen and (min-width: 53em){.menu-wrap{height:100vh}}@media screen and (max-width: 1000px){.menu-wrap{height:100vh}.menu__item-link,.marquee span{white-space:nowrap;font-size:15vw;line-height:1.4;padding:1vh 1vw 3vh;text-transform:uppercase}}.line{display:flex;justify-content:center;position:relative;overflow:hidden}.line span{position:absolute;bottom:11px}.loader{position:relative;margin-left:100px;margin-right:100px;margin-bottom:100px}.loader3{position:relative;height:80px;width:80px;filter:url(#goo)}.loader3 .spinner{position:absolute;top:50%;left:50%;transform:translate(-50%) translateY(-50%)}.loader3 .spinner:after{content:"";background:#DDC4A4;border-radius:50%;height:24px;width:24px;position:absolute;top:0;left:0}.loader3 .spinner span{height:24px;width:24px;position:absolute;top:0;left:0}.loader3 .spinner span:nth-of-type(1){transform:translate(-100%) translateY(0) rotate(-90deg)}.loader3 .spinner span:nth-of-type(2){transform:translate(-70%) translateY(-70%) rotate(-45deg)}.loader3 .spinner span:nth-of-type(3){transform:translate(0) translateY(-100%) rotate(0)}.loader3 .spinner span:nth-of-type(4){transform:translate(70%) translateY(-70%) rotate(45deg)}.loader3 .spinner span:nth-of-type(5){transform:translate(100%) translateY(0) rotate(90deg)}.loader3 .spinner span:nth-of-type(6){transform:translate(70%) translateY(70%) rotate(135deg)}.loader3 .spinner span:nth-of-type(7){transform:translate(0) translateY(100%) rotate(180deg)}.loader3 .spinner span:nth-of-type(8){transform:translate(-70%) translateY(70%) rotate(-135deg)}.loader3 .spinner span:nth-of-type(1):after{animation-delay:0}.loader3 .spinner span:nth-of-type(2):after{animation-delay:375ms}.loader3 .spinner span:nth-of-type(3):after{animation-delay:.75s}.loader3 .spinner span:nth-of-type(4):after{animation-delay:1125ms}.loader3 .spinner span:nth-of-type(5):after{animation-delay:1.5s}.loader3 .spinner span:nth-of-type(6):after{animation-delay:1875ms}.loader3 .spinner span:nth-of-type(7):after{animation-delay:2.25s}.loader3 .spinner span:nth-of-type(8):after{animation-delay:2625ms}.loader3 .spinner span:nth-of-type(1):before{animation-delay:0ms}.loader3 .spinner span:nth-of-type(2):before{animation-delay:375ms}.loader3 .spinner span:nth-of-type(3):before{animation-delay:.75s}.loader3 .spinner span:nth-of-type(4):before{animation-delay:1125ms}.loader3 .spinner span:nth-of-type(5):before{animation-delay:1.5s}.loader3 .spinner span:nth-of-type(6):before{animation-delay:1875ms}.loader3 .spinner span:nth-of-type(7):before{animation-delay:2.25s}.loader3 .spinner span:nth-of-type(8):before{animation-delay:2625ms}.loader3 .spinner span:after{content:"";background:#DDC4A4;height:13px;width:13px;position:absolute;top:9px;left:9px;transform:translate(0) translateY(0);border-radius:50%;animation:move 3s linear infinite}.loader3 .spinner span:before{content:"";background:#DDC4A4;height:10px;width:10px;position:absolute;top:8px;left:8px;transform:translate(0) translateY(0);border-radius:50%;animation:move2 3s linear infinite}@keyframes move{0%{transform:translate(0) translateY(0)}10%{transform:translate(0) translateY(-350%)}15%{transform:translate(0) translateY(-400%)}17%{transform:translate(0) translateY(-400%)}20%{transform:translate(0) translateY(-350%)}23%{transform:translate(0) translateY(0)}to{transform:translate(0) translateY(0)}}@keyframes move2{0%{transform:translate(0) translateY(0)}10%{transform:translate(0) translateY(-370%)}15%{transform:translate(0) translateY(-530%)}17%{transform:translate(0) translateY(-530%)}20%{transform:translate(0) translateY(-450%)}23%{transform:translate(0) translateY(-150%)}26%{transform:translate(0) translateY(0)}to{transform:translate(0) translateY(0)}}