:root{--menu-base-100:#fff;--menu-base-200:#474437;--menu-base-300:#403d31}.nav-toggle{display:flex;align-items:center;position:relative;z-index:50}.nav-toggle-btn{width:60px;height:60px;padding:20px;display:flex;flex-direction:column;justify-content:center;gap:5px;border:1px solid rgba(255,255,255,.15);border-radius:10rem;cursor:pointer;background:transparent;transition:border-color .3s ease}.nav-toggle-btn:hover{border-color:rgba(255,255,255,.35)}.nav-toggle-btn span{width:100%;height:1.25px;background:var(--menu-base-100);will-change:transform}.menu{position:fixed;top:0;left:0;width:100%;height:100svh;pointer-events:none;overflow:hidden;z-index:30}.menu.active{pointer-events:all}.menu .menu-bg{position:absolute;width:100%;height:100%;pointer-events:none;z-index:1}.menu .menu-bg-left,.menu .menu-bg-right{position:absolute;width:50%;height:100%;overflow:hidden}.menu .menu-bg-left{left:0}.menu .menu-bg-right{right:0}.menu .menu-bg-left-inner,.menu .menu-bg-right-inner{position:absolute;width:100%;height:100%;will-change:transform}.menu .menu-bg-left-inner{background-color:var(--menu-base-200);transform-origin:100% 50%;transform:rotate(180deg) scale(2)}.menu .menu-bg-right-inner{background-color:var(--menu-base-300);transform-origin:0 50%;transform:rotate(-180deg) scale(2)}.menu .menu-items{position:absolute;width:100%;height:100%;display:flex;visibility:hidden;z-index:2}.menu.active .menu-items{visibility:visible;opacity:1}.menu .menu-items-col{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2rem}.menu .menu-items-col:first-child a{text-transform:uppercase;font-size:clamp(1.5rem,2.5vw,4rem);line-height:1.1;font-weight:500;letter-spacing:-.02em}.menu .menu-items-col:nth-child(2) a{font-family:var(--font-serif,Georgia,serif);font-size:clamp(1.65rem,2.75vw,3rem);line-height:1.2;font-style:italic}.menu .menu-footer a,.menu .menu-footer p,.menu .menu-link a{overflow:hidden;display:inline-block}.menu .menu-link a{text-decoration:none;color:var(--menu-base-100);position:relative}.menu .menu-link a:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background:var(--menu-base-100);transform:scaleX(0);transform-origin:right;transition:transform .4s cubic-bezier(.85,0,.15,1)}.menu .menu-link a:hover:after{transform:scaleX(1);transform-origin:left}.menu .menu-footer{position:absolute;bottom:0;left:0;width:100%;padding:2rem;display:flex;justify-content:space-between;align-items:flex-end}.menu .menu-footer-col{display:flex;gap:2rem}.menu .menu-footer a{text-decoration:none}.menu .menu-footer a,.menu .menu-footer p{text-transform:uppercase;font-size:.75rem;color:var(--menu-base-100);font-weight:450;line-height:1}.menu .menu-footer a:hover{opacity:.7}.menu a .line,.menu p .line{position:relative;display:inline-block;transform:translateY(110%);will-change:transform}@media (max-width:1000px){.nav-toggle{display:flex;justify-content:flex-end}.menu .menu-bg-right{display:none}.menu .menu-bg-left{width:100%}.menu .menu-items{padding:6rem 2rem;flex-direction:column-reverse;gap:4rem}.menu .menu-items-col{align-items:flex-start;gap:.5rem}.menu .menu-items-col:first-child{justify-content:flex-start}.menu .menu-items-col:nth-child(2){justify-content:flex-end}.menu .menu-footer{padding:2rem;align-items:flex-end}.menu .menu-footer-col{flex-direction:column;gap:0}}@media (max-width:640px){.nav-toggle-btn{width:50px;height:50px;padding:16px}.menu .menu-items-col:first-child a{font-size:clamp(1.25rem,6vw,2rem)}.menu .menu-items-col:nth-child(2) a{font-size:clamp(1.25rem,5vw,1.75rem)}}