.project-hero { grid-template-columns: 1.12fr .88fr; gap: clamp(52px, 6vw, 92px); }
.project-hero h1 { font-size: clamp(3rem, 5.2vw, 5.15rem); letter-spacing: -.085em; }
.direction-gallery { align-items: start; }
.direction-gallery .direction-card { aspect-ratio: auto; overflow: visible; background: transparent; }
.direction-media { aspect-ratio: 5 / 3; overflow: hidden; background: #deded8; }
.direction-media img { width: 100%; height: 100%; object-fit: cover; }
.direction-card figcaption { padding: 18px 3px 38px; }
.direction-card h3 { margin: 8px 0 20px; font-size: clamp(1.25rem, 1.55vw, 1.8rem); line-height: 1.2; letter-spacing: -.07em; }
.card-meta, .direction-card dt { margin: 0; font-family: 'DM Mono', monospace; font-size: .63rem; line-height: 1.4; letter-spacing: .045em; }
.direction-card dl { margin: 0; display: grid; gap: 13px; }
.direction-card dl div { padding-top: 12px; border-top: 1px solid var(--line); }
.direction-card dt { color: #73746f; }
.direction-card dd { margin: 5px 0 0; font-size: .86rem; line-height: 1.65; font-weight: 700; }
@media (max-width: 720px) { .project-hero h1 { font-size: clamp(3rem, 12.5vw, 4.8rem); } }