/* --- Forge Crew crest (mockup) --- */
.crew-art { position: relative; text-align: center; }
.crew-art::before { content: ""; position: absolute; inset: 8% 10%; background: radial-gradient(closest-side, var(--ember-glow), transparent); filter: blur(30px); z-index: 0; }
.crew-art img { position: relative; z-index: 1; width: 100%; max-width: 520px; height: auto; }
.crew-roster { list-style: none; padding: 0; margin: var(--sp-3) 0 0; border-top: 1px solid var(--line); }
.crew-roster li { display: grid; grid-template-columns: 9.5rem 1fr; gap: var(--sp-2); padding: 14px 0; border-bottom: 1px solid var(--line-soft); }
.crew-roster b { font-family: var(--font-mono); font-size: 0.78rem; font-weight: 500; letter-spacing: .08em; text-transform: uppercase; color: var(--ember); padding-top: 3px; }
.crew-roster span { color: var(--ink-soft); }
.footer-mark { display: flex; align-items: center; gap: 14px; margin-top: var(--sp-2); }
.footer-mark img { width: 64px; height: auto; opacity: .92; }
.footer-mark small { font-family: var(--font-mono); font-size: 0.72rem; letter-spacing: .08em; text-transform: uppercase; color: var(--ink-faint); line-height: 1.5; }
.medal-band { display: grid; grid-template-columns: minmax(0, 280px) 1fr; gap: var(--sp-4); align-items: center; margin-top: var(--sp-4); }
.medal-band video { width: 100%; height: auto; border-radius: 50%; }
.medal-band .quote { margin: 0; }
@media (max-width: 760px) {
  .medal-band { grid-template-columns: 1fr; justify-items: center; }
  .medal-band video { max-width: 200px; }
  .crew-roster li { grid-template-columns: 1fr; gap: 2px; }
}