.menuComponent{position:relative;top:0;display:flex;justify-content:center;background-color:transparent;transition:top .3s ease-in}.menuComponent .wrapper{position:relative;z-index:1;display:grid;grid-template-columns:repeat(6,1fr);gap:0 1rem;padding:0 1.75rem;width:100%;height:3rem;overflow:hidden}.menuComponent .menu__wrapper{grid-column:1/-1}.menuComponent .menu__innerwrapper{padding:1rem 0 0;display:grid;grid-template-columns:9.125rem auto 2rem;backdrop-filter:blur(8px)}.menuComponent .menu__logo__wrapper{grid-column:1/2;grid-row:1/2;width:9.125rem;display:flex;align-items:center}.menuComponent .menu__logo__wrapper img{width:100%;display:block}.menuComponent .menu__items__wrapper{grid-column:1/-1;grid-row:2/3;height:calc(100vh - 48px);display:flex;flex-direction:column;justify-content:center}.menuComponent .menu__item{display:block;margin:0 auto;padding:1rem 2rem;text-decoration:none;opacity:0}.menuComponent .menu__item:not(:last-child){margin-bottom:1rem}.menuComponent .menu__item span{font-family:Work Sans,sans-serif;font-weight:500;text-transform:uppercase;font-size:.75rem;line-height:.875rem;letter-spacing:.12em;color:#fff;display:block}.menuComponent .menu__item.selected{border-radius:1.4375rem;-webkit-box-shadow:inset 0 0 0 1px #fff;box-shadow:inset 0 0 0 1px #fff}.menuComponent .menu__cta{font-family:Work Sans,sans-serif;font-weight:500;text-transform:uppercase;font-size:.75rem;line-height:.875rem;letter-spacing:.12em;display:inline-flex;align-items:center;text-align:center;text-decoration:none;border-radius:1000px;cursor:pointer;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;-ms-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease;position:relative;color:#fff;background-color:#212121;padding:20px 40px;border:none}.menuComponent .menu__cta *{color:#fff}.menuComponent .menu__cta:before{content:"";position:absolute;top:.25rem;left:.25rem;width:calc(100% - 8px);height:calc(100% - 8px);-webkit-box-shadow:inset 0 0 0 1px #fff;box-shadow:inset 0 0 0 1px #fff;border-radius:1000px}.menuComponent .menu__cta:active:before,.menuComponent .menu__cta:hover:before{-webkit-box-shadow:inset 0 0 0 1px #212121;box-shadow:inset 0 0 0 1px #212121}.menuComponent .menu__hamburger__wrapper{grid-column:3/-1;grid-row:1/2;width:2rem;display:flex;flex-direction:column;justify-content:center;margin-left:auto}.menuComponent .burger__button{display:flex;flex-direction:column;justify-content:space-around;align-items:flex-end;height:2rem;width:100%;border:none;background-color:transparent}.menuComponent .burger__button div{height:.125rem;background-color:#fff;width:60%;transform-origin:center right;transition:all .1s ease-in-out}.menuComponent .burger__button div:first-child,.menuComponent .burger__button div:last-child{width:100%}.menuComponent .burger__button.burger__opened div:first-child{width:100%;transform:rotate(-45deg) translate(1px,1px)}.menuComponent .burger__button.burger__opened div:nth-child(2){opacity:0}.menuComponent .burger__button.burger__opened div:last-child{width:100%;transform:rotate(45deg) translate(2px,1px)}@media (min-width:48rem){.menuComponent .wrapper{display:grid;grid-template-columns:repeat(12,1fr);gap:0 2rem;padding:0 4rem}}@media (min-width:80rem){.menuComponent .wrapper{display:grid;grid-template-columns:repeat(12,1fr);gap:0 2rem;max-width:1440px;padding:0 4rem;height:auto!important}.menuComponent .menu__wrapper{grid-column:2/-2;padding-top:1.5rem}.menuComponent .menu__innerwrapper{padding:1rem;background-color:rgba(33,33,33,.5);border-radius:2.4375rem}.menuComponent .menu__logo__wrapper{grid-row:1/2;grid-column:1/2;margin-left:1.5rem}.menuComponent .menu__items__wrapper{grid-row:1/2;grid-column:2/-1;height:auto;margin-left:auto;flex-direction:row;align-items:center;justify-content:flex-end;opacity:1}.menuComponent .menu__item{display:inline-flex;align-items:center;opacity:1!important;margin:0;border-radius:1.5rem;-webkit-box-shadow:inset 0 0 0 1px transparent;box-shadow:inset 0 0 0 1px transparent;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.menuComponent .menu__item:not(:last-child){margin-bottom:0}.menuComponent .menu__item.selected,.menuComponent .menu__item:hover{-webkit-box-shadow:inset 0 0 0 1px #fff;box-shadow:inset 0 0 0 1px #fff}.menuComponent .menu__hamburger__wrapper{display:none}}