.project-heading { display: grid; grid-template-columns: 1fr auto 1fr; align-items: baseline; gap: 20px; margin: 4px 0 26px; }.project-heading h3 { margin: 0; font: 600 clamp(24px, 3vw, 42px)/1 var(--sans); letter-spacing: -.055em; }.project-heading span { font: 10px var(--mono); text-transform: uppercase; }.project-heading span:last-child { text-align: right; }.photo-image { background: #e8e8e8; }.photo-image img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .45s ease; }.work:hover .photo-image img { transform: scale(1.025); }.photo-project .project-cover figcaption span:first-child::after { content: ' — Cover'; color: var(--accent); }
@media (max-width: 760px) { .project-heading { display: flex; flex-direction: column; align-items: flex-start; gap: 6px; margin-bottom: 20px; }.project-heading h3 { font-size: 29px; }.project-heading span:last-child { text-align: left; } }