.menu-btn{
position:absolute;
top:20px;
left:20px;
width:28px;
height:22px;
display:flex;
flex-direction:column;
justify-content:space-between;
background:none;
border:none;
cursor:pointer;
z-index:20;
}

.menu-btn span{
display:block;
height:3px;
background:white;
border-radius:2px;
transition:.3s;
}

.menu-btn.active span:nth-child(1){
transform:translateY(9px) rotate(45deg);
}

.menu-btn.active span:nth-child(2){
opacity:0;
}

.menu-btn.active span:nth-child(3){
transform:translateY(-9px) rotate(-45deg);
}

.menu-overlay{
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
background:rgba(0,0,0,.35);
backdrop-filter:blur(6px);
opacity:0;
pointer-events:none;
transition:.35s;
z-index:8;
}

.menu-overlay.open{
opacity:1;
pointer-events:auto;
}

.contact-panel{
position:fixed;
top:0;
left:-100%;
width:85%;
max-width:420px;
height:100%;
background:#D60B2A;
padding:40px 30px;
transition:left .35s ease;
z-index:10;
display:flex;
flex-direction:column;
}

.contact-panel.open{
left:0;
}

.contact-header{
margin-bottom:40px;
}

.contact-logo{
width:200px;
align-self:center;
margin-bottom:60px;
}

.contact-links{
display:flex;
flex-direction:column;
gap:28px;
font-size:18px;
}

.contact-links a{
display:flex;
align-items:center;
gap:12px;
color:white;
text-decoration:none;
}

.icon{
width:22px;
height:22px;
object-fit:contain;
}