.sm-beta-entry {
    --sm-beta-rubric-color: #075da8;
    position: relative;
    display: block;
    aspect-ratio: 1;
    container-type: inline-size;
    isolation: isolate;
    overflow: hidden;
    background: var(--sm-beta-rubric-color);
    color: #fff;
    text-decoration: none;
}

.sm-beta-entry--motor {
    --sm-beta-rubric-color: #5a3e85;
}

.sm-beta-entry--chassis {
    --sm-beta-rubric-color: #386c22;
}

.sm-beta-entry::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(165deg, #e7e7e7, #bcbcbc);
    clip-path: polygon(0 68.333%, 100% 47.5%, 100% 100%, 0 100%);
}

.sm-beta-entry:focus-visible {
    outline: 3px solid #5483ff;
    outline-offset: 3px;
}

.sm-beta-entry__image {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.sm-beta-entry__title {
    position: absolute;
    inset: 9% 5% auto;
    z-index: 1;
    color: #fff;
    font-family: SachsenmopedKanteTeaser, "Arial Black", Arial, sans-serif;
    font-size: 13.8cqi;
    font-style: oblique;
    font-weight: 900;
    letter-spacing: .04em;
    line-height: .94;
    text-align: center;
    text-transform: uppercase;
    -webkit-text-stroke: .025em;
}

.sm-beta-entry--wheel .sm-beta-entry__title {
    font-size: 15cqi;
}

.sm-beta-entry--motor .sm-beta-entry__title {
    font-size: 11.7cqi;
}

.sm-beta-entry__subtitle {
    display: block;
    margin-top: .25em;
    font-size: 7.2cqi;
}

.sm-beta-entry__badge {
    position: absolute;
    right: 4%;
    bottom: 4%;
    z-index: 1;
    padding: .25em .55em;
    background: #101010;
    color: #fff;
    font-size: max(10px, 3cqi);
    font-weight: 700;
    letter-spacing: .06em;
    line-height: 1.2;
}