.project-row { width: 100%; border: 0; background: transparent; text-align: left; }
.project-detail-screen { background: #fff; transform: translateX(100%); padding-top: 7.3rem; }
.project-detail-screen .eyebrow { color: #789b22; }
.detail-back { position: absolute; top: 2rem; right: max(2.5rem, 8vw); border: 0; background: none; color: var(--ink); font-size: 1.8rem; }
.detail-layout { display: grid; grid-template-columns: minmax(260px, .85fr) minmax(420px, 1.35fr); gap: 7vw; max-width: 1130px; }
.detail-layout h2 { margin: .35rem 0 1.2rem; font-size: clamp(3rem, 6.2vw, 6.2rem); line-height: .88; letter-spacing: -.09em; }
.detail-summary { max-width: 360px; color: #566075; font-size: 1rem; line-height: 1.65; }
.visit-project { display: inline-flex; align-items: center; gap: .65rem; margin-top: 1.25rem; padding: .78rem 1rem; background: var(--ink); color: #fff; text-decoration: none; font: 500 .72rem var(--mono); letter-spacing: .07em; text-transform: uppercase; }
.visit-project span { color: var(--lime); font-size: 1.15rem; }
.detail-content { border-top: 1px solid var(--line); }
.detail-content > div { padding: 1.35rem 0; border-bottom: 1px solid var(--line); }
.detail-content > div > p:not(.card-label) { margin: .75rem 0 0; max-width: 620px; color: #4e566b; font-size: .96rem; line-height: 1.68; }
.detail-content .tags { margin-top: .8rem; }
.detail-content .tags span { border-color: #cdd4e0; color: var(--ink); }
@media (max-width: 700px) {
  .project-detail-screen { padding-top: 6.5rem; }
  .detail-layout { grid-template-columns: 1fr; gap: 2rem; }
  .detail-back { top: 1.15rem; right: 1.3rem; }
}