/* Mind Dance Psience™ microsite — additions layered on Tip Jones Global styles.css */

/* Header: Tip Jones logo + product wordmark lockup */
.md-lock{display:flex;align-items:center;gap:14px;flex:0 0 auto;min-width:0}
.md-div{width:1px;height:30px;background:rgba(17,17,17,.22);flex:0 0 auto}
.md-wm{font-family:var(--serif);font-size:19px;letter-spacing:.01em;text-decoration:none;white-space:nowrap;line-height:1}
.md-wm .mdp{color:var(--pink)}
@media(max-width:1160px){.md-div,.md-wm{display:none}}

/* In-page anchor nav uses .nv; "parent brand" link sits at the end */
.nv a.parent{color:var(--char)}
.nv a.parent:hover{border-bottom-color:var(--pink)}

/* Hero subhead — the four-sentence rhythm line */
.hero-sub{font-family:var(--serif);font-size:clamp(22px,2.6vw,30px);line-height:1.3;margin-top:18px;max-width:22ch}
.hero-sub .pk{color:var(--pink)}

/* Integrated model — Mind / Body / Behavior / Context */
.model{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;background:var(--ink);border:1px solid var(--ink);margin-top:36px}
.model-c{background:var(--paper);padding:30px 26px;display:flex;flex-direction:column;gap:12px}
.model-c .mk{font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--pink)}
.model-c h3{font-family:var(--serif);font-weight:400;font-size:26px;margin:0}
.model-c p{font-size:15.5px;color:var(--char);line-height:1.55;margin:0}
@media(max-width:900px){.model{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.model{grid-template-columns:1fr}}

/* Architecture flow — PRESS → Capacity Gate → POD → Life of Ease */
.flow{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;background:rgba(255,255,255,.28);border:1px solid rgba(255,255,255,.28);margin-top:36px}
.flow-step{background:var(--ink);padding:28px 24px}
.fs-n{font-family:var(--serif);font-size:30px;color:var(--pink);display:block;line-height:1;margin-bottom:12px}
.flow-step h3{font-family:var(--serif);font-weight:400;font-size:24px;margin:0 0 8px;color:var(--paper)}
.flow-step p{font-size:14px;letter-spacing:.09em;text-transform:uppercase;color:rgba(255,255,255,.72);margin:0}
.flow-note{margin-top:22px;font-size:15px;color:rgba(255,255,255,.8)}
.flow-note strong{color:var(--pink);font-weight:600}
@media(max-width:900px){.flow{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.flow{grid-template-columns:1fr}}

/* Movement / Purpose rows reuse .prows/.prow; add a small lead index */
.mv-k{font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--pink);display:block;margin-bottom:6px}

/* Pills — levers, deliverables, research domains */
.pills{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px;padding:0;list-style:none}
.pills li{font-size:14px;font-weight:500;letter-spacing:.02em;padding:9px 16px;border:1.5px solid var(--ink);background:var(--paper)}
.band-pk .pills li{background:var(--paper)}
.band-dk .pills li{border-color:rgba(255,255,255,.4);background:transparent;color:var(--paper)}
.pills.accent li{border-color:var(--pink)}

/* Offering cards (Executive Education + Speaking) reuse .cards/.card;
   add an eyebrow row inside a card */
.card .c-eb{font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--pink)}
.card .c-meta{font-size:14px;color:var(--char);margin-top:auto;padding-top:6px}

/* Editorial / Insights list */
.ed{list-style:none;padding:0;margin-top:14px;border-top:1px solid var(--ink)}
.ed li{display:flex;gap:20px;align-items:baseline;padding:18px 0;border-bottom:1px solid var(--ink)}
.ed .en{font-family:var(--serif);font-size:22px;color:var(--pink);flex:0 0 auto;width:1.8em}
.ed .et{font-size:17px;line-height:1.4}

/* Anchor offset so sticky header doesn't cover section tops */
section[id]{scroll-margin-top:92px}