.crumbs{display:flex;gap:8px;align-items:center;flex-wrap:wrap;color:var(--muted);font-size:.92rem}
.crumbs a{color:inherit}

.project-hero{border:1px solid rgba(0,0,0,.12);border-radius:22px;overflow:hidden;box-shadow:0 16px 34px rgba(0,0,0,.08);background:#fff;margin-bottom:14px}
.project-hero img,.project-hero video{width:100%;display:block;height:min(68vh,760px);object-fit:cover}

.project-meta-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.meta-card{background:#fff;border:1px solid rgba(0,0,0,.12);border-radius:14px;padding:12px 14px;box-shadow:0 10px 20px rgba(0,0,0,.06)}
.meta-label{display:block;font-size:.72rem;text-transform:uppercase;letter-spacing:.07em;color:var(--muted);margin-bottom:3px}
.meta-value{font-weight:700;line-height:1.3}

.project-tag-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.project-tag{display:inline-flex;padding:5px 10px;border-radius:999px;background:rgba(140,13,245,.08);border:1px solid rgba(140,13,245,.3);color:#8c0df5;font-size:.72rem;font-weight:700;letter-spacing:.04em}

.project-copy-grid{display:grid;grid-template-columns:1fr 1.35fr;gap:14px}
.project-summary{background:linear-gradient(150deg,#fff,rgba(140,13,245,.06));border:1px solid rgba(140,13,245,.2);border-radius:18px;padding:18px}
.project-summary h3{margin:.15rem 0 .55rem}
.project-summary p{margin:0;color:var(--muted)}
.project-description p{margin:0 0 12px;color:var(--muted)}
.project-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}
.project-nav{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:center;margin-top:12px;padding-top:12px;border-top:1px solid rgba(0,0,0,.12)}
.project-nav a{display:inline-flex;justify-content:center;align-items:center;padding:10px 12px;border:1px solid rgba(0,0,0,.15);border-radius:999px;background:#fff;font-weight:700}

@media (max-width:1080px){
  .project-meta-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .project-copy-grid{grid-template-columns:1fr}
}
@media (max-width:760px){
  .project-meta-grid{grid-template-columns:1fr}
  .project-hero img,.project-hero video{height:min(42vh,420px)}
  .project-nav{grid-template-columns:1fr}
}