/* projects */
.fl {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 30px 0 28px
}

.fl button {
    padding: 8px 16px;
    min-height: 42px;
    border: 1px solid #0c122030;
    background: none;
    color: inherit;
    border-radius: 999px;
    cursor: pointer;
    font: inherit;
    font-size: .85rem;
    font-weight: 600;
    transition: .3s
}

.fl button[aria-pressed=true] {
    background: var(--dk);
    color: #fff;
    border-color: var(--dk)
}

.gr {
    display: grid;
    gap: 18px;
    grid-template-columns: repeat(auto-fill, minmax(min(100%, 320px), 1fr))
}