#logo .centuriaHeaderBrand {
    align-items: center;
    direction: ltr;
    display: flex;
    gap: 3px;
    height: 100%;
    justify-content: flex-start;
    width: 100%;
}

#logo .centuriaHeaderBrand picture {
    display: block;
    flex: 0 0 34px;
    height: 38px;
}

#logo .centuriaHeaderBrand picture img {
    display: block;
    height: 38px !important;
    max-width: 34px !important;
    object-fit: contain !important;
    width: 34px !important;
}

#logo .centuriaWordmark {
    color: #4b2417;
    font-family: "Noto Serif", Georgia, serif;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: .025em;
    line-height: 1;
    text-shadow: 0 1px 0 #f6dfa0;
    white-space: nowrap;
}

body:not(.activate) #logo {
    width: 118px !important;
}

body:not(.activate) #logo .centuriaHeaderLockup,
body:not(.activate) #logo .centuriaHeaderLockup picture {
    display: block;
    height: 40px;
    width: 118px;
}

body:not(.activate) #logo .centuriaHeaderLockup picture img {
    display: block;
    height: 40px !important;
    max-width: 118px !important;
    object-fit: contain !important;
    width: 118px !important;
}

body.activate #logo .centuriaHeaderBrand {
    gap: 6px;
}

body.activate #logo .centuriaHeaderBrand picture,
body.activate #logo .centuriaHeaderBrand picture img {
    height: 52px !important;
    max-width: 46px !important;
    width: 46px !important;
}

body.activate #logo .centuriaHeaderBrand picture {
    flex-basis: 46px;
}

body.activate #logo .centuriaWordmark {
    color: #f2d17d;
    font-size: 19px;
    text-shadow: 0 1px 2px #1d0904;
}