.menu-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--color-surface, #383E42);z-index:999;display:flex;flex-direction:column;justify-content:center;align-items:center;opacity:0;pointer-events:none;transition:opacity .6s cubic-bezier(.16,1,.3,1);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.menu-overlay.visible{opacity:1;pointer-events:auto}.menu-overlay-content{display:flex;flex-direction:column;align-items:center;gap:2rem;transform:translateY(30px);transition:transform .8s cubic-bezier(.16,1,.3,1)}.menu-overlay.visible .menu-overlay-content{transform:translateY(0)}.menu-link{font-family:var(--font-primary, "Cormorant Garamond", serif);font-size:3rem;color:var(--color-light, #F6F6F6);text-decoration:none;text-transform:uppercase;letter-spacing:.05em;font-weight:300;position:relative;overflow:hidden;padding:.5rem 1rem;transition:opacity .3s ease}.menu-link:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background-color:var(--color-light, #F6F6F6);transform:scaleX(0);transform-origin:right;transition:transform .6s cubic-bezier(.16,1,.3,1)}.menu-link:hover{opacity:1}.menu-link:hover:after{transform:scaleX(1);transform-origin:left}.menu-link.active{font-weight:400}.menu-link.active:after{transform:scaleX(1)}.menu-close{position:absolute;top:2rem;right:2rem;background:none;border:none;cursor:pointer;width:40px;height:40px;display:flex;align-items:center;justify-content:center;padding:0;z-index:1001}.menu-close span{position:absolute;width:30px;height:1px;background-color:var(--color-light, #F6F6F6);transition:transform .3s ease}.menu-close span:first-child{transform:rotate(45deg)}.menu-close span:last-child{transform:rotate(-45deg)}.menu-info{margin-top:4rem;font-family:Inter,sans-serif;font-size:.875rem;color:#f6f6f680;text-transform:uppercase;letter-spacing:.1em;text-align:center;max-width:300px;line-height:1.6}@media (max-width: 768px){.menu-overlay-content{gap:1.25rem;padding:0 1.5rem;width:100%;box-sizing:border-box}.menu-link{font-size:2rem}.menu-close{top:1.25rem;right:1.25rem}.menu-info{margin-top:2.5rem;font-size:.75rem}}@media (max-width: 400px){.menu-link{font-size:1.6rem;letter-spacing:.03em}.menu-overlay-content{gap:1rem}.menu-info{margin-top:2rem}}