/* =====================================================
   PHILOSOPHY PAGE ONLY — css/philosophy.css
   Font overrides for the quote-led intro on philosophy.html.
   Loaded after main.css; don't move these into main.css.
   ===================================================== */

/* Quote → Madelyn (falls back to the brush script until the font file is in) */
.intro__quote p {
  font-family: "Madelyn", "Dancing Script", cursive;
}

/* Quote author (—Rumi) → Georgia Regular.
   Georgia is a built-in system font — no download needed. */
.intro__byline {
  font-family: Georgia, "Times New Roman", serif;
  font-weight: 400;
}

/* Heading 1 → TBD in your sheet, so it's untouched for now
   (still Great Vibes via main.css). When you decide, use:
   .intro--quote .intro__title { font-family: ___; } */

/* All other text → Alegreya Sans.
   Alegreya Sans has a smaller x-height than Inter, so it reads
   smaller at the same rem size — the sizes below compensate. */
.intro--quote .intro__text {
  font-family: "Alegreya Sans", var(--font-body), sans-serif;
  font-size: 1.5rem;
}

.intro--quote .intro__closing {
  font-family: "Alegreya Sans", var(--font-body), sans-serif;
  font-size: 1.5rem;
}

.word__term,
.word__pos {
  font-family: "Alegreya Sans", var(--font-body), sans-serif;
}

.word p {
  font-family: "Alegreya Sans", var(--font-body), sans-serif;
  font-size: 1rem;
}

/* Signature "Julia" → trying Madelyn too */
.intro__signature {
  font-family: "Madelyn", "Great Vibes", cursive;
}


/* ==============================================
   MOBILE FIX — JULIA SIGNATURE IMAGE
   Keep desktop positioning unchanged.
   Center signature on mobile screens.
   ============================================== */

@media (max-width: 767px) {
  .intro--quote .intro__signature-photo {
    display: block;
    width: 12rem;
    max-width: 100%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
  }
}