/* Original shbl lettering, separated from its softly fading pastel atmosphere. */
.brand-lockup {
    position: relative;
    isolation: isolate;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: none;
    line-height: 0;
    text-decoration: none !important;
    border: 0;
    border-radius: 0;
    background: none;
    box-shadow: none;
}
.brand-lockup::before {
    content: "";
    position: absolute;
    z-index: -1;
    inset: -8px -18px;
    pointer-events: none;
    -webkit-mask-image: radial-gradient(ellipse closest-side, #000 22%, transparent 100%);
    mask-image: radial-gradient(ellipse closest-side, #000 22%, transparent 100%);
    background:
        radial-gradient(ellipse at 27% 35%, #d3cadba6 0%, #d3cadb00 64%),
        radial-gradient(ellipse at 72% 44%, #ccd7de99 0%, #ccd7de00 65%),
        radial-gradient(ellipse at 46% 73%, #edc9b899 0%, #edc9b800 64%);
}
.brand-lockup svg {
    display: block;
    flex: none;
    width: 96px;
    height: auto;
    overflow: visible;
    fill: currentColor;
}
.brand.brand-lockup {
    width: 112px;
    height: 70px;
    color: #343442;
}
.footer-brand.brand-lockup {
    width: 140px;
    height: 80px;
    color: #f8f5f0;
    letter-spacing: normal;
    font-size: inherit;
}
.footer-brand.brand-lockup svg { width: 118px; }
.footer-brand.brand-lockup::before {
    inset: -12px -18px;
    opacity: .24;
}
@media (max-width: 1150px) {
    .brand.brand-lockup { width: 100px; height: 62px; }
    .brand.brand-lockup svg { width: 86px; }
}
@media (max-width: 600px) {
    .brand.brand-lockup { width: 94px; height: 56px; }
    .brand.brand-lockup svg { width: 80px; }
    .brand.brand-lockup::before { inset: -8px -10px; }
    .footer-brand.brand-lockup { width: 126px; height: 72px; }
    .footer-brand.brand-lockup svg { width: 108px; }
    .footer-brand.brand-lockup::before { inset: -10px -12px; }
}