.neo-brand {
    display: inline-flex;
    align-items: baseline;
    flex-shrink: 0;
    overflow: visible;
    padding: 5px 10px 5px 2px;
    white-space: nowrap;
    color: #fff;
    font-size: 40px;
    line-height: 1;
    text-shadow: 0 2px 14px rgba(0, 0, 0, .28);
}

.neo-brand-script {
    color: #fff;
    font-family: 'Caveat', "Segoe Print", cursive;
    font-size: 1.2em;
    font-weight: 700;
    letter-spacing: -.035em;
    line-height: .78;
    transform: rotate(-2deg) translateY(1px);
    transform-origin: right center;
    text-shadow: 0 2px 9px rgba(0, 0, 0, .46);
}

.neo-brand-accent {
    display: inline-block;
    position: relative;
    margin-left: .06em;
    padding-right: .16em;
    color: #00cfe8;
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: .9em;
    font-weight: 900;
    letter-spacing: -.045em;
    line-height: 1;
    transform: skewX(-7deg);
    transform-origin: left center;
    -webkit-text-fill-color: currentColor;
    text-shadow: 0 2px 10px rgba(0, 207, 232, .2);
}

.neo-brand--footer,
.neo-brand--admin {
    font-size: 30px;
}

.neo-brand-context {
    color: #8b8b98;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .12em;
    text-transform: uppercase;
}

@media (max-width: 639px) {
    .neo-brand { font-size: 33px; }
    .neo-brand--footer, .neo-brand--admin { font-size: 28px; }
}