/* Mobile drawer animation inspired by the supplied reference video */
@media(max-width:620px){
    .ma-menu-overlay{
        display:block;
        padding:0;
        overflow:hidden;
        background:rgba(122,122,122,.54);
        pointer-events:none;
        transition:opacity .28s ease,visibility .28s ease,background-color .28s ease;
    }
    .ma-menu-overlay.is-open{
        pointer-events:auto;
    }
    .ma-menu-drawer{
        position:absolute;
        inset:0 auto 0 0;
        width:min(91vw,430px);
        height:100%;
        padding:58px 14px 18px;
        overflow-y:auto;
        overscroll-behavior:contain;
        scrollbar-width:none;
        background:#030303;
        border-right:1px solid rgba(217,180,92,.16);
        box-shadow:20px 0 45px rgba(0,0,0,.40);
        transform:translate3d(-102%,0,0);
        transition:transform .48s cubic-bezier(.22,.82,.18,1);
        will-change:transform;
    }
    .ma-menu-drawer::-webkit-scrollbar{display:none}
    .ma-menu-overlay.is-open .ma-menu-drawer{
        transform:translate3d(0,0,0);
    }
    .ma-menu-drawer .ma-overlay-close{
        position:absolute;
        top:12px;
        right:12px;
        z-index:2;
    }

    .ma-menu-brand,
    .ma-menu-section-title,
    .ma-menu-section a,
    .ma-menu-contact-card{
        opacity:0;
        transform:translateY(9px);
        transition:
            opacity .28s ease,
            transform .34s cubic-bezier(.2,.7,.2,1);
    }

    .ma-menu-overlay.is-open .ma-menu-brand{
        opacity:1;
        transform:none;
        transition-delay:.22s;
    }
    .ma-menu-overlay.is-open .ma-menu-section-title{
        opacity:1;
        transform:none;
        transition-delay:.28s;
    }
    .ma-menu-overlay.is-open .ma-menu-section:nth-child(1) a:nth-child(2),
    .ma-menu-overlay.is-open .ma-menu-section:nth-child(2) a:nth-child(2){
        opacity:1;transform:none;transition-delay:.32s;
    }
    .ma-menu-overlay.is-open .ma-menu-section:nth-child(1) a:nth-child(3),
    .ma-menu-overlay.is-open .ma-menu-section:nth-child(2) a:nth-child(3){
        opacity:1;transform:none;transition-delay:.36s;
    }
    .ma-menu-overlay.is-open .ma-menu-section:nth-child(1) a:nth-child(4),
    .ma-menu-overlay.is-open .ma-menu-section:nth-child(2) a:nth-child(4){
        opacity:1;transform:none;transition-delay:.40s;
    }
    .ma-menu-overlay.is-open .ma-menu-section:nth-child(1) a:nth-child(5),
    .ma-menu-overlay.is-open .ma-menu-section:nth-child(2) a:nth-child(5){
        opacity:1;transform:none;transition-delay:.44s;
    }
    .ma-menu-overlay.is-open .ma-menu-section:nth-child(1) a:nth-child(6),
    .ma-menu-overlay.is-open .ma-menu-section:nth-child(2) a:nth-child(6){
        opacity:1;transform:none;transition-delay:.48s;
    }
    .ma-menu-overlay.is-open .ma-menu-section:nth-child(2) a:nth-child(7){
        opacity:1;transform:none;transition-delay:.52s;
    }
    .ma-menu-overlay.is-open .ma-menu-contact-card{
        opacity:1;
        transform:none;
        transition-delay:.56s;
    }

    .ma-menu-section a{
        min-height:50px;
        font-weight:500;
    }
    .ma-contact-icon{
        min-height:56px;
    }
}

@media (prefers-reduced-motion:reduce){
    .ma-menu-overlay,
    .ma-menu-drawer,
    .ma-menu-brand,
    .ma-menu-section-title,
    .ma-menu-section a,
    .ma-menu-contact-card{
        transition:none!important;
        animation:none!important;
    }
}