/* ════════════════════════════════════════════════════════════
   pages/project.css — Project detail page (project.html?id=N)
   ════════════════════════════════════════════════════════════ */

/* ─── HERO META ───────────────────────────────────────────── */
.pd-hero-meta{display:flex;align-items:center;gap:14px;margin-bottom:14px}
.pd-cat{display:inline-flex;align-items:center;gap:8px;font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:rgba(255,255,255,.85);background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);border-radius:99px;padding:6px 14px}
.pd-cat-dot{width:9px;height:9px;border-radius:50%;flex-shrink:0}
.pd-year{font-size:14px;font-weight:800;color:rgba(255,255,255,.6)}
.pd-loc{display:flex;align-items:center;gap:8px;font-size:14.5px;color:rgba(255,255,255,.75);margin-top:10px}
.pd-loc svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}

/* ─── DETAIL LAYOUT ───────────────────────────────────────── */
.pd-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:40px;align-items:start}
.pd-main{display:flex;flex-direction:column;gap:34px}
.pd-block h2{font-size:21px;font-weight:800;color:var(--text);letter-spacing:-.3px;margin-bottom:12px}
.pd-block p{font-size:15px;color:var(--text-muted);line-height:1.75}
.pd-list{list-style:none;display:flex;flex-direction:column;gap:9px}
.pd-list li{position:relative;padding-left:24px;font-size:14.5px;color:var(--text-muted);line-height:1.6}
.pd-list li::before{content:"";position:absolute;left:0;top:8px;width:9px;height:9px;border-radius:50%;background:var(--accent2,#1f8b57)}

/* ─── ASIDE PANEL ─────────────────────────────────────────── */
.pd-aside{position:sticky;top:90px}
.pd-panel{background:var(--card);border:1.5px solid var(--card-border);border-radius:14px;padding:18px;display:flex;flex-direction:column;gap:14px}
.pd-map{height:240px;border-radius:9px;overflow:hidden;background:#0a1a2f}
.pd-map .leaflet-container{height:100%;width:100%;font-family:inherit}
.pd-map--failed{display:none}
.pd-facts{display:flex;flex-direction:column;gap:0;margin:0}
.pd-fact{display:flex;justify-content:space-between;gap:14px;padding:10px 2px;border-bottom:1px solid var(--border)}
.pd-fact:last-child{border-bottom:none}
.pd-fact dt{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text-light);flex-shrink:0}
.pd-fact dd{font-size:13.5px;font-weight:600;color:var(--text);text-align:right;margin:0}
.pd-cta{width:100%;justify-content:center;text-align:center}

/* ─── GALLERY ─────────────────────────────────────────────── */
.pd-gallery{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.pd-fig{margin:0}
.pd-fig img{width:100%;border-radius:10px;border:1.5px solid var(--card-border);display:block}
.pd-fig figcaption{font-size:12.5px;color:var(--text-light);margin-top:7px;line-height:1.5}

@media(max-width:960px){
  .pd-grid{grid-template-columns:1fr}
  .pd-aside{position:static}
  .pd-gallery{grid-template-columns:1fr}
}