#article h1.shaped {
    display: inline-block;
    font-weight: 300; font-size: 1.5em;
    margin-left: -20px; margin-bottom: 65px;
    text-transform: uppercase;
    filter: drop-shadow(5px 3px 4px rgba(0,0,0,0.2))
}
#article h1.shaped span {
    background: #FFF;
    -webkit-clip-path: polygon(0 0, 100% 0%, 94% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0%, 94% 100%, 0% 100%);
    padding: 0.8em; padding-right: 40px; padding-left: calc(1em + 20px);
}
#article h1.shaped:after {
    content: '';
    display: block;
}

.no-logo {
    color: #999999;
    display: flex; flex-direction: column;
    font-size: 1.8em; font-weight: 600;
    height: 100%;
    justify-content: center;
    margin-top: 0.85em;
    text-align: center;
}
.no-logo i {
    display: block;
    font-size: 1.8em;
    margin-bottom: 0.25em;
}

.favbtn-container:hover { background: #FFF; }
.favbtn { text-decoration: none; }
.favbtn i {
    font-size: 2em;
    vertical-align: -10px;
}
.favbtn.checked i { color: var(--fw-primary); }
*:hover .favbtn { color: var(--fw-link-color); }
.favbtn:hover { color: var(--fw-primary); }
.favbtn.checked:hover i { color: rgba(253, 201, 0, 0.5); }

@media screen and (max-width: 1180px), (any-hover: none) {
    body.mobilemenu { overflow: hidden; }
    body.mobilemenu > * { display: none; }
    #article h1.shaped {
        display: block;
        filter: none;
        margin-left: 0; margin-bottom: 0.67em;
    }
    #article h1.shaped span {
        background: none;
        clip-path: none; -webkit-clip-path: none;
        padding: 0;
    }
}