/* ============================================================
   PROJECT DETAIL — Uqesh (materials). 1:1 with KqJzd. Fluid / rem. Light.
   ============================================================ */

/* Case hero (dark) */
.mjd-hero{ min-height:27.5rem; display:flex; flex-direction:column; justify-content:flex-end; background-size:cover; background-position:center; }
.mjd-hero-body{ display:flex; flex-direction:column; gap:0.625rem; padding-block:0 2.75rem; max-width:50rem; }
.mjd-crumb{ font-family:var(--font-display); font-weight:700; font-size:0.719rem; letter-spacing:.1em; color:rgba(255,255,255,.69); margin:0; }
.mjd-eyebrow{ font-family:var(--font-display); font-weight:700; font-size:0.719rem; letter-spacing:.12em; color:rgba(255,255,255,.8); margin:0; }
.mjd-title{ font-family:var(--font-display); font-weight:800; font-size:2.5rem; letter-spacing:-.01em; line-height:1.08; color:#fff; max-width:47.5rem; margin:0; }
.mjd-hero-meta{ font-family:var(--font-display); font-weight:600; font-size:0.719rem; letter-spacing:.07em; color:rgba(255,255,255,.69); margin:0; }

/* Story */
.mjd-story{ display:flex; gap:4.5rem; align-items:flex-start; padding-block:3.75rem; }
.mjd-narrative{ flex:1 1 0; display:flex; flex-direction:column; gap:1rem; }
.mjd-pull{ font-family:var(--font-display); font-weight:800; font-size:1.5rem; line-height:1.25; color:var(--text-primary); margin:0; }
.mjd-p{ font-size:0.906rem; line-height:1.65; color:var(--text-secondary); margin:0; }
.mjd-facts{ flex:none; width:25rem; display:flex; flex-direction:column; }
.mjd-fact{ display:flex; gap:1rem; padding-block:0.75rem; border-bottom:1px solid var(--line); }
.mjd-fact:last-child{ border-bottom:0; }
.mjd-fact-k{ flex:0 0 10rem; font-family:var(--font-display); font-weight:700; font-size:0.656rem; letter-spacing:.1em; color:var(--text-secondary); }
.mjd-fact-v{ flex:1 1 0; font-size:0.844rem; color:var(--text-primary); }

/* Gallery */
.mjd-gallery{ display:flex; gap:1.125rem; padding-block:0 3.5rem; }
.mjd-g{ display:block; height:23.75rem; background-size:cover; background-position:center; border-radius:0.25rem; }
.mjd-g1{ flex:1 1 0; }
.mjd-g2{ flex:0 0 32.5rem; }

/* Outcomes */
.mjd-outcomes{ background:var(--surface); }
.mjd-outcomes-row{ display:flex; align-items:center; gap:2.75rem; padding-block:2.75rem; }
.mjd-out{ flex:1 1 0; display:flex; flex-direction:column; gap:0.3125rem; }
.mjd-out-v{ font-family:var(--font-display); font-weight:800; font-size:1.3125rem; color:var(--text-primary); }
.mjd-out-l{ font-family:var(--font-display); font-weight:700; font-size:0.656rem; letter-spacing:.09em; color:var(--text-secondary); }
.mjd-out-sep{ flex:none; align-self:center; width:1px; height:2.875rem; background:var(--line); }

/* More projects */
.mjd-more{ display:flex; flex-direction:column; gap:0.875rem; padding-block:3rem 3.5rem; }
.mjd-more-t{ font-family:var(--font-display); font-weight:700; font-size:0.719rem; letter-spacing:.12em; color:var(--text-secondary); }
.mjd-more-row{ display:flex; flex-wrap:wrap; gap:2.75rem; }
.mjd-more-l{ font-family:var(--font-display); font-weight:700; font-size:0.9375rem; color:var(--text-primary); }
.mjd-more-l:hover{ color:var(--brand); }

/* CTA */
.mjd-cta{ display:flex; flex-direction:column; align-items:center; gap:1.125rem; background:#E0E2DD; padding:4rem 3rem; text-align:center; }
.mjd-cta-eyebrow{ font-family:var(--font-display); font-weight:700; font-size:0.75rem; letter-spacing:.1em; color:var(--text-secondary); margin:0; }
.mjd-cta-h{ font-family:var(--font-display); font-weight:800; font-size:1.875rem; color:var(--text-primary); max-width:40rem; margin:0; }
.mjd-cta-btn{ margin-top:0.5rem; }

/* Responsive */
@media (max-width:1000px){
  .mjd-story{ flex-direction:column; gap:2.5rem; }
  .mjd-facts{ width:auto; }
  .mjd-gallery{ flex-direction:column; }
  .mjd-g{ height:18rem; }
  .mjd-g2{ flex-basis:auto; }
  .mjd-title{ font-size:2rem; }
}
@media (max-width:700px){
  .mjd-outcomes-row{ flex-wrap:wrap; gap:1.5rem; }
  .mjd-out-sep{ display:none; }
  .mjd-out{ flex:1 1 40%; }
}