/* Project detail pages only. Existing site styles are untouched. */
body.project-detail-page .project-detail{padding-top:78px}
body.project-detail-page .project-detail-intro{padding:90px clamp(22px,6vw,90px) 56px;border-bottom:1px solid var(--line)}
body.project-detail-page .project-kicker{font:11px/1.3 "Courier New",monospace;letter-spacing:.16em;color:#5fe6e4;text-transform:uppercase}
body.project-detail-page .project-detail-intro h1{font-family:Impact,"Arial Narrow",sans-serif;font-size:clamp(64px,11vw,164px);font-weight:900;letter-spacing:-.045em;line-height:.82;text-transform:uppercase;margin:20px 0 34px}
body.project-detail-page .project-meta{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.7fr);gap:50px;align-items:start}
body.project-detail-page .project-meta p{max-width:720px;color:#b9c0bb;font-size:17px;line-height:1.65;margin:0}
body.project-detail-page .project-tags{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
body.project-detail-page .project-tags span{border:1px solid #303632;padding:9px 11px;font:10px/1 "Courier New",monospace;letter-spacing:.12em;text-transform:uppercase;color:#aeb6b0}
body.project-detail-page .project-gallery{padding:clamp(24px,4vw,60px) clamp(22px,6vw,90px);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(16px,2.5vw,34px)}
body.project-detail-page .project-gallery figure{margin:0;overflow:hidden}
body.project-detail-page .project-gallery figure:first-child{grid-column:1/-1}
body.project-detail-page .project-gallery img{display:block;width:100%;height:auto;object-fit:cover}
body.project-detail-page .project-gallery figcaption{padding-top:10px;color:#7f8881;font:10px/1.4 "Courier New",monospace;letter-spacing:.12em;text-transform:uppercase}
body.project-detail-page .project-writeup{padding:70px clamp(22px,6vw,90px) 90px;border-top:1px solid var(--line);display:grid;grid-template-columns:.6fr 1.4fr;gap:clamp(34px,7vw,120px)}
body.project-detail-page .project-writeup-label{font:11px/1.3 "Courier New",monospace;letter-spacing:.16em;color:#5fe6e4;text-transform:uppercase}
body.project-detail-page .project-writeup-content{display:grid;gap:48px;max-width:840px}
body.project-detail-page .project-writeup-content h2{font:900 clamp(28px,4vw,52px)/1 Arial;text-transform:uppercase;margin:0 0 14px;letter-spacing:-.03em}
body.project-detail-page .project-writeup-content p{color:#aeb6b0;line-height:1.7;font-size:16px;margin:0}
body.project-detail-page .project-page-nav{border-top:1px solid var(--line);padding:42px clamp(22px,6vw,90px);display:flex;justify-content:space-between;gap:30px;align-items:center}
body.project-detail-page .project-page-nav a{color:#d8ddd9;text-decoration:none;text-transform:uppercase;font-size:11px;letter-spacing:.14em}
body.project-detail-page .project-page-nav a:hover{color:#43ee72}
@media(max-width:800px){
 body.project-detail-page .project-detail{padding-top:66px}
 body.project-detail-page .project-detail-intro{padding:62px 20px 40px}
 body.project-detail-page .project-meta{grid-template-columns:1fr;gap:28px}
 body.project-detail-page .project-tags{justify-content:flex-start}
 body.project-detail-page .project-gallery{padding:20px;grid-template-columns:1fr;gap:28px}
 body.project-detail-page .project-gallery figure:first-child{grid-column:auto}
 body.project-detail-page .project-writeup{padding:54px 20px 64px;grid-template-columns:1fr;gap:28px}
 body.project-detail-page .project-page-nav{padding:34px 20px;align-items:flex-start;flex-direction:column}
}