/* 1.0.5 — portfolio imagery alongside project copy. */
.project-feature-main {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(220px, 33%);
    align-items: start;
    gap: clamp(24px, 4vw, 52px);
}
.project-feature-main:not(.has-image) {
    grid-template-columns: minmax(0, 1fr);
}
.project-feature-content { min-width: 0; }
.project-feature-image { display: block; margin-top: 24px; }
.project-feature-image img {
    display: block;
    width: 100%;
    aspect-ratio: 16 / 9;
    object-fit: cover;
    border-radius: 4px;
}
.project-feature .project-title { margin-top: 24px; }
.solution-list .card .link { margin-top: auto; }
.post-byline a { color: inherit; text-decoration: underline; text-underline-offset: 3px; }
.post-byline a:hover { color: var(--cyan); }
.page-feature-media { max-width: 760px; }
@media (max-width: 700px) {
    .project-feature-main { grid-template-columns: minmax(0, 1fr); gap: 10px; }
    .project-feature-image { margin-top: 0; order: -1; }
}