
.case-grid,
.case-cards {
    max-width: 100%;
    margin-inline: auto;
}

.case-breadcrumb,
.case-header {
    font-size: .8rem;
    color: var(--muted);
    font-family: 'IBM Plex Mono', monospace;
    letter-spacing: .16em;
    text-transform: uppercase;
}

.case-title {
    font-size: clamp(2.1rem, 3.5vw, 3.4rem);
    margin-top: .6rem;
    line-height: 1.08;
}

.case-subtitle {
    font-size: 1rem;
    color: var(--body-text);
    max-width: 70ch;
}

.case-meta {
    border-top: 1px solid var(--line);
    padding-top: .8rem;
    font-size: .82rem;
}

.case-meta span{
    display: block;
    font-size: .78rem;
    color: var(--muted);
    margin-bottom: .2rem;
    font-family: 'IBM Plex Mono', monospace;
    letter-spacing: .08em;
    text-transform: uppercase;
}

@media (max-width: 760px) {
}

.case-section h2,.case-section h3{color:var(--page-fg)}.case-section p{max-width:74ch;margin-top:.75rem;font-size:.98rem;line-height:1.7;color:var(--body-text)}
