/* Proyecto: mismas columnas y tipografía que el index. */
.project-detail-body { font-weight: 400; }
.project-detail-copy {
    position: fixed;
    top: var(--copy-top);
    left: 8.3vw;
    width: 24vw;
    max-height: max(120px, calc(100svh - var(--copy-top) - 70px));
    overflow-y: auto;
    scrollbar-width: thin;
}
.project-detail-heading { margin-bottom: 1em; }
.project-detail-heading h1 { font: inherit; }
.project-detail-description p + p { margin-top: 1em; }
.project-detail-description strong { font-weight: inherit; }
.project-detail-image { margin: 0; min-width: 0; }
.project-detail-image img { display: block; width: 100%; height: auto; }
@media (max-width: 900px) {
    .project-detail-copy {
        position: static;
        width: auto;
        margin: 80px 8% 36px calc(8% + 50px);
        max-height: none;
        overflow: visible;
    }
}
