/* The Pramukh brand marks -- shared by the panel, the landing page and the
 * legal pages so there is exactly one place to change them.
 *
 * The logo is black + violet on white. Its black passages (the suit, the
 * wordmark) all but vanish on a dark ground, and the white keyline that
 * separates the figure from the buildings is lost the moment the artwork is
 * cut out. So on dark surfaces the mark is never placed bare -- it sits on a
 * white rounded tile (`.brand-mark--tile`), the way an app icon does. On light
 * surfaces the tile is invisible anyway, so the same class is safe everywhere.
 */

/* 38px is a floor, not a preference: the mark carries five buildings behind a
 * figure, and below roughly this size that detail collapses into a smudge. */
.brand-mark {
    display: inline-block;
    width: 38px;
    height: 38px;
    flex-shrink: 0;
    object-fit: contain;
    vertical-align: middle;
}

.brand-mark--tile {
    background: #fff;
    border-radius: 9px;
    padding: 3px;
}

/* Stacked mark-over-wordmark lockup. Only for light grounds -- the wordmark
 * inside the artwork is black and cannot be recoloured from CSS. */
.brand-lockup {
    display: inline-block;
    width: 210px;
    max-width: 70%;
    height: auto;
}