/* Ingwe Figma Brand Residency Menu */
.ingwe-figma-brand-menu{
    width:150px;
    max-width:100%;
    background:transparent;
    padding:0;
    margin:0;
    box-sizing:border-box;
    font-family:'Cormorant Garamond', Georgia, serif !important;
}

.ingwe-figma-brand-menu,
.ingwe-figma-brand-menu *{
    box-sizing:border-box;
}

.ingwe-figma-brand-menu__title{
    margin:0 0 10px;
    padding:0;
    color:#A4B5A4;
    font-family:'Cormorant Garamond', Georgia, serif !important;
    font-size:18px;
    font-weight:500;
    line-height:1.2;
}

.ingwe-figma-brand-menu ul{
    list-style:none !important;
    margin:0 !important;
    padding:0 !important;
}

.ingwe-figma-brand-menu li{
    list-style:none !important;
    margin:0 0 7px !important;
    padding:0 !important;
    line-height:1.15;
}

.ingwe-figma-brand-menu li:last-child{
    margin-bottom:0 !important;
}

.ingwe-figma-brand-menu a,
.ingwe-figma-brand-menu a:hover,
.ingwe-figma-brand-menu a:focus,
.ingwe-figma-brand-menu a:active,
.ingwe-figma-brand-menu a:visited{
    display:inline-block;
    margin:0;
    padding:0;
    background:transparent !important;
    border:0 !important;
    outline:0 !important;
    box-shadow:none !important;
    text-decoration:none !important;
    color:#223C2F !important;
    font-family:'Cormorant Garamond', Georgia, serif !important;
    font-size:19px;
    font-weight:500;
    line-height:1.15;
    letter-spacing:0;
    transition:opacity .25s ease, color .25s ease;
}

.ingwe-figma-brand-menu a:hover{
    opacity:.65;
}

.ingwe-figma-brand-menu a:focus-visible{
    outline:2px solid #223C2F !important;
    outline-offset:4px !important;
    border-radius:2px;
}

.ingwe-figma-brand-menu li.is-active a,
.ingwe-figma-brand-menu li.is-active a:hover,
.ingwe-figma-brand-menu li.is-active a:focus,
.ingwe-figma-brand-menu li.is-active a:active,
.ingwe-figma-brand-menu li.is-active a:visited{
    color:#A4B5A4 !important;
}

@media(max-width:767px){
    .ingwe-figma-brand-menu{
        width:100%;
    }

    .ingwe-figma-brand-menu ul{
        display:flex;
        flex-wrap:wrap;
        gap:8px 18px;
    }

    .ingwe-figma-brand-menu li{
        margin:0 !important;
    }

    .ingwe-figma-brand-menu a,
    .ingwe-figma-brand-menu a:hover,
    .ingwe-figma-brand-menu a:focus,
    .ingwe-figma-brand-menu a:active,
    .ingwe-figma-brand-menu a:visited{
        font-size:18px;
        line-height:1.15;
    }
}