/* =========================================================

   BRAND

   ========================================================= */



.brand {

    display: inline-flex;

    width: max-content;

    flex-direction: column;

    align-items: center;

    color: var(--ink);

    line-height: 1;

}



.brand-mark {

    font-family: var(--serif);

    font-size: 23px;

    margin-bottom: 7px;

}



.brand-name {

    font-family: var(--serif);

    font-size: clamp(14px, 1.15vw, 21px);

    letter-spacing: .28em;

    padding-left: .28em;

}



.brand-subtitle {

    margin-top: 8px;

    font-size: 7px;

    letter-spacing: .26em;

}



.brand-name-white {

    font-family: var(--serif);

    font-size: clamp(14px, 1.15vw, 21px);

    letter-spacing: .28em;

    padding-left: .28em;

    color: white;

}



.brand-subtitle-white {

    margin-top: 8px;

    font-size: 7px;

    letter-spacing: .26em;

    color: white;

}



.brand-name {

    font-size: 14px;

}





/* =========================================================

   SITE MASTER - BRAND

   ========================================================= */



.site-master-brand {

    transform: translateY(0px);

}