/* ═══════════════════════════════
   MUSE Recruit — Interview CSS
   ═══════════════════════════════ */

/* ── Chapter Label ── */
.chapter-label {
  font-family: 'Barlow', sans-serif;
  font-weight: 500;
  font-size: 0.75rem;
  letter-spacing: 0.15em;
}

/* ── Sticky Photo (Q&A layouts) ── */
@media (min-width: 768px) {
  .sticky-photo {
    position: sticky;
    top: 120px;
  }
}

/* ── Pull Quote Band ── */
.pullquote-band {
  background: rgba(10, 10, 26, 0.6);
}

/* ── Drop Cap ── */
.drop-cap::first-letter {
  font-family: 'Instrument Serif', serif;
  font-style: italic;
  font-size: calc(64/16*1rem);
  float: left;
  line-height: 0.75;
  margin-right: 0.2em;
  margin-top: 0.1em;
  color: rgba(30, 144, 255, 0.4);
}

/* ── Interview Body Content Styling ── */
.interview-body section {
  position: relative;
}

.interview-body h2 {
  font-family: 'Noto Serif JP', serif;
  font-weight: 700;
}

.interview-body article {
  position: relative;
}