.grid-menu-wrapper{overflow:hidden}@media screen and (min-width: 55em){.grid-menu-wrapper{height:100vh}}.grid-menu-wrapper .main-slide{background-position:center;background-size:cover}.grid-menu-wrapper .content{flex-direction:column;height:auto;min-height:0;position:relative;display:flex;justify-content:center;align-items:center}.grid-menu-wrapper .content--fixed{position:relative;z-index:1000;display:block;padding:0.85em}.grid-menu-wrapper .content--switch{padding:2.5rem 1rem}.grid-menu-wrapper .grim__item-content{text-decoration:none;position:relative;color:#fff}.grid-menu-wrapper .grim__item-bg--6.s-back-switch,.grid-menu-wrapper .grim__item-bg--7.s-back-switch,.grid-menu-wrapper .grim__item-bg--8.s-back-switch,.grid-menu-wrapper .grim__item-bg--9.s-back-switch,.grid-menu-wrapper .grim__item-bg--10.s-back-switch{background-size:cover !important;background-position:center !important}.grid-menu-wrapper .grim__item-bg.s-back-switch::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.3)}.grid-menu-wrapper .grim__item-desc{font-size:16px;color:#fff}@media screen and (min-width: 55em){.grid-menu-wrapper .content{margin:0 auto;min-height:100vh}.grid-menu-wrapper .js .content--switch{display:none}.grid-menu-wrapper .js .content--switch-current{display:flex}.grid-menu-wrapper .content--fixed{position:fixed;z-index:10;top:0;left:0;display:grid;align-content:space-between;width:100%;max-width:none;min-height:0;height:100vh;padding:1.5em;pointer-events:none;grid-template-columns:70% 30%;grid-template-rows:auto auto 4em;grid-template-areas:'header ...' '... ...' 'menu demos'}.grid-menu-wrapper .content--fixed a{pointer-events:auto}}.grid-menu-wrapper .content__title{color:#fff;font-size:8vw;margin:0;position:relative;z-index:10;font-weight:600}.grid-menu-wrapper .content__subtitle{font-size:1.45rem;padding:1rem 0;letter-spacing:1px;text-indent:2px;color:#fff;position:relative;z-index:10;max-width:800px;text-align:center}.grid-menu-wrapper .menu-trigger{display:none}.grid-menu-wrapper .grim{display:none}.grid-menu-wrapper .content--switch{background-size:cover}.grid-menu-wrapper .content--switch .images-wrap{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.grid-menu-wrapper .content--switch .img-wrap{position:absolute;z-index:20}.grid-menu-wrapper .content--switch .img-wrap img{animation:fragment backwards 5s ease-in-out infinite}.grid-menu-wrapper .content--switch .img-wrap-1{top:-5% !important;left:-40% !important}.grid-menu-wrapper .content--switch .img-wrap-2{top:-15% !important;left:45% !important}.grid-menu-wrapper .content--switch .img-wrap-3{top:0 !important;left:85% !important}.grid-menu-wrapper .content--switch .img-wrap-4{top:35% !important;left:70% !important}.grid-menu-wrapper .content--switch .img-wrap-5{top:15% !important;left:25% !important}.grid-menu-wrapper .content--switch .img-wrap-6{top:75% !important;left:85% !important}.grid-menu-wrapper .content--switch .img-wrap-7{top:90% !important;left:10% !important}.grid-menu-wrapper .content--switch .img-wrap-8{top:70% !important;left:0 !important}.grid-menu-wrapper .content--switch .img-wrap-9{top:80% !important;left:60% !important}.grid-menu-wrapper .content--switch .img-wrap-10{top:80% !important;left:30% !important}.grid-menu-wrapper .content--switch .img-wrap-11{top:40% !important;left:10% !important}.grid-menu-wrapper .content--switch .img-wrap-12{top:50% !important;left:90% !important}@-webkit-keyframes fragment{0%{-webkit-transform:scale(1) translateX(0);transform:scale(1) translateX(0)}50%{-webkit-transform:scale(1.1) translateX(-10%);transform:scale(1.1) translateX(-10%)}100%{-webkit-transform:scale(1) translateX(0);transform:scale(1) translateX(0)}}@keyframes fragment{0%{-webkit-transform:scale(1) translateX(0);transform:scale(1) translateX(0)}50%{-webkit-transform:scale(1.1) translateX(-10%);transform:scale(1.1) translateX(-10%)}100%{-webkit-transform:scale(1) translateX(0);transform:scale(1) translateX(0)}}.grid-menu-wrapper .overlay{content:'';pointer-events:none;position:absolute;width:100%;height:100%;bottom:0;background:rgba(0,0,0,0.3)}.grid-menu-wrapper .content--fixed{display:none}@media screen and (min-width: 55em){.grid-menu-wrapper .content--fixed{display:grid}.grid-menu-wrapper .menu-trigger{display:inline-block;background:none;border:0;grid-area:menu;justify-self:start;align-self:end;cursor:pointer;pointer-events:auto;font-family:inherit;position:relative;padding:0;color:#fff;font-size:24px;white-space:nowrap}.grid-menu-wrapper .menu-trigger--close{color:#000;align-self:center}.grid-menu-wrapper .grim{display:grid;position:fixed;z-index:1000;bottom:0;left:0;width:100%;height:100vh;grid-template-columns:repeat(32, 3.125vw);grid-template-rows:repeat(32, 3.125vh);pointer-events:none}.grid-menu-wrapper .grim--open{pointer-events:auto}.grid-menu-wrapper .grim__item{position:relative;overflow:hidden;display:flex;justify-content:center;align-items:center}.grid-menu-wrapper .grim__item:first-child{grid-area:31 / 1 / 33 / 2}.grid-menu-wrapper .grim__item:nth-child(2){grid-area:31 / 2 / 33 / 3}.grid-menu-wrapper .grim__item:nth-child(3){grid-area:29 / 1 / 31 / 3}.grid-menu-wrapper .grim__item:nth-child(4){grid-area:29 / 3 / 33 / 5}.grid-menu-wrapper .grim__item:nth-child(5){grid-area:25 / 1 / 29 / 5}.grid-menu-wrapper .grim__item:nth-child(6){grid-area:25 / 5 / 33 / 9}.grid-menu-wrapper .grim__item:nth-child(7){grid-area:17 / 1 / 25 / 9}.grid-menu-wrapper .grim__item:nth-child(8){grid-area:17 / 9 / 33 / 17}.grid-menu-wrapper .grim__item:nth-child(9){grid-area:1 / 1 / 17 / 17}.grid-menu-wrapper .grim__item:nth-child(10){grid-area:1 / 17 / 33 / 33}.grid-menu-wrapper .grim__item-bg{position:absolute;width:100%;height:100%;top:0;left:0;opacity:0;box-shadow:0 0 0 2px currentColor;background:currentColor}.grid-menu-wrapper .grim__item-bg--1{color:#409a83}.grid-menu-wrapper .grim__item-bg--2{color:#1a8d77}.grid-menu-wrapper .grim__item-bg--3{color:#a681ea}.grid-menu-wrapper .grim__item-bg--4{color:#b29c80}.grid-menu-wrapper .grim__item-bg--5{color:#317cac}.grid-menu-wrapper .grim__item-bg--6{color:#222}.grid-menu-wrapper .grim__item-bg--7{color:#222}.grid-menu-wrapper .grim__item-bg--8{color:#222}.grid-menu-wrapper .grim__item-bg--9{color:#222}.grid-menu-wrapper .grim__item-bg--10{color:#222}.grid-menu-wrapper .grim__item-img{position:absolute;width:100%;height:100%;opacity:0;background-repeat:no-repeat;background-size:100% auto;background-position:50% 100%;background-color:currentColor}.grid-menu-wrapper .grim__item-img--1{color:#fcfdff}.grid-menu-wrapper .grim__item-img--2{color:#a9bdd6}.grid-menu-wrapper .grim__item-img--3{color:#9ed4d4}.grid-menu-wrapper .grim__item-img--4{color:#d0bebe}.grid-menu-wrapper .grim__item-img--5{color:#df9e98}.grid-menu-wrapper .grim__item-content{position:relative;overflow:hidden}.grid-menu-wrapper .grim__item-inner{padding:0 1rem;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;position:relative;opacity:0}.grid-menu-wrapper .grim__item-title{font-weight:normal;margin:0;font-size:4vmax;text-decoration:none;-webkit-transition:all 350ms ease;-moz-transition:all 350ms ease;-ms-transition:all 350ms ease;-o-transition:all 350ms ease;transition:all 350ms ease;line-height:1.3}.grid-menu-wrapper .grim__item-title:hover{color:#fff;opacity:.8}.grid-menu-wrapper .grim__item:nth-child(-n+6) .grim__item-title{font-size:2vmax}.grid-menu-wrapper .grim__item:nth-child(5) .grim__item-title{color:#fff}.grid-menu-wrapper .grim__item-desc{font-size:18px;margin:0.5rem 0 0 0}}@media only screen and (max-width: 1399px){.grid-menu-wrapper .menu-trigger{font-size:20px}}@media only screen and (max-width: 1100px){.grid-menu-wrapper .menu-trigger{font-size:18px}.grid-menu-wrapper .grim__item:nth-child(-n+6) .grim__item-title{font-weight:600}}@media only screen and (max-width: 991px){.grid-menu-wrapper .menu-trigger{font-size:16px}}@media screen and (max-width: 55em){.grid-menu-wrapper{background-color:#222}.grid-menu-wrapper .content__subtitle{font-size:16px;padding:1rem 15px;max-width:500px;z-index:20}.grid-menu-wrapper .content__title{font-size:50px;text-decoration:none !important;z-index:20}.grid-menu-wrapper .content{width:50%;float:left;height:50vh;text-align:center;background-size:cover;background-position:center}.grid-menu-wrapper .content:not(.main-slide) .content__title{font-size:40px}.grid-menu-wrapper .content.main-slide{width:100%;float:none;overflow:hidden}.grid-menu-wrapper .content.slide-10{width:100%}}@media only screen and (max-width: 600px){.grid-menu-wrapper .content:not(.main-slide){height:200px}.grid-menu-wrapper .content:not(.main-slide) .content__title{font-size:30px}}@media only screen and (max-width: 425px){.grid-menu-wrapper .content{width:100%;float:none}}
/*# sourceMappingURL=grid_menu.min.css.map */