hr {
    margin: 2rem 0;
}
.cat {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 47%, rgba(0, 0, 1, 0.3) 50%, rgba(0, 0, 0, 0) 50%, rgba(255, 255, 255, 0) 100%);
}
.cat h2 {
    background-color: white;
    width: fit-content;
    padding-left: 2rem;
}
.grid article .placeholder {
    background-color: var(--color-canvas);
    min-height: 200px;
    align-content: center;
}

.grid article #footer .tile {
    background-color: var(--color-canvas);
    border: none;
}

.grid article a {
    height: 100%;
    display: flex;
    flex-direction: column;
}
.grid article .media__content {
  flex: 1;
}

.grid article #footer {
    margin-top: 2rem;
    padding: 1rem;
}

.grid article #footer #category {
    width: fit-content;
}

.grid article #footer p:nth-child(1) {
    flex: 1;
}

.grid article #footer .tile p:nth-child(2) {
    color: var(--color-primary);
}