/* JMD Entertainment — dueling piano coaching page (extends /style.css + /join/join.css) */
.coach-hero .hero-media img { object-position: center 55%; }
.crumbs { font-size: .82rem; color: var(--text-soft); margin-bottom: 1rem; }
.crumbs a { color: var(--text-muted); }
.crumbs a:hover { color: var(--gold-bright); }
.crumbs span { margin: 0 .35rem; color: var(--gold); }

.thin { color: var(--gold-bright); font-weight: 400; }

.coach-intro { padding: 3.5rem 0 1rem; }
.intro-grid { display: grid; grid-template-columns: 1.3fr 1fr; gap: 2rem 3rem; align-items: center; }
.intro-copy h2 { margin-bottom: 1rem; }
.intro-stats { list-style: none; margin: 0; padding: 0; display: grid; gap: .8rem; }
.intro-stats li {
  padding: 1rem 1.2rem;
  border-left: 2px solid var(--gold);
  background: linear-gradient(90deg, var(--gold-dim), rgba(255,255,255,.02));
  border-radius: 0 var(--radius) var(--radius) 0;
}
.intro-stats strong { display: block; color: var(--text); font-weight: 600; }
.intro-stats span { color: var(--text-muted); font-size: .9rem; }

.coach-learn { padding-bottom: 2rem; }
.learn-grid .why-card h3 { font-size: 1.05rem; }

.coach-money { padding: 3rem 0; }
.money-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 2rem 3rem; align-items: center; }
.money-media img { border-radius: var(--radius-lg); box-shadow: var(--shadow); width: 100%; aspect-ratio: 4 / 3; object-fit: cover; }
.money-copy h2 { margin-bottom: 1rem; }

.coach-path { background: var(--bg-elevated); border-block: 1px solid rgba(255,255,255,.05); }
.path-steps { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(4, 1fr); gap: 1rem; counter-reset: none; }
.path-steps li {
  position: relative;
  background: var(--bg-card);
  border: 1px solid rgba(255,255,255,.06);
  border-radius: var(--radius-lg);
  padding: 1.4rem 1.3rem 1.3rem;
}
.path-steps li:last-child { border-color: var(--gold-line); background: linear-gradient(145deg, rgba(201,162,39,.12), transparent 60%), var(--bg-card); }
.path-steps .num { font-size: .85rem; color: var(--gold); letter-spacing: .1em; font-weight: 650; }
.path-steps h3 { margin: .35rem 0 .4rem; font-size: 1.15rem; }
.path-steps p { margin: 0; font-size: .92rem; }
.path-note { margin: 1.2rem 0 0; font-size: .88rem; color: var(--text-soft); }

.coach-formats { padding: 3.5rem 0 1rem; }
.format-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; }
.format-card {
  display: flex; flex-direction: column;
  background: var(--bg-card);
  border: 1px solid var(--gold-line);
  border-radius: var(--radius-lg);
  padding: 1.5rem 1.4rem;
}
.format-card h3 { margin-bottom: .5rem; }
.format-card p { flex: 1; font-size: .93rem; }
.format-card .rate {
  align-self: flex-start;
  padding: .4rem .85rem;
  border-radius: 999px;
  background: var(--gold-dim);
  color: var(--gold-bright);
  font-size: .82rem; font-weight: 600; letter-spacing: .03em;
}
.format-card.soon { border-color: rgba(255,255,255,.08); }
.format-card.soon .rate { background: rgba(255,255,255,.05); color: var(--text-muted); }

@media (max-width: 980px) {
  .intro-grid, .money-grid { grid-template-columns: 1fr; }
  .path-steps { grid-template-columns: repeat(2, 1fr); }
  .format-grid { grid-template-columns: 1fr; }
}
@media (max-width: 640px) {
  .path-steps { grid-template-columns: 1fr; }
  .coach-intro { padding-top: 2.5rem; }
}