:root {
    --insight-brand-logo:
        url("/assets/insight-media/branding/insight-media-logo.svg");

    --insight-brand-album:
        url("/assets/insight-media/branding/insight-media-album.svg");

    --insight-brand-icon:
        url("/assets/insight-media/branding/insight-media-icon.svg");
}

.insight-brand-logo {
    display:block;
    width:100%;
    height:auto;
    object-fit:contain;
}

.insight-brand-mark {
    width:42px;
    height:42px;
    flex:0 0 42px;

    border-radius:50%;

    object-fit:cover;

    box-shadow:
        0 5px 18px rgba(0,0,0,.12);
}

.insight-brand-lockup {
    display:flex;
    align-items:center;
    gap:11px;
}

.insight-brand-lockup__copy {
    min-width:0;
}

.insight-brand-lockup__name {
    margin:0;

    font-size:13px;
    line-height:1.1;
    font-weight:800;
    letter-spacing:-.02em;
}

.insight-brand-lockup__label {
    margin-top:3px;

    color:#747981;

    font-size:9px;
    line-height:1.2;

    font-weight:700;

    text-transform:uppercase;
    letter-spacing:.09em;
}

.insight-album-art {
    background:
        #090716
        var(--insight-brand-album)
        center/cover
        no-repeat;
}