.project-detail-page main{background:#fff}
.project-detail{padding:36px max(5%,calc((100% - 1600px)/2)) 72px}
.project-detail-back{display:inline-flex;align-items:center;gap:12px;color:#666;font-size:13px;line-height:1.6;padding:8px 0}
.project-detail-back:hover{color:#f76200}
.project-detail-intro{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:end;gap:48px;margin:48px 0 40px}
.project-detail-category{margin:0 0 20px;color:#f76200;font-size:12px;line-height:1.8}
.project-detail h1{margin:0;font-size:clamp(32px,4.4vw,68px);font-weight:600;line-height:1.35}
.project-detail-subtitle{margin:16px 0 0;font-size:16px;line-height:1.8;color:#777}
.project-detail-description{max-width:520px;margin:0 0 4px;justify-self:end;color:#666;font-size:16px;line-height:2.1}
.project-detail-media{display:grid;place-items:center;margin:0;background:#e8e8e6;overflow:hidden}
.project-detail-media img{display:block;width:100%;height:auto;max-height:900px;object-fit:contain}
.project-detail-media video{display:block;width:100%;height:auto;aspect-ratio:16/9;background:#171815}
.project-detail-bottom{display:flex;align-items:center;justify-content:space-between;gap:32px;padding-top:36px}
.project-detail-next{display:flex;flex-direction:column;gap:10px;padding:8px 0}
.project-detail-next-label{font-size:12px;color:#777}
.project-detail-next-title{display:flex;align-items:center;gap:24px;font-size:24px;line-height:1.5}
.project-detail-next:hover .project-detail-next-title{color:#f76200}
.project-detail-contact{display:flex;align-items:center;justify-content:space-between;gap:48px;padding:18px 24px;border:1px solid #f76200;border-radius:5px;background:transparent;color:#f76200;font-size:16px;line-height:1.5;transition:background-color .2s,color .2s}
.project-detail-contact:hover{background:#f76200;color:#fff}
@media(max-width:760px){
 .project-detail{padding:24px 5% 48px}
 .project-detail-intro{grid-template-columns:minmax(0,1fr);gap:24px;margin:28px 0}
 .project-detail-category{margin-bottom:14px;font-size:11px}
 .project-detail-subtitle{font-size:14px;margin-top:12px}
 .project-detail-description{justify-self:start;font-size:14px;margin:0}
 .project-detail-bottom{align-items:stretch;flex-direction:column;gap:24px;padding-top:24px}
 .project-detail-next-title{font-size:22px;justify-content:space-between}
 .project-detail-contact{font-size:15px;padding:16px 20px}
}
@media(prefers-reduced-motion:reduce){.project-detail-contact{transition:none}}

/* Editorial project layout: copy left, larger artwork right. */
.project-detail{padding:36px 30px 72px}
.project-detail>article{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,7fr);gap:30px;align-items:start;margin-top:32px}
.project-detail-intro{display:block;margin:0;padding-top:8px}
.project-detail h1{font-size:clamp(30px,3vw,54px);overflow-wrap:anywhere}
.project-detail-description{max-width:none;margin:32px 0 0;justify-self:start}
.project-detail-media{width:100%;min-width:0}
@media(max-width:760px){
 .project-detail{padding:24px 30px 48px}
 .project-detail>article{grid-template-columns:minmax(0,1fr);gap:28px;margin-top:24px}
 .project-detail-intro{padding-top:0}
 .project-detail-description{margin-top:22px}
}

/* Back-to-projects link: larger text with a single underline. */
.project-detail-back{font-size:17px;border-bottom:1px solid #bdbdb7;padding-bottom:10px}
.project-detail-back:hover{border-bottom-color:#f76200}