body{--color-text: #fff;--color-bg: #252525;--color-link: #fff;--color-link-hover: #F8F5F0;--color-bg-item1: #F8F5F0;--color-bg-item2: #2c35b7;--color-bg-item3: #95A3AE;--color-bg-item4: #F8F5F0;--color-bg-item5: #95A3AE;--color-item-alt: #494d54;--color-quote: #5b677a;--color-info: #57535a;--color-title: #e23434;--color-tagline: #e2e2e2}main{position:relative;width:100%}.background{perspective:1000px}.background,.background__copy{position:fixed;width:100%;height:100%;top:0;left:0;background-image:url(../img/1.jpg);background-position:50% 0%;background-size:cover;z-index:1}.background__copy{opacity:.3;transform:translateZ(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}.info{display:block;grid-area:info;margin:1rem 0;justify-self:end;text-align:center}.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__title{font-family:sabbath-black,serif;font-size:14vw;font-weight:400;mix-blend-mode:screen;line-height:.8;text-transform:lowercase;margin:0;color:var(--color-title);z-index:199;cursor:default}.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:none;border:0;color:#fff;cursor:pointer;padding:0}.action--menu{pointer-events:auto;position:relative;z-index:1000}.menu--open .action--menu{pointer-events:none}.action--close{position:absolute;top:1.5rem;right:1.75rem;z-index:1000;color:#000;opacity:0;padding:0 .5rem;font-size:1.5rem}.icon--menu{width:2rem}.icon--close{width:1rem}.menu{text-align:center;width:100%;height:100vh;overflow:hidden;position:fixed;top:0;left:0;z-index:9999;display:grid;grid-template-columns:100%;grid-template-rows:repeat(3,33.33%);pointer-events:none;opacity:0;transition:opacity 2s ease}.menu--open{pointer-events:auto;opacity:1;transition:opacity .1s ease}.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)}.menu__item--4,.menu__item--5,.label{display:none}.mainmenu__item{opacity:0}.mainmenu__item,.sidemenu__item{position:relative;overflow:hidden;transition:color .1s;margin:.25rem 0;display:block}.sidemenu__item-inner{display:block;transform:translate3d(0,100%,0);color:#272622}.sidemenu__item-inner:hover{color:#fff;transition:.5s}.menu__item-map{width:100%;height:100%;position:absolute;top:0;left:0;background:url(../images/b1.jpg) no-repeat 50% 50%;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);transition:.3s}.quote{font-size:2rem;padding:1rem;text-align:center;max-width:70%;color:#272622;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:hover{color:#caa340;transition:.5}.menu__item-link:after{content:"\27f6";display:block;margin-top:auto;font-size:.95rem}header.header{overflow:unset;z-index:999}header.header .nav-bar .container ul li.has-submenu>a{position:relative}header.header .nav-bar .container ul li.has-submenu>a:after{font-family:"Font Awesome 6 Free";content:"\f078";font-weight:900;font-size:12px;padding-left:5px}header.header .nav-bar .container ul li.has-submenu .sub-menu{position:absolute;top:100%;left:0;padding-top:20px;opacity:0;visibility:hidden;transition:.3s all ease-in-out}header.header .nav-bar .container ul li.has-submenu:hover .sub-menu{opacity:1;visibility:visible}header.header .nav-bar .container ul li.has-submenu .sub-menu li a{white-space:nowrap;background:#fff;border-bottom:1px solid;padding:15px 30px;display:flex;color:#c99098}header.header .nav-bar .container ul li.has-submenu .sub-menu li a:hover{border-color:#000;color:#000}@media screen and (min-width:53em){body{padding:0}.content{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;margin:0 auto;text-align:left}.codrops-header{grid-area:codropsheader;padding:0;justify-content:start}.codrops-links{margin:0}.github{grid-area:github;justify-self:start}.info{margin:0 6rem 0 0;color:var(--color-info)}.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";box-sizing:border-box}.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}.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:-3px;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}.mainmenu{counter-reset:menuitem}.mainmenu__item{font-size:5vw;text-transform:lowercase;overflow:visible;margin:.5rem 0;padding:0 .5rem;position:relative;transition:color .3s;line-height:1.2;font-weight:300}.mainmenu__item:hover{color:#caa340;transition:.3s}.mainmenu__item:before{counter-increment:menuitem;content:counters(menuitem,"",decimal-leading-zero);position:absolute;font-size:.85rem;top:25%;left:-1.25rem;color:var(--color-item-alt)}.mainmenu__item:after{content:"";width:100%;top:58%;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:scaleZ(1)}.sidemenu__item{text-transform:uppercase;letter-spacing:.15rem}.menu__item-hoverlink{font-size:1.25rem;text-transform:lowercase;border-bottom:2px solid #fff;opacity:0;transition:opacity .3s}.menu__item-inner:hover .menu__item-hoverlink{opacity:1}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/menu.css.map */