/* ─────────────────────────────────────────────
   MILITANT MIND — the gold sister of the Militant Media design system.
   Loads after ../styles.css. Swaps the orange for champagne gold and adds
   the Mind pieces: the header web, the doubt cards, the session path.
   Theme: nodes connecting. Only movement and fade are animated.
───────────────────────────────────────────── */
.mm{
  --or:#d9bf8f;
  --or2:#e3cb9c;
  --or-d:rgba(217,191,143,.12);
  --or-g:rgba(217,191,143,.18);
  --gold-ink:#1a150c;
  --grid:linear-gradient(rgba(255,255,255,.022) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.022) 1px,transparent 1px);
}
.mm :focus-visible{outline-color:var(--or2)}

/* buttons: gold with dark lettering */
.mm .btn-or{background:#d9bf8f;color:var(--gold-ink);box-shadow:0 4px 28px rgba(217,191,143,.26)}
.mm .btn-or:hover{background:#e6d0a6;box-shadow:0 8px 40px rgba(217,191,143,.36)}
.mm .sticky-book{background:#d9bf8f;color:var(--gold-ink)}

/* the grid texture on every section below the header */
.mm .mm-grid-bg{background-image:var(--grid);background-size:80px 80px}
.mm .sec-alt.mm-grid-bg{background-color:var(--bg1)}
.mm .close-block{background:radial-gradient(ellipse 60% 70% at 50% 100%,rgba(217,191,143,.13),transparent 65%),var(--grid),var(--bg0);background-size:auto,80px 80px,auto}

/* ── HEADER: the web, with the lighthouse glow from the top ── */
.mm-hero{min-height:calc(100vh - 65px);min-height:calc(100svh - 65px);display:flex;flex-direction:column;justify-content:center;padding:96px 0;background:var(--bg0)}
.mm-hero::before{top:-300px;width:1300px;height:860px;z-index:1;
  background:radial-gradient(ellipse at center,rgba(217,191,143,.15) 0%,rgba(217,191,143,.05) 38%,transparent 64%)}
.mm-web{position:absolute;inset:0;width:100%;height:100%;z-index:0;
  -webkit-mask-image:radial-gradient(52% 46% at 50% 52%,rgba(0,0,0,.03) 0%,rgba(0,0,0,.1) 45%,#000 88%);
          mask-image:radial-gradient(52% 46% at 50% 52%,rgba(0,0,0,.03) 0%,rgba(0,0,0,.1) 45%,#000 88%)}
.mm-hero-shade{position:absolute;inset:0;z-index:1;pointer-events:none;
  background:radial-gradient(46% 40% at 50% 52%,rgba(8,7,6,.62),transparent 100%),
             linear-gradient(180deg,rgba(8,7,6,.35),transparent 22%,transparent 72%,rgba(8,7,6,.85))}
.mm-hero .hero-z{width:100%}

/* ── SOUND FAMILIAR: six doubt cards ── */
.mm-doubts{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:48px}
.mm-doubt{background:var(--bg2);border:1px solid var(--b1);border-radius:var(--r4);padding:28px 26px 30px;
  transition:border-color .25s,transform .25s}
.mm-doubt:hover{border-color:rgba(217,191,143,.32);transform:translateY(-2px)}
.mm-tag{display:inline-flex;align-items:center;gap:8px;font-size:11.5px;font-weight:800;letter-spacing:1.8px;text-transform:uppercase;color:var(--or2);margin-bottom:14px}
.mm-tag i{position:relative;width:9px;height:9px;border-radius:50%;background:var(--or);box-shadow:0 0 12px rgba(217,191,143,.6)}
.mm-tag i::after{content:"";position:absolute;left:9px;top:4px;width:18px;height:1px;background:linear-gradient(90deg,rgba(217,191,143,.6),transparent)}
.mm-doubt h3{font-size:19px;font-weight:800;letter-spacing:-.4px;line-height:1.3;color:var(--t1);margin-bottom:10px;padding-left:0}
.mm-doubt p{font-size:15px;color:var(--t3);line-height:1.7}

/* ── THE PATH: four nodes on a line, with light travelling along it ── */
.mm-path{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:56px}
.mm-line{position:absolute;left:12.5%;right:12.5%;top:9px;height:2px;overflow:hidden;
  background:linear-gradient(90deg,rgba(217,191,143,.18),rgba(217,191,143,.42),rgba(217,191,143,.18))}
.mm-spark{position:absolute;inset:-6px 0;will-change:transform;
  background:linear-gradient(90deg,transparent 42%,rgba(255,238,205,.0) 44%,rgba(255,238,205,.95) 50%,rgba(255,238,205,0) 56%,transparent 58%);
  animation:mm-travel 5s linear infinite}
@keyframes mm-travel{0%{transform:translate3d(-50%,0,0)}80%,100%{transform:translate3d(50%,0,0)}}
.mm-step{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center}
.mm-node{position:relative;z-index:1;width:20px;height:20px;border-radius:50%;background:var(--bg1);border:2px solid rgba(217,191,143,.75);margin-bottom:20px}
.mm-node::before{content:"";position:absolute;inset:4px;border-radius:50%;background:var(--or)}
.mm-node::after{content:"";position:absolute;inset:-12px;border-radius:50%;background:radial-gradient(circle,rgba(255,236,200,.55),transparent 65%);opacity:0;will-change:opacity;
  animation:mm-pulse 5s ease-out infinite}
.mm-step:nth-child(3) .mm-node::after{animation-delay:1.333s}
.mm-step:nth-child(4) .mm-node::after{animation-delay:2.667s}
.mm-step:nth-child(5) .mm-node::after{animation-delay:4s}
@keyframes mm-pulse{0%{opacity:1}22%{opacity:0}100%{opacity:0}}
.mm-step-k{font-size:11.5px;font-weight:800;letter-spacing:1.8px;text-transform:uppercase;color:var(--or2);margin-bottom:6px}
.mm-step-t{font-size:26px;font-weight:900;letter-spacing:-.8px;color:var(--t1);line-height:1.1;margin-bottom:6px}
.mm-step>p{font-size:15px;color:var(--t2);line-height:1.6;min-height:48px;max-width:240px}
/* mini diagram, in the Training Grounds style: boxes joined by gold arrows */
.mm-flow{width:100%;max-width:270px;display:flex;flex-direction:column;align-items:stretch;gap:4px;margin:16px 0 14px}
.mm-flow span{background:#181816;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:10px 12px;font-size:14px;font-weight:600;color:var(--t1);line-height:1.3}
.mm-flow b{color:var(--or);font-size:15px;line-height:1;font-weight:700}
.mm-get{width:100%;max-width:270px;min-height:90px;font-size:14px;font-weight:600;color:var(--t2);line-height:1.5;
  background:var(--or-d);border:1px solid rgba(217,191,143,.28);border-radius:12px;padding:12px 14px}
.mm-get small{display:block;font-size:10.5px;font-weight:800;letter-spacing:1.6px;text-transform:uppercase;color:var(--or2);margin-bottom:4px}
.mm-path-note{text-align:center;margin-top:34px;font-size:15px;color:var(--t3)}

/* ── KEVIN: the command centre glimpse ── */
.mm-shot{margin:56px auto 0;max-width:1000px}
.mm-shot-frame{border-radius:var(--r5);overflow:hidden;border:1px solid rgba(217,191,143,.22);box-shadow:var(--sh4),0 0 80px rgba(217,191,143,.06)}
.mm-shot-frame img{width:100%;height:auto;display:block}
.mm-shot figcaption{margin-top:14px;text-align:center;font-size:13.5px;color:var(--t3)}
.mm .split-media.portrait img{object-position:50% 20%}

/* ── LIGHT POLISH: the node theme in small places ── */
/* a small node ornament above section headings */
.mm-orn{display:flex;align-items:center;justify-content:center;gap:0;margin:0 auto 18px;height:9px}
.mm-orn::before,.mm-orn::after{content:"";width:54px;height:1px}
.mm-orn::before{background:linear-gradient(90deg,transparent,rgba(217,191,143,.55))}
.mm-orn::after{background:linear-gradient(90deg,rgba(217,191,143,.55),transparent)}
.mm-orn i{width:7px;height:7px;border-radius:50%;background:var(--or);box-shadow:0 0 12px rgba(217,191,143,.7);margin:0 6px}
/* doubt cards: a fine gold edge that warms on hover */
.mm-doubt{position:relative;overflow:hidden}
.mm-doubt::before{content:"";position:absolute;left:22px;right:22px;top:0;height:1px;opacity:.45;transition:opacity .3s;
  background:linear-gradient(90deg,transparent,rgba(217,191,143,.7),transparent)}
.mm-doubt:hover{box-shadow:0 14px 44px rgba(0,0,0,.35),0 0 38px rgba(217,191,143,.05)}
.mm-doubt:hover::before{opacity:1}

/* ── INNER PAGES: shorter header, session sections, diagrams, FAQ ── */
.mm-hero-sm{min-height:0;padding:130px 0 110px}
.mm-hero-sm .mm-web{-webkit-mask-image:radial-gradient(60% 60% at 50% 50%,rgba(0,0,0,.04) 0%,rgba(0,0,0,.12) 45%,#000 92%);mask-image:radial-gradient(60% 60% at 50% 50%,rgba(0,0,0,.04) 0%,rgba(0,0,0,.12) 45%,#000 92%)}
.mm-path-note a{color:var(--or2);font-weight:700;white-space:nowrap}
.mm-path-note a:hover{color:var(--t1)}

/* five-step path on The Program page; the steps are links down the page */
.mm-path-5{grid-template-columns:repeat(5,1fr)}
.mm-path-5 .mm-line{left:10%;right:10%}
.mm-path-5 .mm-step{color:inherit;text-decoration:none;border-radius:var(--r4);padding:0 6px 14px;transition:background .25s}
.mm-path-5 .mm-step:hover{background:rgba(217,191,143,.04)}
.mm-path-5 .mm-step:hover .mm-step-t{color:var(--or2)}
.mm-path-5 .mm-step-t{font-size:23px;transition:color .25s}
.mm-path-5 .mm-step:nth-child(2) .mm-node::after{animation-delay:0s}
.mm-path-5 .mm-step:nth-child(3) .mm-node::after{animation-delay:1s}
.mm-path-5 .mm-step:nth-child(4) .mm-node::after{animation-delay:2s}
.mm-path-5 .mm-step:nth-child(5) .mm-node::after{animation-delay:3s}
.mm-path-5 .mm-step:nth-child(6) .mm-node::after{animation-delay:4s}

/* a session: the story on one side, its diagrams on the other */
.mm-session{scroll-margin-top:70px}
.mm-sess{display:grid;grid-template-columns:1fr 1.05fr;gap:56px;align-items:start}
.mm-sess-rev .mm-sess-copy{order:2}
.mm-sess-k{display:block;font-size:12px;font-weight:800;letter-spacing:1.8px;text-transform:uppercase;color:var(--or2);margin-bottom:12px}
.mm-sess-copy .h2{margin-bottom:18px}
.mm-sess-copy .cp+.cp{margin-top:14px}
.mm-topics{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin:22px 0 0;padding:0}
.mm-topics li{font-size:12.5px;font-weight:700;letter-spacing:.3px;color:var(--t2);padding:7px 12px;border-radius:100px;border:1px solid rgba(217,191,143,.26);background:rgba(217,191,143,.05)}
.mm-get-inline{max-width:none;min-height:0;margin-top:22px}
.mm-diagram{background:var(--bg2);border:1px solid var(--b1);border-radius:var(--r5);padding:28px 26px;position:relative;overflow:hidden}
.mm-diagram::before{content:"";position:absolute;left:26px;right:26px;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(217,191,143,.55),transparent)}
.mm-diagram-h{display:block;font-size:13.5px;color:var(--t3);margin-bottom:12px}
/* Training Grounds style diagram: boxes joined by gold arrows */
.mm-flow-h{display:flex;align-items:stretch}
.mm-flow-h span{flex:1 1 0;min-width:0;display:flex;align-items:center;justify-content:center;text-align:center;background:#181816;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:12px 8px;font-size:13.5px;font-weight:600;line-height:1.3;color:var(--t1);overflow-wrap:anywhere}
.mm-flow-h span strong{color:var(--or2);font-weight:800}
.mm-flow-3 span{display:block;align-content:center;overflow-wrap:normal}
.mm-flow-h b{flex:0 0 22px;display:flex;align-items:center;justify-content:center;color:var(--or);font-size:15px;font-weight:700}
.mm-loop span:last-child{border-style:dashed;border-color:rgba(217,191,143,.35);color:var(--or2)}
.mm-between{margin-top:22px;font-size:14px;color:var(--t3);line-height:1.65}
.mm-between strong{color:var(--t2)}
.mm-shot-sm{margin:26px 0 0;max-width:none}
.mm-shot-sm .mm-shot-frame{border-radius:var(--r3)}
.mm-shot-sm figcaption{text-align:left;margin-top:10px;font-size:12.5px}

/* what you walk away with */
.mm-stack .stack-item{position:relative;overflow:hidden}
.mm-stack .stack-item::before{content:"";position:absolute;left:24px;right:24px;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(217,191,143,.5),transparent)}

/* fit and questions */
.mm-fitfaq{display:grid;grid-template-columns:1fr 1.25fr;gap:18px;align-items:start}
.mm .check-dot{background:rgba(217,191,143,.14);color:var(--or2)}
.mm-faq{background:var(--bg2);border:1px solid var(--b1);border-radius:var(--r5);padding:34px 32px}
.mm-faq details{border-top:1px solid var(--b1)}
.mm-faq details:last-child{border-bottom:1px solid var(--b1)}
.mm-faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 0;font-size:16.5px;font-weight:700;color:var(--t1)}
.mm-faq summary::-webkit-details-marker{display:none}
.mm-faq summary::after{content:"+";flex-shrink:0;width:26px;height:26px;border-radius:50%;border:1px solid rgba(217,191,143,.35);display:flex;align-items:center;justify-content:center;color:var(--or2);font-weight:600;transition:transform .25s}
.mm-faq details[open] summary::after{transform:rotate(45deg)}
.mm-faq details p{padding:0 40px 18px 0;font-size:15px;color:var(--t3);line-height:1.7}

/* about: part of Militant Media */
.mm-family{display:grid;grid-template-columns:auto 1fr;gap:40px;align-items:center;max-width:900px;margin:0 auto;background:var(--bg2);border:1px solid var(--b1);border-radius:var(--r5);padding:36px 40px}
.mm-family-marks{display:flex;align-items:center;gap:0}
.mm-family-marks img{width:64px;height:64px;object-fit:contain}
.mm-family-marks span{width:44px;height:1px;background:linear-gradient(90deg,rgba(217,98,24,.7),rgba(217,191,143,.7));margin:0 10px}

@media(max-width:1024px){
  .mm-path.mm-path-5{grid-template-columns:repeat(3,1fr)}
  .mm-sess{grid-template-columns:1fr;gap:30px}
  .mm-sess-rev .mm-sess-copy{order:0}
  .mm-fitfaq{grid-template-columns:1fr}
}
@media(max-width:768px){
  .mm-hero-sm{padding:84px 0 70px}
  .mm-path.mm-path-5{grid-template-columns:1fr}
  .mm-path-5 .mm-step{padding:0}
  .mm-flow-h{flex-direction:column}
  .mm-flow-h b{flex-basis:24px;transform:rotate(90deg)}
  .mm-diagram{padding:22px 18px}
  .mm-faq{padding:24px 20px}
  .mm-faq details p{padding-right:0}
  .mm-family{grid-template-columns:1fr;gap:22px;padding:28px 22px}
}

/* ── RESPONSIVE ── */
@media(max-width:1024px){
  .mm-doubts{grid-template-columns:1fr 1fr}
  .mm-path{grid-template-columns:1fr 1fr;row-gap:40px}
  .mm-line{display:none}
}
@media(max-width:768px){
  .mm-hero{padding:72px 0}
  .mm-doubts{grid-template-columns:1fr}
  .mm-path{grid-template-columns:1fr;row-gap:34px;padding-left:34px}
  .mm-line{display:block;left:9px;right:auto;top:10px;bottom:10px;width:2px;height:auto;
    background:linear-gradient(180deg,rgba(217,191,143,.18),rgba(217,191,143,.42),rgba(217,191,143,.18))}
  .mm-spark{inset:0 -6px;background:linear-gradient(180deg,transparent 42%,rgba(255,238,205,0) 44%,rgba(255,238,205,.95) 50%,rgba(255,238,205,0) 56%,transparent 58%);animation-name:mm-travel-y}
  @keyframes mm-travel-y{0%{transform:translate3d(0,-50%,0)}80%,100%{transform:translate3d(0,50%,0)}}
  .mm-step{align-items:flex-start;text-align:left}
  .mm-node{position:absolute;left:-34px;top:2px;margin:0}
  .mm-step>p{min-height:0}
  .mm-get{min-height:0}
  .mm-flow b{padding-left:16px}
  .mm-web{-webkit-mask-image:radial-gradient(95% 40% at 50% 50%,rgba(0,0,0,.03) 0%,rgba(0,0,0,.1) 55%,#000 100%);mask-image:radial-gradient(95% 40% at 50% 50%,rgba(0,0,0,.03) 0%,rgba(0,0,0,.1) 55%,#000 100%)}
  .mm-flow,.mm-get{max-width:none}
  .mm-shot{margin-top:40px}
}
@media(prefers-reduced-motion:reduce){
  .mm-spark,.mm-node::after{animation:none}
  .mm-spark{display:none}
}
/* Booking page in gold */
.mm .book{background:radial-gradient(ellipse 55% 60% at 80% 20%,rgba(217,191,143,.10),transparent 70%),var(--grid),var(--bg0);background-size:auto,80px 80px,auto}
.mm .book-steps li::before{border-color:rgba(217,191,143,.3)}
.mm .book-wait i{box-shadow:0 0 10px rgba(217,191,143,.7)}

/* Hover glow on pills, flow steps and cards (pointer devices only) */
.mm-flow span,.mm-flow-h span,.mm-topics li,.mm-get,.stack-item,.check-item,.mm .icon-card{transition:border-color .25s,background-color .25s,box-shadow .25s,color .25s,transform .25s}
@media (hover:hover){
  .mm-flow span:hover,.mm-flow-h span:hover{border-color:rgba(217,191,143,.55);background:#211e17;box-shadow:0 0 22px rgba(217,191,143,.14);transform:translateY(-2px)}
  .mm-topics li:hover{border-color:rgba(217,191,143,.6);background:rgba(217,191,143,.13);color:var(--t1);box-shadow:0 0 18px rgba(217,191,143,.14)}
  .mm-get:hover{border-color:rgba(217,191,143,.45);box-shadow:0 0 26px rgba(217,191,143,.1)}
  .mm .stack-item:hover,.mm .check-item:hover{border-color:rgba(217,191,143,.4);background:rgba(217,191,143,.05)}
  .mm .icon-card:hover{border-color:rgba(217,191,143,.4);box-shadow:0 0 26px rgba(217,191,143,.08)}
}
@media (prefers-reduced-motion:reduce){.mm-flow span:hover,.mm-flow-h span:hover{transform:none}}