.project-wrap{padding:40px 0 100px;}

.back-link{
  display:inline-flex;align-items:center;gap:6px;
  font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:0.5px;
  color:var(--primary);margin-bottom:32px;
}
.back-link:hover{text-decoration:underline;}
.project-loading{color:rgba(46,38,34,0.55);font-size:15px;padding:40px 0;}

.project-layout{display:grid;grid-template-columns:1.3fr 1fr;gap:48px;align-items:start;}
@media(max-width:860px){.project-layout{grid-template-columns:1fr;gap:32px;}}

.project-gallery-main{
  border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow);
  aspect-ratio:4/3;background:var(--dark);
}
.project-gallery-main img{width:100%;height:100%;object-fit:cover;display:block;}

.project-gallery-thumbs{display:flex;gap:10px;margin-top:14px;flex-wrap:wrap;}
.project-thumb{
  width:72px;height:56px;border-radius:8px;overflow:hidden;border:2px solid transparent;
  padding:0;cursor:pointer;background:none;opacity:0.65;transition:opacity .2s ease, border-color .2s ease;
}
.project-thumb img{width:100%;height:100%;object-fit:cover;display:block;}
.project-thumb:hover{opacity:0.9;}
.project-thumb.active{opacity:1;border-color:var(--primary);}
.img-fallback{object-fit:contain !important;padding:14% !important;background:var(--bg-alt);}

.project-video{margin-top:20px;}
.project-video .video-embed{position:relative;width:100%;aspect-ratio:16/9;border-radius:var(--radius);overflow:hidden;background:var(--dark);}
.project-video .video-embed iframe{position:absolute;inset:0;width:100%;height:100%;border:0;}

.project-info h1{font-size:clamp(26px,3.5vw,36px);margin:14px 0 16px;}
.project-info .p-tags{display:flex;flex-wrap:wrap;gap:8px;}
.project-info .p-tag{position:static;}
.project-desc{color:rgba(46,38,34,0.7);font-size:16px;line-height:1.7;margin-bottom:28px;}

.related-projects{margin-top:96px;}
.related-projects h2{font-size:clamp(22px,3vw,30px);margin-bottom:24px;}
.related-grid{grid-template-columns:repeat(3,1fr);padding-bottom:0;}
@media(max-width:720px){.related-grid{grid-template-columns:1fr 1fr;}}
@media(max-width:480px){.related-grid{grid-template-columns:1fr;}}