/*
  Francizor.ro Manifest — V7 FINAL/LOCKED, page-scoped styles.
  Source/structure reference: docs/research/francizor-manifest-v7-final.html
  (never served directly — this is a native Laravel page built from it).

  Same isolation pattern as franciza-in-romania.css / arf-membru.css: reuse
  the site's real tokens (var(--gold), var(--gold-deep), var(--gold-soft),
  var(--serif), var(--sans), var(--maxw)) plus the global .wrap/.btn/
  .btn-gold/.btn-ghost/.eyebrow/.crumb/.reveal primitives, and scope only
  the Manifest's own distinctive near-black editorial palette under .mnf —
  it has no sitewide equivalent and must not leak into the global design
  system. var(--gold) already equals the prototype's own #D4AF37 exactly,
  so no new gold token was introduced; the prototype's amber accent
  (#9a7b1a) is likewise close enough to var(--gold-deep) to reuse directly.
*/
.mnf{
  --mnf-navy:#020408;
  --mnf-navy-2:#0a1018;
  --mnf-navy-3:#010205;
  --mnf-ivory:#F4EFE4;
  --mnf-paper:#fffdf8;
  --mnf-ink:#14181E;
  --mnf-muted:#6a6f76;
  --mnf-hair:rgba(20,24,30,.12);
}
.mnf section{padding:88px 0;scroll-margin-top:96px}
.mnf h1,.mnf h2,.mnf h3{font-family:var(--serif)}
.mnf p,.mnf li,.mnf a{font-family:var(--sans)}

/* default eyebrow tone assumes a light/paper section, same override
   pattern as .frr .eyebrow / .frr-navyband .eyebrow */
.mnf .eyebrow{color:var(--gold-deep)}
.mnf .eyebrow::before{background:var(--gold-deep)}
.mnf-navy .eyebrow,.mnf-navy2 .eyebrow{color:var(--gold-soft)}
.mnf-navy .eyebrow::before,.mnf-navy2 .eyebrow::before{background:var(--gold-soft)}

.mnf-navy{background:var(--mnf-navy);color:var(--mnf-ivory)}
.mnf-navy2{background:var(--mnf-navy-2);color:var(--mnf-ivory)}
.mnf-paper{background:var(--mnf-paper);color:var(--mnf-ink)}

/* ---------- HERO (LOCKED) ---------- */
.mnf-hero{padding:96px 0 72px}
.mnf-hero h1{font-size:clamp(38px,6vw,72px);line-height:.98;font-weight:600;max-width:16ch;margin:22px 0 30px}
.mnf-not-list{margin:0 0 40px;max-width:44ch;list-style:none;color:rgba(244,239,228,.72)}
.mnf-not-list li{padding:3px 0;font-size:15.5px}
.mnf-axis{display:flex;align-items:center;gap:14px;color:var(--gold);letter-spacing:.2em;font-size:13px;font-weight:700;margin:0 0 24px;flex-wrap:wrap}
.mnf-axis i{display:block;width:26px;height:1px;background:var(--gold)}
.mnf-lede{max-width:60ch;color:rgba(244,239,228,.78);font-size:16.5px;line-height:1.65}
.mnf-ctas{display:flex;gap:16px;flex-wrap:wrap;margin-top:36px}

/* hero graphic — approved artwork (public/images/arf-manifest.webp),
   1672x941, NOT baked-in text. Mobile/tablet: stacked below the copy
   (.mnf-hero-copy then .mnf-hero-art are separate block-level children of
   .mnf-hero-grid, so they stack in source order with no extra CSS needed).
   Desktop: promoted to a right-hand grid column, top-aligned with the copy
   column — see .mnf-hero-grid below. Never overlaid behind the text,
   always height:auto, so the ratio/no-crop rule holds in both layouts.
   No border/frame — sits directly on the .mnf-navy hero background.
   min-width:0 overrides the grid item's default min-width:auto (which
   otherwise sizes it to the image's own 1672px intrinsic width instead of
   shrinking to the track), the actual cause of the image drifting off
   the visual centre of its column; margin-inline:auto on the img is a
   defensive second layer so it stays centred in that same scenario. */
.mnf-hero-art{margin-top:56px;min-width:0}
.mnf-hero-art img{display:block;width:100%;height:auto;margin-inline:auto}

/* visual QA correction #2: the stacked layout (text, full-width image
   below) made the hero unnecessarily tall with a lot of empty dark space
   beside the image. Superseded the earlier max-width:82% shrink (removed)
   with a real two-column composition on desktop instead. */
/* visual QA correction #3: align-items:center pushed the image's visible
   top below the H1 (centered against the taller text column) and framed
   it with a gold border — align-items:start lines both columns' tops up
   instead (image top ≈ H1 area, per the copy's own natural flow, no
   arbitrary margin/negative-margin/absolute-position hack), the border
   is removed above, and the visual column is widened slightly (45/55,
   still within the requested 45–48%/52–55% range) so the image reads as
   visually substantial rather than a small inset picture. */
@media(min-width:900px){
  .mnf-hero-grid{display:grid;grid-template-columns:minmax(0,45fr) minmax(0,55fr);gap:48px;align-items:start}
  .mnf-hero-art{margin-top:0}
}

/* ---------- catalog vs dossier split ---------- */
.mnf-split{display:grid;grid-template-columns:1fr 1px 1fr;gap:0 40px;margin-top:48px}
.mnf-split .mnf-gutter{background:rgba(20,24,30,.12)}
.mnf-col h3{font-size:12px;letter-spacing:.2em;color:var(--mnf-muted);margin-bottom:20px;font-weight:700;font-family:var(--sans)}
.mnf-listing,.mnf-dossier{border:1px solid var(--mnf-hair);background:var(--mnf-paper)}
.mnf-ph{height:88px;background:#e7e0d2;display:grid;place-items:center;color:#8a8478;font-size:11px;letter-spacing:.16em;font-family:var(--sans)}
.mnf-meta div{display:flex;justify-content:space-between;padding:8px 16px;border-bottom:1px solid rgba(20,24,30,.08);font-size:14px}
.mnf-ask{margin:14px;text-align:center;font-size:11px;letter-spacing:.14em;padding:10px;border:1px dashed rgba(20,24,30,.25);color:#7a756b;font-family:var(--sans)}
.mnf-verdict{margin-top:22px;font-size:20px;max-width:20ch;font-family:var(--serif)}
.mnf-dossier header{display:flex;justify-content:space-between;padding:14px 18px;border-bottom:1px solid rgba(20,24,30,.1);font-size:11px;letter-spacing:.16em;font-family:var(--sans)}
.mnf-dossier header b{color:var(--gold-deep)}
.mnf-rows{display:grid;grid-template-columns:1fr 1fr}
.mnf-rows span{padding:10px 16px;border-bottom:1px solid rgba(20,24,30,.07);border-right:1px solid rgba(20,24,30,.07);font-size:13.5px}
.mnf-note{margin-top:28px;font-size:15px;color:#4a4e54;max-width:62ch}

/* ---------- tri: Promisiunea / Proba / Decizia ---------- */
.mnf-tri{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-top:48px}
.mnf-tri article{border-top:1px solid var(--gold);padding-top:18px}
.mnf-num{color:var(--gold);letter-spacing:.2em;font-size:11px;font-family:var(--sans)}
.mnf-tri h3{font-size:26px;font-weight:600;margin:8px 0 10px}
.mnf-tri p{color:rgba(244,239,228,.72)}

/* ---------- blade (contra promisiunii neverificate) ---------- */
.mnf-blade{padding:100px 0 92px;border-top:1px solid var(--gold);border-bottom:1px solid var(--gold);background:var(--mnf-navy-3)}
.mnf-blade h2{max-width:20ch}
.mnf-blade .mnf-lead{margin:24px 0 40px;max-width:60ch;color:#d2cdc2;font-size:19px}
.mnf-cuts{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.mnf-cuts article{border-top:1px solid rgba(212,175,55,.28);padding-top:16px}
.mnf-cuts h3{color:var(--gold);letter-spacing:.16em;font-size:12px;margin-bottom:10px;font-family:var(--sans)}
.mnf-cuts p{color:#c4bfb4;font-size:15px}

/* ---------- neutrality four-grid ---------- */
.mnf-four{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:rgba(212,175,55,.28);margin-top:44px;border:1px solid rgba(212,175,55,.28)}
.mnf-four article{background:var(--mnf-navy-2);padding:30px 26px}
.mnf-four h3{font-size:14px;letter-spacing:.12em;color:var(--gold);margin-bottom:10px;font-family:var(--sans)}
.mnf-four p{color:#c4bfb4;font-size:15px}

/* ---------- two decisions ---------- */
.mnf-two{display:grid;grid-template-columns:1fr 1fr;gap:44px;margin-top:36px}
.mnf-two p{margin-bottom:12px}
.mnf-flow{margin:16px 0;font-size:13.5px;color:#5a5f66;font-family:var(--sans)}
.mnf-flow em{font-style:normal;color:var(--gold-deep)}

/* ---------- candidate channels + pipeline ---------- */
.mnf-channels{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:32px 0 22px}
.mnf-chip{border:1px solid var(--mnf-hair);padding:14px 8px;text-align:center;font-size:12.5px;background:var(--mnf-paper);font-family:var(--sans)}
.mnf-converge{text-align:center;letter-spacing:.2em;font-size:12px;color:var(--gold-deep);margin:10px 0 26px;font-family:var(--sans)}
.mnf-pipe{display:flex;flex-wrap:wrap;gap:8px 0;justify-content:center;align-items:center;font-size:11.5px;letter-spacing:.06em;font-family:var(--sans)}
.mnf-pipe b{border:1px solid var(--mnf-hair);padding:8px 9px;background:#fff;font-weight:700}
.mnf-pipe span{color:var(--gold-deep);padding:0 5px}

/* ---------- investor desk ---------- */
.mnf-desk{margin-top:36px;background:#1a140c;border:1px solid rgba(212,175,55,.28);padding:32px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.mnf-sheet{background:var(--mnf-ivory);color:var(--mnf-ink);min-height:80px;padding:14px;font-size:11px;letter-spacing:.14em;display:flex;align-items:center;font-family:var(--sans);font-weight:700}
.mnf-center-line{grid-column:1/-1;padding:26px 8px 6px;color:var(--mnf-ivory);font-size:16.5px;font-family:var(--serif)}

/* ---------- knowledge layers ---------- */
.mnf-layers{margin-top:32px}
.mnf-layer{display:grid;grid-template-columns:180px 1fr;gap:22px;padding:20px 0;border-top:1px solid var(--mnf-hair)}
.mnf-layer strong{letter-spacing:.16em;font-size:12px;color:var(--gold-deep);font-family:var(--sans)}
.mnf-os-line{margin-top:6px;padding-top:20px;border-top:1px solid var(--gold-deep);letter-spacing:.14em;font-size:12.5px;font-family:var(--sans)}

/* ---------- jurisprudence lab ---------- */
.mnf-lab{border:1px solid rgba(212,175,55,.28);display:grid;grid-template-columns:1.1fr .9fr;margin-top:36px}
.mnf-lab .mnf-pad{padding:34px}
.mnf-lab li{list-style:none;padding:8px 0;border-bottom:1px solid rgba(212,175,55,.12);color:#c4bfb4;font-family:var(--sans)}

/* ---------- final statement ---------- */
.mnf-final{padding:110px 0 76px}
.mnf-final h2{font-size:clamp(34px,5vw,62px);line-height:.98;font-weight:600}
.mnf-final h2.mnf-big{margin-top:16px;color:var(--gold)}
.mnf-verbs{display:flex;gap:20px;margin:44px 0 0;letter-spacing:.18em;font-size:12px;color:rgba(244,239,228,.78);flex-wrap:wrap;font-family:var(--sans)}

/* ---------- closing disclaimer (folds in the prototype's own footer copy;
   the real global site footer still renders after this) ---------- */
.mnf-disclaimer{padding:48px 0 72px;border-top:1px solid rgba(212,175,55,.18)}
.mnf-disclaimer .mnf-tag{font-family:var(--sans);font-weight:700;letter-spacing:.16em;font-size:13px;color:var(--mnf-ivory);display:block;margin-bottom:8px}
.mnf-disclaimer p{font-size:14px;color:rgba(244,239,228,.68);max-width:62ch;margin-top:6px}
.mnf-disclaimer .mnf-legal{margin-top:18px;font-size:12.5px;color:rgba(244,239,228,.5)}

@media(max-width:900px){
  .mnf-split,.mnf-two,.mnf-four,.mnf-lab,.mnf-rows,.mnf-channels,.mnf-cuts{grid-template-columns:1fr}
  .mnf-split .mnf-gutter{display:none}
  .mnf-tri{grid-template-columns:1fr}
  .mnf-desk{grid-template-columns:1fr 1fr}
  .mnf-layer{grid-template-columns:1fr}
}
@media(max-width:640px){
  .mnf section{padding:64px 0}
  .mnf-hero{padding:72px 0 56px}
  .mnf-blade{padding:72px 0 64px}
  .mnf-final{padding:80px 0 56px}
  .mnf-channels{grid-template-columns:repeat(2,1fr)}
  .mnf-desk{grid-template-columns:1fr}
  .mnf-axis{font-size:12px;gap:10px}
  .mnf-ctas{flex-direction:column;align-items:flex-start}
  .mnf-ctas .btn{width:100%;justify-content:center}
}