/* Strategic Labs — V002-M6 SUPERVISOR FINAL VISUAL RECONCILIATION (narrow amend).
   Loads last. Defect 1 method navigator (no line, no circles) · Defect 3 ten
   domains centered opening · Defect 5 values quadrant system · Defect 2 contact
   disclosure as supplemental guidance. Nothing else is touched. */

/* ======================================================================
   DEFECT 1 — METHOD: typographic stage rail + primary content surface
   ====================================================================== */
.ms--rail .ms__ribbon, .ms--rail .ms__track, .ms--rail .ms__progress, .ms--rail .ms__marker { display: none !important; }
.ms--rail { gap: 0; }
.ms__rail { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: .5rem; padding: .5rem; border-radius: 22px; background: var(--paper-2); }
.ms--rail .ms__stage { position: static; display: grid; grid-template-rows: auto auto; row-gap: .35rem; justify-items: start; min-height: 96px; padding: 1rem 1.1rem; border: 0; border-radius: 16px; background: transparent; color: var(--ink-soft); text-align: start; font: inherit; cursor: pointer;
  transition: background var(--t) var(--hm-ease), color var(--t) var(--hm-ease), box-shadow var(--t) var(--hm-ease), transform var(--t) var(--hm-ease); }
.ms--rail .ms__stage:hover { background: rgba(255,255,255,.7); color: var(--ink); }
.ms--rail .ms__stage:focus-visible { outline: 3px solid var(--mint); outline-offset: 2px; }
.ms--rail .ms__stage .ms__n { font-size: .7rem; font-weight: 700; letter-spacing: .16em; color: var(--brand-mid); }
.ms--rail .ms__stage .ms__title { font-size: 1rem; font-weight: 600; line-height: 1.35; }
.ms--rail .ms__stage[data-state="done"] { color: var(--ink); }
.ms--rail .ms__stage[data-state="done"] .ms__n { color: var(--brand-deep); }
.ms--rail .ms__stage[data-state="done"] .ms__n::after { content: "✓"; margin-inline-start: .45em; font-size: .7em; color: var(--brand); }
.ms--rail .ms__stage.is-active { background: var(--hm-night); color: var(--white); box-shadow: var(--hm-shadow); transform: translateY(-2px); }
.ms--rail .ms__stage.is-active .ms__n { color: var(--brand); }
.ms--rail .ms__stage.is-active .ms__title { font-weight: 700; }
.ms--rail .ms__panel { margin-top: clamp(1.25rem, 1rem + 1vw, 1.75rem); padding: clamp(1.75rem, 1.4rem + 1.8vw, 3rem); border: 1px solid rgba(26,75,68,.1); border-radius: var(--hm-r-lg); background: var(--white); box-shadow: var(--hm-shadow-sm); }
.ms--rail .ms__panel-n { font-size: clamp(3.2rem, 2.4rem + 2.6vw, 5.2rem); }
.ms--rail .ms__nav { border-block-start-color: var(--line); }

/* ======================================================================
   DEFECT 3 — TEN DOMAINS: centered / stacked typographic opening
   ====================================================================== */
.hm-arch__copy { display: grid; grid-template-columns: minmax(0, 1fr); justify-items: center; text-align: center; max-width: 66ch; margin-inline: auto; row-gap: var(--s4); }
.hm-arch__copy .eyebrow, .hm-arch__copy .h2, .hm-arch__copy .hm-arch__lead, .hm-arch__copy .pm-cap-intro, .hm-arch__copy .hm-textlinks { grid-column: 1; grid-row: auto; }
.hm-arch__copy .eyebrow { justify-content: center; margin-bottom: 0; }
.hm-arch__copy .hm-arch__lead { margin: 0; max-width: 58ch; }
.hm-arch__copy .hm-textlinks { margin-top: .25rem; justify-content: center; }
.hm-arch__grid { row-gap: clamp(2.25rem, 1.75rem + 2vw, 4rem); }

/* ======================================================================
   DEFECT 5 — VALUES: one principle system on the logo's 2×2 grammar
   ====================================================================== */
.vmv6__spine { display: none !important; }
.vmv6__system { position: relative; list-style: none; margin: clamp(2rem, 1.5rem + 2vw, 3.5rem) 0 0; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-rows: repeat(2, minmax(300px, auto)); isolation: isolate; }
/* the cross of void — two hairlines, the intersection is the system's centre */
.vmv6__system::before { content: ""; position: absolute; inset-block: 6%; inset-inline-start: 50%; inline-size: 1px; background: var(--line-strong); }
.vmv6__system::after { content: ""; position: absolute; inset-inline: 6%; inset-block-start: 50%; block-size: 1px; background: var(--line-strong); }
.vmv6__q { position: relative; display: grid; grid-template-columns: auto minmax(0, 1fr); grid-template-rows: auto auto auto; column-gap: var(--s5); align-content: center; padding: clamp(1.5rem, 1.2rem + 1.5vw, 2.75rem) clamp(1.5rem, 1.2rem + 1.5vw, 2.75rem); overflow: clip; transition: background var(--t) var(--hm-ease); }
/* asymmetric editorial placement: each module anchors to a different corner of the system */
.vmv6__q--1 { align-content: end; justify-items: start; border-start-start-radius: var(--tab); }
.vmv6__q--2 { align-content: end; justify-items: start; padding-inline-start: clamp(2.5rem, 2rem + 3vw, 5rem); border-start-end-radius: var(--tab); }
.vmv6__q--3 { align-content: start; justify-items: start; padding-inline-start: clamp(2.5rem, 2rem + 3vw, 5rem); border-end-start-radius: var(--tab); }
.vmv6__q--4 { align-content: start; justify-items: start; border-end-end-radius: var(--tab); }
.vmv6__q:hover { background: var(--paper-2); }
/* the oversized layered numeral — the module's depth */
.vmv6__big { position: absolute; inset-inline-start: 3%; inset-block-start: 46%; transform: translateY(-50%); z-index: 0; font-size: clamp(7rem, 5rem + 8vw, 14rem); line-height: 1; font-weight: 700; letter-spacing: -.06em; color: var(--mint); opacity: .32; pointer-events: none; transition: opacity var(--t) var(--hm-ease), transform .5s var(--hm-ease); }
.vmv6__q--2 .vmv6__big, .vmv6__q--4 .vmv6__big { inset-inline-start: auto; inset-inline-end: 3%; inset-block-start: 54%; }
.vmv6__q:hover .vmv6__big { opacity: .55; transform: translateY(-50%) translateX(-4px); }
.vmv6__q .vmv6__ico { position: relative; z-index: 1; grid-row: 1 / span 3; align-self: start; inline-size: 56px; block-size: 56px; border-radius: 50%; display: grid; place-items: center; background: transparent; border: 1.5px solid var(--brand-deep); color: var(--brand-deep); box-shadow: 0 0 0 6px var(--paper), 0 0 0 7px var(--line); transition: background var(--t) var(--hm-ease), color var(--t) var(--hm-ease); }
.vmv6__q .vmv6__ico .hm-ico { inline-size: 24px; block-size: 24px; }
.vmv6__q:hover .vmv6__ico { background: var(--brand-deep); color: var(--mint); }
.vmv6__q .vmv6__n { position: relative; z-index: 1; grid-column: 2; align-self: end; font-size: .72rem; font-weight: 700; letter-spacing: .18em; color: var(--brand-mid); }
.vmv6__q .about-vmv__value { position: relative; z-index: 1; grid-column: 2; margin-top: .35rem; font-size: clamp(1.5rem, 1.1rem + 1.4vw, 2.4rem); line-height: 1.2; font-weight: 700; letter-spacing: -.015em; color: var(--ink); text-wrap: balance; }
.vmv6__rule { position: relative; z-index: 1; grid-column: 2; display: block; inline-size: 44px; block-size: 2px; margin-top: 1rem; background: var(--brand); transition: inline-size .45s var(--hm-ease); }
.vmv6__q:hover .vmv6__rule { inline-size: 88px; }

/* ======================================================================
   DEFECT 2 — CONTACT: the disclosure holds supplemental guidance only
   ====================================================================== */
.ct-full__guide { list-style: none; margin: 0; padding: var(--s4) 0 0; display: grid; gap: .5rem; }
.ct-full__guide > li { display: grid; grid-template-columns: auto minmax(0, 1fr); column-gap: var(--s4); align-items: start; padding: .75rem .25rem; border-block-end: 1px solid var(--line); }
.ct-full__guide > li:last-child { border-block-end: 0; }
.ct-full__guide p { margin: 0; font-size: .92rem; line-height: 1.7; color: var(--ink-soft); }
.ct-full__ico { display: grid; place-items: center; inline-size: 34px; block-size: 34px; border-radius: 50%; background: var(--mint-wash); color: var(--brand-deep); }
.ct-full__ico .hm-ico { inline-size: 16px; block-size: 16px; }

/* ======================================================================
   TABLET 1024 / 834
   ====================================================================== */
@media (max-width: 1023px) {
  .ms__rail { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .ms--rail .ms__stage { min-height: 72px; padding: .8rem .9rem; }
  .vmv6__system { grid-template-rows: repeat(2, minmax(240px, auto)); }
  .vmv6__q--2, .vmv6__q--3 { padding-inline-start: clamp(1.5rem, 1.2rem + 1.5vw, 2.75rem); }
  .vmv6__big { font-size: clamp(6rem, 4rem + 6vw, 9rem); }
}
/* ======================================================================
   MOBILE 390 / 360 / 320 — vertical stage navigator; stacked principle system
   ====================================================================== */
@media (max-width: 599px) {
  .ms__rail { grid-template-columns: 1fr; gap: .25rem; padding: .4rem; border-radius: 18px; }
  .ms--rail .ms__stage { grid-template-columns: auto minmax(0, 1fr); grid-template-rows: none; column-gap: .8rem; align-items: center; min-height: 52px; padding: .7rem .9rem; border-radius: 12px; }
  .ms--rail .ms__stage.is-active { transform: none; }
  .ms--rail .ms__panel { padding: 1.25rem 1.1rem 1.5rem; border-radius: 18px; }
  .vmv6__system { grid-template-columns: 1fr; grid-template-rows: none; }
  .vmv6__system::before { display: none; }
  .vmv6__system::after { display: none; }
  .vmv6__q, .vmv6__q--1, .vmv6__q--2, .vmv6__q--3, .vmv6__q--4 { align-content: center; padding: 1.5rem 1rem; border-radius: 0; border-block-end: 1px solid var(--line); }
  .vmv6__q--4 { border-block-end: 0; }
  .vmv6__big, .vmv6__q--2 .vmv6__big, .vmv6__q--4 .vmv6__big { inset-inline-end: 0; inset-inline-start: auto; font-size: 5.5rem; opacity: .26; }
  .vmv6__q .about-vmv__value { font-size: 1.35rem; }
}