.meta-year {
    font-size: var(--fs-sm);
    line-height: var(--lh-sm);
    padding-top: 0;
}

.card-stack h3 {
    padding-block: var(--space-3) var(--space-2);
    font-size: var(--fs-lg);
    line-height: var(--fs-lg);
}

.bodinode-hero img {
    border-radius: 0;
}

@media only screen and (min-width: 64rem) {
    /* ==========================================================================
        BENTO
    ========================================================================== */

    .bento-grid {
        display: grid;
        grid-template-columns: repeat(9, 1fr);
        grid-template-rows: repeat(8, 150px);
        padding: 3rem 0;
    }

    .bento-card {
        padding: var(--space-3);
        height: 100%;
    }

    .card-form {
        grid-column: 1 / 5;
        grid-row: 1 / 4;
    }

    .card-title {
        grid-column: 4 / 7;
        grid-row: 4 / 6;
    }

    .card-meta {
        grid-column: 7 / 10;
        grid-row: 1 / 6;
    }

    .bodinode-hero {
        grid-column: 1 / 4;
        grid-row: 4 / 6; 
    }

    .card-code {
        grid-column: 6 / 10;
        grid-row: 6 / 9;
    }

    .card-stack {
        grid-column: 5 / 7;
        grid-row: 1 / 4;
    }

    .card-stack h3 {
        font-size: var(--fs-lg);
        line-height: var(--lh-lg);
    }

    .card-display {
        grid-column: 1 / 6;
        grid-row: 6 / 9; 
    }

    .bento-card img {
        width: 100%;
        height: 100%;
        object-fit: cover; 
        max-height: none; 
        border-radius: var(--radius-subtle);
    }

    .bodinode-hero img {
        width: auto;
        height: 30px;
        border-radius: 0;
    }

    .bento-card:has(img) {
        padding: 0;
    }
}

@media only screen and (min-width: 90rem) {
    .bodinode-hero img {
        width: auto;
        height: 50px;
        border-radius: 0;
    }
}