body { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; margin: 40px; color: #222; }

header { display: flex; justify-content: space-between; align-items: baseline; margin-bottom: 80px; }
.title-block h1 { font-weight: 300; letter-spacing: 8px; margin: 0; text-transform: uppercase; font-size: 32px; }
.title-block p { font-size: 13px; letter-spacing: 3px; margin: 10px 0 0 0; color: #555; text-transform: uppercase; }
nav a { text-decoration: none; color: #222; margin-left: 25px; font-size: 11px; text-transform: uppercase; letter-spacing: 1.5px; }

.instruction { font-size: 12px; margin-bottom: 25px; color: #777; }
.container { display: flex; gap: 20px; }
.project-link { flex: 1; }
.img-placeholder, .project-img { width: 100%; aspect-ratio: 1 / 1; background: #f0f0f0; }

.content { max-width: 1000px; margin: 0 auto; text-align: center; }
.project-img { aspect-ratio: 16 / 9; }
.description { margin-top: 40px; text-align: left; max-width: 700px; margin-inline: auto; }
.back-btn { display: inline-block; margin-top: 40px; font-size: 11px; text-transform: uppercase; text-decoration: none; color: #888; }