.interslide-tdm-archive,
.interslide-tdm-single {
    color: #111;
    background: #fff;
}

.itdm-wrap,
.itdm-single-article {
    width: min(1120px, calc(100% - 40px));
    margin: 0 auto;
}

.itdm-hero {
    padding: clamp(42px, 7vw, 82px) 0 34px;
    background: #111;
    color: #fff;
    border-bottom: 1px solid #111;
}

.itdm-hero--editorial {
    background: #fff;
    color: #111;
}

.itdm-hero--compact {
    padding: 32px 0 22px;
    background: #fff;
    color: #111;
}

.itdm-hero--black {
    background: #111;
    color: #fff;
}

.itdm-kicker,
.itdm-back-link,
.itdm-card time,
.itdm-single-header time {
    margin: 0 0 12px;
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0;
    text-transform: uppercase;
}

.itdm-hero h1,
.itdm-single-header h1 {
    max-width: 760px;
    margin: 0;
    font-size: clamp(2.6rem, 7vw, 6.5rem);
    line-height: 0.9;
}

.itdm-hero p {
    max-width: 620px;
    margin: 20px 0 0;
    font-size: clamp(1rem, 1.6vw, 1.2rem);
    line-height: 1.55;
    color: currentColor;
    opacity: .72;
}

.itdm-list {
    padding: 36px 0 72px;
}

.itdm-grid {
    display: grid;
    grid-template-columns: repeat(var(--itdm-columns, 3), minmax(0, 1fr));
    gap: 1px;
    background: #111;
    border: 1px solid #111;
}

.itdm-card {
    min-height: 100%;
    margin: 0;
    background: var(--itdm-surface, #fff);
}

.itdm-card-link {
    display: grid;
    min-height: 100%;
    align-content: start;
    gap: 12px;
    padding: 16px;
    color: inherit;
    text-decoration: none;
}

.itdm-card-link:hover,
.itdm-card-link:focus {
    background: #fff;
}

.itdm-card-media {
    margin: -16px -16px 4px;
    overflow: hidden;
    background: #111;
}

.itdm-card-media img {
    width: 100%;
    height: 100%;
    aspect-ratio: 16 / 10;
    display: block;
    object-fit: cover;
}

.itdm-card-media span {
    aspect-ratio: 16 / 10;
    display: grid;
    place-items: center;
    color: #fff;
    font-weight: 900;
    background: linear-gradient(135deg, var(--itdm-accent, #e9322d), #111);
}

.itdm-card h2 {
    margin: 0;
    font-size: clamp(1.25rem, 1.8vw, 1.65rem);
    line-height: 1.12;
}

.itdm-card p {
    margin: auto 0 0;
    color: #555;
    line-height: 1.45;
}

.itdm-pagination {
    margin-top: 32px;
}

.itdm-single-article {
    padding: clamp(48px, 8vw, 92px) 0;
}

.itdm-back-link {
    display: inline-flex;
    color: inherit;
    text-decoration: none;
    border-bottom: 2px solid currentColor;
}

.itdm-single-header {
    margin-bottom: 32px;
}

.itdm-featured-image {
    margin: 0 0 32px;
}

.itdm-featured-image img {
    width: 100%;
    height: auto;
    display: block;
}

.itdm-content {
    max-width: 760px;
    font-size: 1.08rem;
    line-height: 1.72;
}

@media (max-width: 700px) {
    .itdm-wrap,
    .itdm-single-article {
        width: min(100% - 28px, 1120px);
    }

    .itdm-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 980px) {
    .itdm-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 700px) {
    .itdm-grid {
        grid-template-columns: 1fr;
    }
}

.itdm-hero h1,
.itdm-single-header h1,
.itdm-card h2 {
    font-size: 2rem;
    line-height: 1.39;
}