*{box-sizing:border-box;margin:0;padding:0}html,body{width:100vw;height:100vh}.main-nav{z-index:1;justify-content:space-between;align-items:center;width:100%;padding:2em;display:flex;position:fixed;top:0}.p,.span,.a{cursor:pointer}.container{width:100%;height:100%}.menu-btn{font-family:Aeonik;font-size:18px;font:bolder}.menu-toggle{z-index:1;cursor:pointer;color:#1a1a1a;-webkit-user-select:none;-moz-user-select:none;user-select:none;border-radius:4px;padding:.5rem 1rem;font-weight:700;position:absolute}.menu-toggle-wrapper{display:inline-block;position:relative}.menu-toggle-mask{content:"";z-index:2;pointer-events:all;background:#ebebeb;animation:5s forwards maskFade;position:absolute;top:0;bottom:0;left:0;right:0}.menu-container{z-index:2;justify-content:center;align-items:center;width:45%;height:100%;padding:1.5em;transition:left .5s cubic-bezier(.165,.84,.44,1);display:flex;position:fixed;top:50%;left:-50%;transform:translateY(-50%)}.menu{color:#ebebeb;background-color:#1a1a1a;border-radius:20px;width:100%;height:100%;display:flex;overflow:hidden}.menu-main{border-right:1px solid rgba(255,255,255,.125);flex-direction:column;flex:5;justify-content:space-between;display:flex}.menu-sidebar{flex-direction:column;flex:.2;justify-content:space-between;display:flex}.menu-main .menu-top{border-top:1px solid rgba(255,255,255,.125);display:flex}.menu-main .menu-bottom{flex-direction:column;display:flex}.menu-top-title p{color:#ebebeb}.menu-top-title{flex:1;padding:2em}.menu-top-content{flex-direction:column;flex:4;padding:1.25em 0;display:flex}.menu-item{padding:.5em 0;transition:left .3s;position:relative;left:-100px}.menu-item-link{position:relative}.menu-item-link a{color:#ebebeb;letter-spacing:-2px;z-index:2;padding-left:10px;font-family:Whyte;font-size:48px;font-weight:700;text-decoration:none;position:relative}.menu-item.active .menu-item-link a,.menu-item:hover .menu-item-link a{color:#1a1a1a}.bg-hover{clip-path:polygon(0 0,100% 0,100% 80%,95% 100%,0 100%,0% 50%);z-index:0;opacity:0;background:#ebebeb;height:100%;position:absolute;top:0%;left:0%}.menu-item:hover .bg-hover{opacity:1}.menu-item.active .bg-hover{opacity:1;background-color:#7fffd4}.menu-item span{padding:1.5em 0;position:absolute;top:0}.menu-item span .word .char,.menu-item.active span .word .char,.menu-item:hover span .word .char .char-active,.menu-item span .word .char .char-active{color:#1a1a1a}.menu-sub-item{border-top:1px solid rgba(255,255,255,.125);gap:1em;width:100%;padding:1em 2em;display:flex}.menu-title{flex:1}.menu-title p{text-transform:uppercase;letter-spacing:2px;color:#ebebeb;font-size:14px}.menu-content{flex:4;padding-left:2em}.menu-content p{text-transform:uppercase;color:#ebebeb;width:max-content;padding:.125em;font-size:14px;position:relative}.menu-content p:after{content:"";color:#1a1a1a;mix-blend-mode:difference;background:#ebebeb;width:0%;height:100%;position:absolute;top:0;left:0}@keyframes hoverEffect{0%,to{width:0%;left:0}50%{width:100%;left:0}51%{width:100%;left:auto;right:0}to{width:0%;left:auto;right:0}}.menu-content p:hover:after{animation:1s backwards hoverEffect}.close-btn .logo{padding:1.5em}.close-btn{cursor:pointer;z-index:10;border-bottom:1px solid rgba(255,255,255,.125);padding:1.5em}@media (max-width:900px){.menu-container{width:100%;left:-100%}.menu-top-content{padding:1.5em}.menu-top-title,.menu-item span,.menu-title{display:none}.menu-item:hover .menu-item-link a{color:#1a1a1a}}@media (max-width:400px){.menu-container{width:100%;padding:.5em;left:-100%}.menu-main{width:80%}.close-btn{cursor:pointer;padding:1em;font-size:24px;display:block}.menu-top-content{padding:1em}.menu-top-title,.menu-item span,.menu-title{display:none}.menu-item a{padding-left:5px;font-size:32px}.menu-item:hover .menu-item-link a{color:#1a1a1a}.menu-sub-item{width:100%;padding-left:0%}}@keyframes maskFade{0%{opacity:1}90%{opacity:1}to{opacity:0;pointer-events:none}}
.footer-outer{background-color:#111;padding:1rem}.footer-card{color:#1a1a1a;background-color:#ebebeb;border-radius:2rem;padding:3.5rem}.footer-top{flex-wrap:wrap;justify-content:space-between;gap:4rem;margin-bottom:3rem;display:flex}.footer-tagline{max-width:340px}.footer-tagline-heading{color:#1a1a1a;margin-bottom:1.25rem;font-family:Aeonik,sans-serif;font-size:max(1.25rem,min(2.5vw,2rem));font-weight:700;line-height:1.35}.footer-tagline-sub{color:rgba(26,26,26,.45);font-family:Aeonik,sans-serif;font-size:.85rem;line-height:1.6}.footer-nav{flex-wrap:wrap;gap:4rem;display:flex}.footer-nav-col{flex-direction:column;gap:.6rem;display:flex}.footer-nav-col-title{color:rgba(26,26,26,.38);text-transform:uppercase;letter-spacing:2.5px;margin-bottom:.5rem;font-family:Aeonik,sans-serif;font-size:.7rem}.footer-nav-link{color:#1a1a1a;font-family:Aeonik,sans-serif;font-size:.95rem;line-height:1.8;text-decoration:none;transition:color .15s}.footer-nav-link:hover{color:rgba(26,26,26,.5)}.footer-contact-row{border-top:1px solid rgba(26,26,26,.12);border-bottom:1px solid rgba(26,26,26,.12);margin-bottom:2rem;padding:2rem 0}.footer-contact-link{color:#1a1a1a;border-bottom:1px solid rgba(26,26,26,.6);padding-bottom:2px;font-family:Aeonik,sans-serif;font-size:1rem;text-decoration:none;transition:border-color .15s,color .15s}.footer-contact-link:hover{color:rgba(26,26,26,.55);border-color:rgba(26,26,26,.25)}.footer-bottom{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.footer-copy{color:rgba(26,26,26,.38);font-family:Aeonik,sans-serif;font-size:.75rem}.footer-bottom-links{gap:2rem;display:flex}.footer-bottom-link{color:rgba(26,26,26,.38);font-family:Aeonik,sans-serif;font-size:.75rem;text-decoration:none;transition:color .15s}.footer-bottom-link:hover{color:rgba(26,26,26,.7)}@media (max-width:768px){.footer-card{border-radius:1.25rem;padding:2rem 1.5rem}.footer-top{flex-direction:column;gap:2.5rem}.footer-nav{gap:2rem}}@media (max-width:480px){.footer-outer{padding:.5rem}.footer-nav{flex-wrap:wrap;gap:1.5rem}.footer-bottom{flex-direction:column;align-items:flex-start}}