/* ============================================================
   JOURNEY.CSS — styles specific to my-journey.html
   Requires base.css to be loaded first.
   ============================================================ */

/* ---------- STORY HERO ---------- */
.story-hero{
  padding:88px 32px 56px;
  text-align:center;
  max-width:760px;margin:0 auto;
}
.story-hero .eyebrow{display:block;margin-bottom:22px;}
.story-hero h1{
  font-size:clamp(32px,5vw,52px);
  font-weight:300;
  letter-spacing:-.01em;
}
.story-hero h1 em{
  font-style:italic;
  font-weight:600;
  color:var(--brass);
}
.story-hero p.lede{
  margin:24px auto 0;
  max-width:540px;
  color:var(--grey-plum);
  font-size:18px;
}

/* ---------- STORY BODY ---------- */
.story{padding:20px 32px 100px;}
.story-inner{max-width:680px;margin:0 auto;}
.story-chapter{margin-bottom:56px;}
.story-chapter:last-of-type{margin-bottom:0;}
.chapter-eyebrow{
  display:block;
  font-size:13px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;
  color:var(--brass);margin-bottom:10px;
}
.story-chapter h2{
  font-size:clamp(24px,3vw,30px);font-weight:600;margin-bottom:20px;
}
.story-chapter p{
  font-size:16.5px;color:var(--charcoal);margin-bottom:16px;
}
.story-chapter p:last-child{margin-bottom:0;}
.story-chapter em{font-style:italic;color:var(--plum-mid);}

.pull-quote{
  border-left:3px solid var(--brass);
  padding:6px 0 6px 26px;
  margin:44px auto;
  max-width:680px;
  font-family:'Fraunces',serif;
  font-style:italic;
  font-size:22px;
  color:var(--plum-dark);
  line-height:1.4;
}

.story-divider{
  max-width:680px;margin:48px auto;
  border:none;border-top:1px solid var(--line);
}

/* Journey page uses a simplified single-line footer (no grid/columns) */
footer.simple{
  text-align:center;
  font-size:13px;
  color:#A9B7A4;
  padding:40px 32px;
}