/* ============================================================
   WOODYER CAPITAL — THE METHOD
   Uses tokens + hero helpers from base.css.
============================================================ */
#wc-method{ background:var(--wc-bone); display:block; }

/* HERO */
.wc-mh{
  position:relative; overflow:hidden; background:var(--wc-ink);
  padding:calc(var(--wc-h) + clamp(70px,11vh,140px)) 0 clamp(80px,11vh,140px);
}
.wc-mh__bg{
  position:absolute; inset:-10% -6%; z-index:0;
  background-image:
    radial-gradient(90% 80% at 88% 8%, rgba(201,169,97,.14) 0%, rgba(201,169,97,0) 46%),
    radial-gradient(70% 60% at 6% 100%, rgba(92,31,38,.18) 0%, rgba(92,31,38,0) 55%),
    linear-gradient(#050505,#070707);
}
.wc-mh__in{ position:relative; z-index:1; }
.wc-mh__h1{
  margin:26px 0 0; font-family:var(--wc-serif); font-weight:350; letter-spacing:-.025em;
  font-size:clamp(48px,8.4vw,108px); line-height:1.02; color:var(--wc-white); max-width:14ch;
}
.wc-mh__h1 em{ font-style:italic; color:var(--wc-brass); }
.wc-mh__lede{
  margin:34px 0 0; max-width:56ch; font-family:var(--wc-sans); font-weight:300;
  font-size:clamp(17px,1.6vw,21px); line-height:1.64; color:rgba(246,243,238,.78);
}

/* STEPS */
.wc-steps{ background:var(--wc-bone); }
.wc-step{ padding:clamp(70px,10vw,150px) 0; border-bottom:1px solid rgba(58,58,61,.2); }
.wc-step--alt{ background:#efe9de; }
.wc-step__in{ display:grid; grid-template-columns:0.85fr 1.15fr; gap:clamp(32px,6vw,96px);
  align-items:start; }
.wc-step__num{ position:sticky; top:calc(var(--wc-h) + 7vh); align-self:start; }
.wc-step__k{ display:block; font-family:var(--wc-serif); font-weight:300; line-height:.8;
  font-size:clamp(96px,15vw,220px); letter-spacing:-.04em; color:var(--wc-graphite); }
.wc-step__label{ display:block; margin-top:18px; font-family:var(--wc-sans); font-size:13px;
  font-weight:600; letter-spacing:.28em; text-transform:uppercase; color:var(--wc-brass-d); }
.wc-step__rule{ display:block; margin-top:22px; width:64px; height:1px; background:var(--wc-brass-d); }
.wc-step__body{ padding-top:clamp(8px,2vw,24px); }
.wc-step__h{ margin:0; font-family:var(--wc-serif); font-weight:400; letter-spacing:-.02em;
  font-size:clamp(30px,4.4vw,54px); line-height:1.08; color:var(--wc-graphite); }
.wc-step__h em{ font-style:italic; color:var(--wc-brass-d); }
.wc-step__p{ margin:26px 0 0; max-width:56ch; font-family:var(--wc-sans); font-weight:400;
  font-size:clamp(16px,1.35vw,18px); line-height:1.72; color:rgba(34,31,28,.82); }
.wc-step__list{ list-style:none; margin:34px 0 0; padding:0; }
.wc-step__list li{ position:relative; padding:14px 0 14px 28px; font-family:var(--wc-sans);
  font-size:15px; font-weight:500; color:var(--wc-graphite);
  border-top:1px solid rgba(58,58,61,.18); }
.wc-step__list li:last-child{ border-bottom:1px solid rgba(58,58,61,.18); }
.wc-step__list li::before{ content:''; position:absolute; left:0; top:50%; width:8px; height:8px;
  margin-top:-4px; border:1px solid var(--wc-brass-d); }
.wc-step__stat{ margin-top:44px; display:flex; align-items:baseline; gap:20px; }
.wc-step__statn{ font-family:var(--wc-serif); font-weight:320; line-height:.9;
  font-size:clamp(50px,6vw,84px); letter-spacing:-.02em; color:var(--wc-brass-d);
  font-variant-numeric:tabular-nums; }
.wc-step__statl{ font-family:var(--wc-sans); font-size:12px; font-weight:600; letter-spacing:.16em;
  text-transform:uppercase; line-height:1.5; color:rgba(34,31,28,.6); max-width:20ch; }

/* LEAD-IN CTA (Onyx) */
.wc-mcta{ position:relative; overflow:hidden; background:var(--wc-onyx);
  padding:clamp(100px,14vw,190px) 0; }
.wc-mcta__glow{ position:absolute; left:50%; bottom:-40%; width:120%; height:120%;
  transform:translateX(-50%); pointer-events:none;
  background:radial-gradient(46% 50% at 50% 50%, rgba(201,169,97,.14) 0%, rgba(201,169,97,0) 62%); }
.wc-mcta__in{ position:relative; display:flex; flex-direction:column; align-items:center; text-align:center; }
.wc-mcta__h{ margin:30px 0 0; font-family:var(--wc-serif); font-weight:360; letter-spacing:-.02em;
  font-size:clamp(36px,5.6vw,80px); line-height:1.06; color:var(--wc-white); }
.wc-mcta__h em{ font-style:italic; color:var(--wc-brass); }
.wc-mcta__btn{ margin-top:44px; }
.wc-mcta__note{ margin:26px 0 0; font-family:var(--wc-sans); font-size:12px; font-weight:500;
  letter-spacing:.14em; text-transform:uppercase; color:rgba(246,243,238,.45); }

@media (max-width:900px){
  .wc-step__in{ grid-template-columns:1fr; gap:24px; }
  .wc-step__num{ position:static; display:flex; align-items:baseline; gap:20px; }
  .wc-step__k{ font-size:clamp(72px,20vw,120px); }
  .wc-step__label{ margin-top:0; }
  .wc-step__rule{ display:none; }
}