article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0;color:#000}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}pre{white-space:pre-wrap}q{quotes:"\201C" "\201D" "\2018" "\2019"}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:0}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}button,input{line-height:normal}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}*,*:after,*:before{box-sizing:border-box}body{--color-text:#fff;--color-bg:#252525;--color-link:#fff;--color-link-hover:#0ce6dc;--color-bg-item1:#15171b;--color-bg-item2:#0ce6dc;--color-bg-item3:#0f1013;--color-bg-item4:#1d2027;--color-bg-item5:#000;--color-item-alt:#756f6f;--color-quote:#756f6f;--color-info:#756f6f;--color-title:#0ce6dc;--color-tagline:#756f6f;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.js .loading:before{content:'';position:fixed;z-index:100000;top:0;left:0;width:100%;height:100%;background:var(--color-bg)}.js .loading:after{content:'';position:fixed;z-index:100000;top:50%;left:50%;width:60px;height:60px;margin:-30px 0 0 -30px;pointer-events:none;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)}}.hidden{position:absolute;overflow:hidden;width:0;height:0;pointer-events:none}.icon{display:block;width:2.5em;height:2.5em;margin:0 auto;fill:#fff}main{position:relative;width:100%}.frame{position:relative;z-index:199}.content{text-align:center;position:relative;z-index:100}.background{perspective:1000px}.background,.background__copy{position:fixed;width:100%;height:100%;top:0;left:0;background-position:50% 0;background-size:cover;z-index:1}.background__copy{opacity:.3;transform:translate3d(0,0,0)}.codrops-header{position:relative;z-index:100;display:flex;align-items:center;justify-content:center;justify-items:center;align-self:start}.codrops-header__title{font-size:1rem;line-height:1;font-weight:400;margin:0 1rem}.codrops-links{position:relative;display:flex;justify-content:center;text-align:center;white-space:nowrap;font-size:.85rem}.codrops-icon{display:inline-block;padding:.25em}.content__tagline{color:var(--color-tagline);margin:1rem 0 0;font-weight:700;font-size:1rem;letter-spacing:.125rem;word-spacing:.25rem;text-transform:uppercase;text-align:center;z-index:199;cursor:default}.action{background:0 0;border:0;color:#fff;cursor:pointer;padding:0}.logged-in .action--menu{pointer-events:auto;position:absolute;top:7.5rem;right:1.5rem;z-index:1000}.action--menu{pointer-events:auto;position:absolute;top:4.5rem;right:1.5rem;z-index:1000}.menu--open .action--menu{pointer-events:none}.action--close{position:absolute;top:6.5rem;right:1.75rem;z-index:1000;opacity:0;padding:0 .5rem}@media only screen and (max-width:783px){.logged-in .action--menu{top:9rem}}@media only screen and (max-width:783px){.action--menu{top:4rem}}.icon--menu{width:5rem}.icon--close{width:5rem}.menu{text-align:center;width:100%;height:100vh;overflow:hidden;position:fixed;top:0;left:0;z-index:200;display:grid;grid-template-columns:100%;grid-template-rows:repeat(3,33.33%);pointer-events:none}.menu--open{pointer-events:auto}.menu .menu__item{opacity:0;display:none}.menu.menu--open .menu__item{opacity:1!important;display:block!important}.menu__item{width:100%;position:relative;overflow:hidden}.menu__item-inner{overflow:hidden;transform:translate3d(100%,0,0);height:100%;width:100%;position:relative;display:flex;flex-direction:column;justify-content:center}.menu__item--1 .menu__item-inner{background:var(--color-bg-item1)}.menu__item--2 .menu__item-inner{background:var(--color-bg-item2)}.menu__item--3 .menu__item-inner{background:var(--color-bg-item3)}.menu__item--4 .menu__item-inner{background:var(--color-bg-item4)}.menu__item--5 .menu__item-inner{background:var(--color-bg-item5)}.label{display:none}.mainmenu__item{opacity:0}.mainmenu__item,.sidemenu__item{position:relative;overflow:hidden;transition:color .1s;margin:1rem 0;display:block}.sidemenu__item-inner{display:block;transform:translate3d(0,100%,0)}.menu__item-map{width:100%;height:100%;position:absolute;top:0;left:0;background-size:cover;transition:transform .8s cubic-bezier(.2,1,.8,1)}.menu__item-inner:hover .menu__item-map{transform:scale3d(1.1,1.1,1)}.menu__item-hoverlink{font-weight:700;text-transform:capitalize;position:relative;z-index:1000;display:block}.menu__item-hoverlink:hover{color:var(--color-link)}.quote{font-size:2rem;padding:1rem;text-align:center;max-width:70%;color:var(--color-quote);font-family:"sabbath-black",serif}.menu__item-link{text-align:left;align-self:flex-start;justify-self:start;font-size:1.5rem;width:100%;line-height:1;padding:2rem;margin:3rem 0 auto;display:flex;flex-direction:column;height:calc(100% - 3rem)}.menu__item-link:after{content:'\27F6';display:block;margin-top:auto;font-size:.95rem}.menu a,.info{color:#fff}.mainmenu__item{font-size:5vw;text-transform:lowercase;overflow:visible;margin:.5rem 0;padding:0 .5rem;position:relative;transition:color .3s;color:#fff}.mainmenu__item:hover{color:#756f6f}@media screen and (min-width:1600px){body{padding:0}.content{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;margin:0 auto;min-height:100vh;text-align:left}.codrops-header{grid-area:codropsheader;padding:0;justify-content:start}.codrops-links{margin:0}.menu{width:100%;height:100vh;overflow:hidden;position:fixed;top:0;left:0;grid-template-columns:20% 30% 50%;grid-template-rows:60% 40%;grid-template-areas:"item3 item2 item1" "item4 item5 item1"}.menu__item{height:100%}.menu__item--1{grid-area:item1}.menu__item--2{grid-area:item2}.menu__item--3{grid-area:item3}.menu__item--4{grid-area:item4}.menu__item--5{grid-area:item5}.menu__item--4,.menu__item--5{display:block}.menu__item-inner{align-items:center}.menu__item.menu__item--4 .menu__item-inner{justify-content:flex-start;gap:20px}.label{display:block;color:var(--color-item-alt);position:absolute;z-index:1000;font-size:.85rem;font-weight:700;margin:0;white-space:nowrap}.label--topleft{top:2rem;left:2rem}.label--vert,.label--vert-mirror{-webkit-writing-mode:vertical-rl;writing-mode:vertical-rl}.label--vert-mirror{transform:rotate(180deg)}.label--bottomright{bottom:2rem;right:2rem}.label:before{content:'------------- ';-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:-1px;margin:0 .75rem 0 0}.label--vert:before,.label--vert-mirror:before{margin:.75rem 0}.mainmenu,.sidemenu{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.sidemenu{padding-top:60px}.mainmenu{counter-reset:menuitem}.mainmenu__item:before{counter-increment:menuitem;content:counters(menuitem,"",decimal-leading-zero);position:absolute;font-size:2.4rem;top:40%;left:-3.25rem;color:var(--color-item-alt)}.mainmenu__item:after{content:'';width:100%;top:42%;height:6px;background:var(--color-link-hover);position:absolute;left:0;opacity:0;transform:scale3d(0,1,1);transition:transform .3s,opacity .3s;transform-origin:100% 50%}.mainmenu__item:hover:after{opacity:1;transform:scale3d(1,1,1)}.sidemenu__item{text-transform:uppercase;font-size:2rem}.menu__item-hoverlink{color:#000 !important;font-size:6.2rem !important;transition:opacity .3s;text-decoration:none;padding:130px;font-weight:100}.menu__item-inner:hover .menu__item-hoverlink,.menu__item-inner:focus .menu__item-hoverlink:focus{opacity:1}}@media screen and (max-width:1600px){.button{max-width:215px;margin:auto}.menu__item{height:100%}.menu__item--1{grid-area:item1}.menu__item--2{grid-area:item2}.menu__item--3{grid-area:item3}.menu__item--4{grid-area:item4}.menu__item--5{grid-area:item5}.menu{width:100%;height:100vh;overflow:hidden;position:fixed;top:0;left:0;grid-template-columns:30% 30% 40%;grid-template-rows:60% 40%;grid-template-areas:"item3 item2 item1" "item4 item5 item1"}}@media screen and (max-width:1240px){.menu{width:100%;height:100vh;overflow:hidden;position:fixed;top:0;left:0;grid-template-columns:33.33333% 33.33333% 33.33333%;grid-template-rows:60% 40%;grid-template-areas:"item3 item2 item1" "item4 item5 item1"}}@media screen and (max-width:991px){.menu{width:100%;height:100vh;overflow:hidden;position:fixed;top:0;left:0;grid-template-columns:33.33333% 33.33333% 33.33333%;grid-template-rows:100%}.menu__item--4,.menu__item--5{display:none}}@media screen and (max-width:650px){.mainmenu .subtitle{top:100px!important;left:-60px!important;transform:rotate(-90deg)}.menu{text-align:center;width:100%;height:100vh;overflow:hidden;position:fixed;top:0;left:0;z-index:200;display:grid;grid-template-columns:100%;grid-template-rows:repeat(3,33.33%);pointer-events:none;grid-template-areas:"item1" "item2" "item3"}.menu--open{pointer-events:auto}.menu .menu__item{opacity:0}.menu.menu--open .menu__item{opacity:1!important}.menu__item{width:100%;position:relative;overflow:hidden}.menu__item-inner{overflow:hidden;transform:translate3d(100%,0,0);height:100%;width:100%;position:relative;display:flex;flex-direction:column;justify-content:center}.menu__item--1 .menu__item-inner{background:var(--color-bg-item1)}.menu__item--2 .menu__item-inner{background:var(--color-bg-item2)}.menu__item--3 .menu__item-inner{background:var(--color-bg-item3)}.menu__item--4 .menu__item-inner{background:var(--color-bg-item4)}.menu__item--5 .menu__item-inner{background:var(--color-bg-item5)}.label{display:none}.mainmenu__item{opacity:0}.mainmenu__item,.sidemenu__item{position:relative;overflow:hidden;transition:color .1s;margin:1rem 0;display:block}.sidemenu__item-inner{display:block;transform:translate3d(0,100%,0)}.menu__item-map{width:100%;height:100%;position:absolute;top:0;left:0;background-size:cover;transition:transform .8s cubic-bezier(.2,1,.8,1)}.menu__item-inner:hover .menu__item-map{transform:scale3d(1.1,1.1,1)}.menu__item-hoverlink{font-weight:700;text-transform:capitalize;position:relative;z-index:1000;display:block}.menu__item-hoverlink:hover{color:var(--color-link)}.quote{font-size:2rem;padding:1rem;text-align:center;max-width:70%;color:var(--color-quote);font-family:"sabbath-black",serif}.menu__item-link{text-align:left;align-self:flex-start;justify-self:start;font-size:1.5rem;width:100%;line-height:1;padding:2rem;margin:3rem 0 auto;display:flex;flex-direction:column;height:calc(100% - 3rem)}.menu__item-link:after{content:'\27F6';display:block;margin-top:auto;font-size:.95rem}.menu a,.info{color:#fff}.mainmenu__item{font-size:5vw;text-transform:lowercase;overflow:visible;margin:.5rem 0;padding:0 .5rem;position:relative;transition:color .3s;color:#fff}.mainmenu__item:hover{color:#756f6f}.menu__item--4{display:none}.menu__item--5{display:none}}.menu__item-hoverlink{color:#000 !important;font-size:6.2rem !important;transition:opacity .3s;text-decoration:none;padding:15px;font-weight:100;border:10px solid #000;margin:30px;min-height:max-content;height:100%;display:flex;justify-content:center;flex-direction:column;border-radius:8px;font-size:clamp(4.4rem, 3.8vw, 6.2rem) !important}.menu__item-hoverlink:hover{color:#0CE6DC!important;border:10px solid #0CE6DC!important}.menu__item--2 .menu__item-inner:hover{background:black!important}