.ds-lp {
    --background_color: var(--Transparent);
    --text_color: var(--Neutral-900);
    --link_color:  var(--text_color);

    background-color: var(--background_color);
}

.c-ds.ds-lp {
    color: var(--text_color);
}

.c-ds.ds-lp a:not(.ds-btn) {
    color: var(--link_color);
}

.ds-lp .ds-section-title {
    margin-block: 0 1rem;

    font-weight: 300;
    font-size: 1.5rem;
    line-height: 100%;
    letter-spacing: 0.015rem;
		color: var(--title_color);

    text-align: start;
}

.ds-lp-grid {
    --lp_gap: 1.5rem;

    display: flex;
    flex-direction: column;

    gap: var(--lp_gap);
}

.ds-lp-grid-list {
    display: flex;
    flex-direction: column;
    gap: var(--lp_gap);
}

/* ====================================================================================
 * POST CARD START
 ========================================= */
.ds-pc a:hover {
    text-decoration: none;
}

.ds-pc__thumb-wrap {
    margin-block-end: 1.5rem;
}

.ds-pc__thumb-link {
    position: relative;

    display: block;

    width: 100%;
    height: 13.4375rem;

    border-radius: 0.5rem;
    overflow: hidden;
}

.ds-pc-thumb,
.ds-pc-thumb img {
    position: absolute;
    inset: 0;

    width: 100%;
    height: 100%;

    object-fit: cover;
}

.ds-pc__meta {
    display: flex;
    justify-content: space-between;
    align-items: center;

    margin-block-end: 1rem;
		gap: 1rem;
}

.ds-pc-tag {
    padding: 0.25rem 0.5rem;
    border-radius: 0.75rem;

    font-size: 0.875rem;
		font-weight: 300;
    line-height: 1.71428571;
    letter-spacing: 0.015rem;

		color: var(--tag_text_color, var(--link_color));
    border: 0.0625rem solid var(--tag_border_color, currentColor);
		background-color: var(--tag_background_color, transparent);

		flex: 0 auto;
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden;
}

.c-ds.ds-lp a:not(.ds-btn).ds-pc-tag {
		color: var(--tag_text_color, var(--link_color));
		border-color: var(--tag_border_color, currentColor);
		background-color: var(--tag_background_color, transparent);
}

.ds-pc-date {
    font-size: 0.75rem;
    line-height: 1.5;
    letter-spacing: 0.015rem;
		white-space: nowrap;
}

body * > *.ds-pc-date, body *.ds-pc-date, body .ds-reset-fonts * > *.ds-pc-date, body .ds-reset-fonts *.ds-pc-date {
	font-family: 'IBM Plex Mono', sans-serif !important;
}

.ds-pc-title {
    font-weight: 600;
    font-size: 1rem;
    line-height: 1.5;
    letter-spacing: 0.02rem;

    margin-block-end: 1rem;
}

.ds-pc-excerpt {
    margin-block: 0.25rem 0;

    font-size: 0.875rem;
    line-height: 1.714;
    letter-spacing: 0.0175rem;
}

.ds-pc__meta-card {
    margin-block-start: auto;
}

.ds-pc__meta-card .ds-btn {
	font-size: 1rem;
	line-height: 1.5;
}
/* ====================================================================================
 * POST CARD END
 ========================================= */

@media (min-width:768px) {
    .ds-pc {
        display: flex;
        gap: 1.25rem;
    }

    .ds-pc__thumb-wrap {
        flex: 0 0 18.75rem;
        margin-block: 0;
    }

    .ds-pc__thumb-link {
        height: 11.25rem;
    }

    .ds-pc__info {
        flex: 1;
				display: flex;
				flex-direction: column;
    }
}

@media (min-width:992px) {
    .ds-pc__thumb-wrap {
        flex: 0 0 25rem;
    }

    .ds-pc__thumb-link {
        height: 13.1875rem;
    }
}

@media (min-width:1200px) {
    .ds-lp .ds-section-title {
        margin-block: 0 2rem;

        font-size: 2rem;
        line-height: 140%;
        letter-spacing: 0.04rem;
    }
}

@media (min-width:1400px) {
    .ds-lp-grid {
        flex-direction: row;
        gap: 2.5rem;
    }

    .ds-lp-grid-feat {
        flex: 0 0 48%;
    }

    .ds-lp-grid-list {
        flex: 1;
        gap: 1.5rem;
    }

    .ds-pc {
        gap: 1.25rem;
    }

    .ds-pc__thumb-wrap {
        flex: 0 0 17.4375rem;
    }

    .ds-pc__thumb-link {
        border-radius: 0.75rem;
    }

    .ds-pc-title {
        font-size: 1rem;
        line-height: 1.5;
        letter-spacing: 0.02rem;
				font-weight: 600;
				margin-block-end: 1.5rem;
    }

    .ds-pc-excerpt {
        margin-block-start: 0.5rem;

        font-size: 1rem;
        line-height: 1.5;
        letter-spacing: 0.0175rem;
    }

    .ds-pc--is-featured {
        flex-direction: column;

        gap: 1.5rem;
    }

    .ds-pc--is-featured .ds-pc__thumb-wrap {
        flex: none;
    }

    .ds-pc--is-featured .ds-pc__thumb-link {
        height: 25rem;
    }

    .ds-pc--is-featured .ds-pc__meta {
        margin-block-end: 1.5rem;
    }

    /* .ds-pc--is-featured .ds-pc__meta-card {
        margin-block-start: 1.5rem;
    } */
}

@media (min-width:1600px) {
    .ds-lp-grid-feat {
        flex: 0 0 41.5625rem;
    }
}