/* Warrior Shadow — Sections 02 (Resonance), 03 (Philosophy), 04 (Methodology). */
(function () {
  window.WS = window.WS || {};

  /* ---- Section 02 — The Resonance (12th House Mars) ----------- */
  function Resonance() {
    const Slot = window.WS.ImageSlot;
    return (
      <section id="reality" className="on-void thea-section" style={{
        background: 'var(--void)', position: 'relative', overflow: 'hidden',
      }}>
        <div className="thea-container thea-grid" style={{ rowGap: 'var(--space-16)' }}>
          {/* small armor image, top-right, 4 columns */}
          <div className="thea-reveal" style={{ gridColumn: '9 / span 4', gridRow: 1 }}>
            <Slot
              id="ws-armor"
              label="Image Insert 02 — The Armor"
              caption="Macro, desaturated · oxidized metal or scarred dark stone · the weight of the armor"
              height={300}
              tint="oxblood"
            />
          </div>

          {/* copy, columns 2-6 */}
          <div className="thea-reveal" style={{
            gridColumn: '2 / span 6', gridRow: 2,
            display: 'flex', flexDirection: 'column', gap: 'var(--space-8)',
          }}>
            <span className="t-mono" style={{ color: 'var(--text-muted)' }}>[ 02 / The Reality ]</span>
            <h2 className="t-serif-italic" style={{ fontSize: 'var(--text-48)', color: 'var(--sanctuary)', margin: 0 }}>
              The modern warrior is carrying a weight he cannot name.
            </h2>
            <p className="t-body" style={{ color: 'var(--text-body)', fontSize: 'var(--text-18)', maxWidth: '60ch' }}>
              You know how to build, how to lead, and how to win. You have constructed a life of
              undeniable external authority. Yet, in the quiet spaces — in your relationships, in
              your intimacy, in the dead of night — there is a profound, lingering exhaustion.
            </p>
            <p className="t-body" style={{ color: 'var(--text-body)', fontSize: 'var(--text-18)', maxWidth: '60ch' }}>
              This is the Warrior Shadow. It is the accumulation of every emotion you had to suppress
              to survive the boardroom, the business, and the expectations of the world. It manifests
              as a disconnection from the feminine, a numbing of the senses, and a low-grade hum of anxiety.
            </p>
            <p className="t-display" style={{
              fontSize: 'var(--text-24)', color: 'var(--oxblood-glow)', maxWidth: '40ch',
              marginTop: 'var(--space-4)', lineHeight: 1.4,
            }}>
              You do not need another coach telling you to push harder. You need a space safe enough
              to finally power down.
            </p>
          </div>
        </div>
      </section>
    );
  }
  window.WS.Resonance = Resonance;

  /* ---- Section 03 — The Philosophy (Scorpio/Libra Axis) ------- */
  function Philosophy() {
    const Slot = window.WS.ImageSlot;
    return (
      <section id="philosophy" className="on-void thea-section" style={{
        background: 'var(--void)', position: 'relative', borderTop: '1px solid var(--hairline-on-dark)',
      }}>
        {/* central 1px hairline corridor */}
        <div aria-hidden="true" style={{
          position: 'absolute', top: 0, bottom: 0, left: '50%', width: '1px',
          background: 'var(--line)', zIndex: 0,
        }} />
        <div className="thea-container" style={{
          position: 'relative', zIndex: 1, display: 'flex', flexDirection: 'column',
          alignItems: 'center', gap: 'var(--space-16)', textAlign: 'center',
        }}>
          <div className="thea-reveal" style={{ width: '100%', maxWidth: 1040 }}>
            <Slot
              id="ws-duality"
              label="Image Insert 03 — The Duality"
              caption="Cinematic · still dark ocean at night below a sharp architectural structure · fluid water against rigid form"
              height={420}
              tint="water"
            />
          </div>

          <div className="thea-reveal" style={{
            display: 'flex', flexDirection: 'column', alignItems: 'center', gap: 'var(--space-8)',
            maxWidth: 820,
          }}>
            <span className="t-mono" style={{ color: 'var(--text-muted)' }}>[ 03 / The Philosophy ]</span>
            <h2 className="t-display" style={{ fontSize: 'var(--text-64)', color: 'var(--sanctuary)', margin: 0 }}>
              Integrating the Wounded Feminine.
            </h2>
            <p className="t-body" style={{ color: 'var(--text-body)', fontSize: 'var(--text-18)' }}>
              True masculine power is not rigid; it is rooted. When the masculine is wounded, it
              builds walls. It attempts to control the feminine — both the feminine energy within
              himself (intuition, emotion, rest) and the feminine in his external relationships.
            </p>
            <p className="t-body" style={{ color: 'var(--text-body)', fontSize: 'var(--text-18)' }}>
              The Warrior Shadow practice is an unburdening. By entering the subconscious architecture
              of your trauma, we release the trapped meridian energy. We do not destroy the warrior;
              we relieve him of his post, allowing the integrated, whole man to step forward.
            </p>
          </div>
        </div>
      </section>
    );
  }
  window.WS.Philosophy = Philosophy;

  /* ---- Section 04 — The Methodology (Virgo Moon Precision) ---- */
  const PHASES = [
    { phase: 'Phase 01 — The Void', title: 'The Container',
      body: 'Before healing can occur, the nervous system must be neutralized. We establish a zero-judgment energetic void. You are not required to perform, to fix, or to be the authority. You are simply held.' },
    { phase: 'Phase 02 — The Meridian', title: 'Clinical Extraction',
      body: 'Utilizing advanced Emotional Freedom Techniques, we bypass the logical brain and access the somatic nervous system. We systematically locate and release the trapped emotional charge anchoring your exhaustion.' },
    { phase: 'Phase 03 — The Anchor', title: 'Structural Integration',
      body: 'Release without structure creates chaos. We rebuild your energetic architecture. You return to your life, your business, and your relationships with absolute clarity, grounded presence, and a restored capacity for intimacy.' },
  ];

  function Methodology() {
    const DS = window.TheaCorridorsShadowDesignSystem_46741f;
    const { Footnote } = DS;
    return (
      <section id="methodology" className="on-void thea-section" style={{
        background: 'var(--void)', borderTop: '1px solid var(--hairline-on-dark)',
      }}>
        <div className="thea-container" style={{ display: 'flex', flexDirection: 'column', gap: 'var(--space-16)' }}>
          {DS.SectionDivider
            ? <DS.SectionDivider index={4} label="The Architecture of Release" />
            : <span className="t-mono" style={{ color: 'var(--text-muted)' }}>[ 04 / The Architecture of Release ]</span>}

          <div className="thea-reveal" style={{
            display: 'grid', gridTemplateColumns: 'repeat(3, 1fr)', borderTop: '1px solid var(--line)',
          }}>
            {PHASES.map((p, i) => (
              <article key={i} style={{
                padding: 'var(--space-12) var(--space-8) var(--space-12) 0',
                borderRight: i < 2 ? '1px solid var(--line)' : 'none',
                paddingLeft: i > 0 ? 'var(--space-8)' : 0,
                display: 'flex', flexDirection: 'column', gap: 'var(--space-6)',
              }}>
                <span style={{
                  fontFamily: 'var(--font-mono)', fontSize: '11px', letterSpacing: '0.12em',
                  textTransform: 'uppercase', color: 'var(--brass)',
                }}>{p.phase}</span>
                <h3 className="t-display" style={{ fontSize: 'var(--text-24)', color: 'var(--sanctuary)', margin: 0 }}>{p.title}</h3>
                <p className="t-body-sm" style={{ color: 'var(--text-body)', fontSize: 'var(--text-14)' }}>{p.body}</p>
              </article>
            ))}
          </div>

          <Footnote items={[
            'Emotional Freedom Technique operates on the subtle meridian lines; the somatic charge is released without re-narrating the wound.',
            'Intake is sequential. No phase is begun until the prior one is structurally complete.',
          ]} />
        </div>
      </section>
    );
  }
  window.WS.Methodology = Methodology;
})();
