/* Project detail template */
.case-figure  {
    margin: 0;
}

.case-figure .detail-cover  {
    aspect-ratio: 2;
}

.case-figure figcaption  {
    color: var(--muted);
    font-size: 13px;
    margin-top: 14px;
}

.case-story  {
    display: grid;
    grid-template-columns: .65fr 1.35fr;
    gap: 85px;
    margin-top: 65px;
}

.case-story aside  {
    border-top: 3px solid var(--yellow);
    padding-top: 25px;
}

.case-story > div h2  {
    font-size: 26px;
    margin-top: 36px;
    margin-bottom: 15px;
}

.case-story > div h2:first-child  {
    margin-top: 0;
}

@media(max-width:760px)  {
    .case-story  {
        grid-template-columns: 1fr;
        gap: 40px;
        margin-top: 40px;
    }
    .case-figure .detail-cover  {
        aspect-ratio: 1.4;
    }
}