/* ============================================================
   PROJECTS — Uqesh (materials). 1:1 with vSK5h. Fluid / rem. Light.
   ============================================================ */

/* Proj hero */
.mprj-hero{ display:flex; align-items:center; gap:5rem; padding-block:4rem 3.5rem; }
.mprj-hero-l{ flex:1 1 0; display:flex; flex-direction:column; gap:0.875rem; }
.mprj-crumb{ font-family:var(--font-display); font-weight:700; font-size:0.719rem; letter-spacing:.1em; color:var(--text-secondary); margin:0; }
.mprj-title{ font-family:var(--font-display); font-weight:800; font-size:3.25rem; letter-spacing:-.01em; line-height:1; color:var(--text-primary); margin:0; }
.mprj-sub{ font-size:0.9375rem; line-height:1.55; color:var(--text-secondary); max-width:32.5rem; margin:0; }
.mprj-stats{ flex:none; width:25rem; display:flex; flex-direction:column; }
.mprj-stat{ display:flex; align-items:center; gap:1.25rem; padding-block:1rem; border-bottom:1px solid var(--line); }
.mprj-stat:last-child{ border-bottom:0; }
.mprj-stat-v{ flex:0 0 9.375rem; font-family:var(--font-display); font-weight:800; font-size:1.25rem; color:var(--text-primary); }
.mprj-stat-l{ flex:1 1 0; font-family:var(--font-display); font-weight:700; font-size:0.656rem; letter-spacing:.1em; color:var(--text-secondary); }

/* Featured WA */
.mprj-featured{ display:flex; padding-block:0 4rem; }
.mprj-feat-img{ flex:1 1 0; min-height:28.75rem; background-size:cover; background-position:center; border-radius:0.25rem 0 0 0.25rem; }
.mprj-feat-info{ flex:0 0 26.875rem; display:flex; flex-direction:column; justify-content:center; gap:0.875rem; background:var(--surface); border-radius:0 0.25rem 0.25rem 0; padding:2.5rem 2.75rem; }
.mprj-eyebrow{ font-family:var(--font-display); font-weight:700; font-size:0.719rem; letter-spacing:.12em; color:var(--text-secondary); margin:0; }
.mprj-feat-t{ font-family:var(--font-display); font-weight:800; font-size:1.625rem; line-height:1.15; color:var(--text-primary); margin:0; }
.mprj-feat-d{ font-size:0.875rem; line-height:1.6; color:var(--text-secondary); margin:0; }
.mprj-feat-row{ display:flex; gap:1rem; padding-block:0.625rem; border-top:1px solid var(--line); }
.mprj-feat-k{ flex:0 0 6.875rem; font-family:var(--font-display); font-weight:700; font-size:0.656rem; letter-spacing:.1em; color:var(--text-secondary); }
.mprj-feat-vv{ font-size:0.813rem; color:var(--text-primary); }

/* Case grid */
.mprj-cases{ display:flex; flex-direction:column; gap:1.375rem; padding-block:0 4rem; }
.mprj-hdr{ display:flex; align-items:flex-end; justify-content:space-between; gap:1rem; }
.mprj-h2{ font-family:var(--font-display); font-weight:800; font-size:1.375rem; color:var(--text-primary); margin:0; }
.mprj-hdr-l{ font-family:var(--font-display); font-weight:700; font-size:0.719rem; letter-spacing:.1em; color:var(--text-secondary); white-space:nowrap; }
.mprj-row-big{ display:grid; grid-template-columns:repeat(2,1fr); gap:1.125rem; }
.mprj-row-sm{ display:grid; grid-template-columns:repeat(4,1fr); gap:1.125rem; }
.mprj-case{ display:flex; flex-direction:column; gap:0.625rem; }
.mprj-case-img{ display:block; height:14.375rem; background-size:cover; background-position:center; border-radius:0.25rem; }
.mprj-case-img-lg{ height:20.625rem; }
.mprj-case-txt{ display:flex; flex-direction:column; gap:0.1875rem; }
.mprj-case-n{ font-family:var(--font-display); font-weight:700; font-size:0.9375rem; color:var(--text-primary); }
.mprj-case-m{ font-family:var(--font-display); font-weight:600; font-size:0.688rem; letter-spacing:.06em; color:var(--text-secondary); }

/* Trusted by */
.mprj-trusted{ background:var(--surface); }
.mprj-trusted .wrap{ display:flex; flex-direction:column; gap:1.625rem; padding-block:3.25rem; }
.mprj-trust-block{ display:flex; flex-direction:column; gap:0.875rem; }
.mprj-trust-t{ font-family:var(--font-display); font-weight:700; font-size:0.719rem; letter-spacing:.12em; color:var(--text-secondary); margin:0; }
.mprj-trust-names{ display:flex; flex-wrap:wrap; align-items:center; gap:2.25rem; }
.mprj-trust-name{ font-family:var(--font-display); font-weight:800; font-size:1rem; letter-spacing:.01em; color:var(--text-primary); }
.mprj-hr{ display:block; height:1px; background:var(--line); }
.mprj-logos{ display:grid; grid-template-columns:repeat(6,1fr); gap:1rem; }
.mprj-logo-card{ display:flex; align-items:center; justify-content:center; background:#fff; border:1px solid var(--line); border-radius:0.375rem; padding:0.875rem 1rem; }
.mprj-logo{ display:block; width:100%; height:2.375rem; background-size:contain; background-position:center; background-repeat:no-repeat; }

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

/* Responsive */
@media (max-width:1000px){
  .mprj-hero{ flex-direction:column; align-items:stretch; gap:2.5rem; }
  .mprj-stats{ width:auto; }
  .mprj-featured{ flex-direction:column; }
  .mprj-feat-img{ min-height:16rem; border-radius:0.25rem 0.25rem 0 0; }
  .mprj-feat-info{ flex-basis:auto; border-radius:0 0 0.25rem 0.25rem; padding:2rem; }
  .mprj-row-sm{ grid-template-columns:repeat(2,1fr); }
  .mprj-logos{ grid-template-columns:repeat(3,1fr); }
}
@media (max-width:640px){
  .mprj-title{ font-size:2.5rem; }
  .mprj-row-big{ grid-template-columns:1fr; }
  .mprj-logos{ grid-template-columns:repeat(2,1fr); }
  .mprj-trust-names{ gap:1.25rem; }
  .mprj-hdr{ flex-direction:column; align-items:flex-start; gap:0.5rem; }
  .mprj-hdr-l{ white-space:normal; }
}