.overlay{position:fixed;inset:0;background:var(--color-overlay);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity 0.2s ease,visibility 0.2s ease;z-index:9999;height:100%}.overlay.active{opacity:1;visibility:visible}.menu-panel{background:var(--color-primary);color:var(--color-primary-contrast);width:45%;max-width:1000px;padding:70px 90px;position:relative}@media (max-width:1024px){.menu-panel{width:60%;padding:70px 70px}.menu-links a{font-size:32px}.menu-content{gap:60px}.menu-contact{padding-left:40px}}@media (max-width:768px){.menu-panel{width:100%;height:100%;max-width:none;padding:100px 40px}.menu-links a{font-size:28px}.menu-content{gap:50px}.menu-contact{padding-left:30px}}.menu-content{display:flex;justify-content:space-between;gap:80px}.close-btn{position:absolute;top:35px;right:40px;background:none;border:none;color:var(--color-primary-contrast);font-size:22px;cursor:pointer}.menu-links{display:flex;flex-direction:column;gap:18px}.menu-links a{position:relative;font-size:22px;font-weight:500;text-transform:uppercase;letter-spacing:2px;color:var(--color-primary-contrast);text-decoration:none;padding-left:28px;transition:color 0.3s ease}.menu-links a::before{content:"›";position:absolute;left:0;top:50%;transform:translateY(-50%) translateX(-6px);opacity:0;transition:all 0.3s ease}.menu-links a:hover{color:var(--color-accent)}.menu-links a:hover::before{opacity:1;transform:translateY(-50%) translateX(0)}.menu-contact{text-align:left;display:flex;flex-direction:column;gap:18px;padding-top:0px!important}.contact-label{font-size:22px;text-transform:uppercase;letter-spacing:2px;color:var(--color-accent);margin-bottom:-0px!important}.contact-item{color:var(--color-primary-contrast);text-decoration:none;font-size:16px;transition:opacity 0.3s ease}.contact-item:hover{opacity:.6}.social-links{display:flex;justify-content:flex-start;gap:18px}.social-links a{color:var(--color-primary-contrast);font-size:18px;transition:opacity 0.3s ease}.social-links a:hover{opacity:.6}@media (max-width:768px){.menu-content{flex-direction:column;gap:40px}.menu-contact{text-align:left}.social-links{justify-content:flex-start}}