.kuhnya-card-overview {
    width: 100%;
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: repeat(var(--grid-columns), minmax(0, 1fr));
    gap: var(--grid-gap);
    align-items: stretch;

    & .kuhnya-card-overview__content {
        grid-column: 3 / span 3;
        display: flex;
        flex-direction: column;
        gap: var(--space-sm);
        min-width: 0;
    }

    & .kuhnya-card-overview__eyebrow {
        color: var(--text-muted);
        text-transform: uppercase;
        letter-spacing: 0.08em;
        font-size: var(--fs-xs);
    }

    & .kuhnya-card-overview__title {
        margin: 0;
        font-size: var(--fs-lg);
    }

    & .kuhnya-card-overview__intro {
        margin: 0;
        color: var(--text-muted);
        font-size: var(--fs-base);
    }

    & .kuhnya-card-overview__facts {
        margin: 0;
        padding: 0;
        list-style: none !important;
        list-style-type: none !important;
        display: flex;
        flex-direction: column;
        gap: var(--space-xs);
    }

    & .kuhnya-card-overview__fact-item {
        display: flex;
        align-items: baseline;
        gap: var(--space-xs);
        font-size: var(--fs-base);
        list-style: none;

        &::marker {
            content: "";
        }
    }

    & .kuhnya-card-overview__fact-label {
        color: var(--text-muted);
        text-transform: lowercase;
    }

    & .kuhnya-card-overview__fact-value {
        color: var(--text-muted);
    }

    & .kuhnya-card-overview__media {
        grid-column: 7 / span 6;
        aspect-ratio: 16 / 9;
        display: block;
        overflow: hidden;
        border-radius: var(--image-radius);

        & img {
            width: 100%;
            height: 100%;
            display: block;
            object-fit: cover;
            border-radius: 0;
            transition: transform 3000ms var(--out);
        }

        &:hover img,
        &:focus-visible img {
            transform: scale(1.02);
        }
    }

    &.kuhnya-card-overview--content-only {
        .kuhnya-card-overview__content {
            grid-column: 3 / span 8;
        }
    }
}

@media (max-width: 64rem) and (min-width: 48.01rem) {
    .kuhnya-card-overview {
        grid-column: 1 / -1;
        gap: var(--space-sm);

        & .kuhnya-card-overview__content {
            grid-column: 1 / span 3;
            order: 1;
        }

        & .kuhnya-card-overview__media {
            grid-column: 4 / -1;
            order: 2;
            aspect-ratio: 4 / 3;
        }

        & .kuhnya-card-overview__title {
            font-size: var(--fs-md);
        }

        & .kuhnya-card-overview__intro,
        & .kuhnya-card-overview__fact-item {
            font-size: var(--fs-sm);
        }

        &.kuhnya-card-overview--content-only {
            .kuhnya-card-overview__content {
                grid-column: 1 / span 8;
            }
        }
    }
}

@media (max-width: 48rem) {
    .kuhnya-card-overview {
        grid-column: 1 / -1;

        & .kuhnya-card-overview__content {
            grid-column: 1 / -1;
            order: 2;
        }

        & .kuhnya-card-overview__media {
            grid-column: 1 / -1;
            order: 1;
        }

        &.kuhnya-card-overview--content-only {
            .kuhnya-card-overview__content {
                grid-column: 1 / -1;
            }
        }
    }
}