.success-stories-page .reveal{
    opacity:0; transform:translateY(18px);
    transition:opacity 0.65s cubic-bezier(.22,.61,.36,1), transform 0.65s cubic-bezier(.22,.61,.36,1);
  }
  .success-stories-page .reveal.in{ opacity:1; transform:translateY(0); }
  .success-stories-page .reveal-delay-1{ transition-delay:0.08s; }
  .success-stories-page .reveal-delay-2{ transition-delay:0.16s; }

  @media (prefers-reduced-motion: reduce){
    
    .success-stories-page .reveal{ opacity:1; transform:none; transition:none; }
  }

  /* ---------- hero ---------- */
  .success-stories-page .hero{ padding:112px 0 72px; }
  .success-stories-page .eyebrow{
    font-size:13px; letter-spacing:0.14em; text-transform:uppercase;
    color:var(--color-rose-deep); font-weight:600; margin-bottom:24px;
    display:flex; align-items:center; gap:10px;
  }
  .success-stories-page .eyebrow::before{ content:''; width:28px; height:1px; background:var(--color-rose-deep); }
  .success-stories-page .hero h1{
    font-size:clamp(38px, 5.6vw, 60px);
    line-height:1.14;
    max-width:820px;
  }
  .success-stories-page .hero h1 em{ font-style:italic; color:var(--color-rose-deep); font-weight:400; }
  .success-stories-page .hero-sub{ margin-top:28px; max-width:560px; font-size:18px; color:var(--color-text-soft); }

  /* ---------- editorial index ---------- */
  .success-stories-page .index{ padding:56px 0 96px; border-bottom:1px solid var(--color-border); }
  .success-stories-page .index-list{ display:flex; flex-direction:column; }
  .success-stories-page .index-item{
    display:flex; align-items:baseline; gap:28px;
    padding:20px 0; border-top:1px solid var(--color-border);
    text-decoration:none; color:var(--color-text);
  }
  .success-stories-page .index-list .index-item:last-child{ border-bottom:1px solid var(--color-border); }
  .success-stories-page .index-num{ font-family:'Fraunces', serif; font-size:14px; color:var(--color-rose-deep); width:26px; flex-shrink:0; }
  .success-stories-page .index-industry{ font-size:13px; letter-spacing:0.06em; text-transform:uppercase; color:var(--color-text-soft); width:190px; flex-shrink:0; }
  .success-stories-page .index-headline{ font-family:'Fraunces', serif; font-size:19px; }
  @media (max-width:680px){
    .success-stories-page .index-item{ flex-wrap:wrap; gap:6px 28px; }
    .success-stories-page .index-industry{ width:auto; }
  }

  /* ---------- chapter shell ---------- */
  .success-stories-page .chapter{ padding:120px 0; }
  .success-stories-page .chapter-alt{ background:var(--color-rose-tint); }

  .success-stories-page .chapter-kicker{ font-size:13px; letter-spacing:0.1em; text-transform:uppercase; color:var(--color-rose-deep); font-weight:600; margin-bottom:18px; }
  .success-stories-page .chapter-title{ font-size:clamp(28px, 3.8vw, 42px); line-height:1.16; max-width:760px; }

  .success-stories-page .subhead{
    font-family:'Fraunces', serif; font-size:15px; font-weight:600; font-style:italic;
    letter-spacing:0.01em; color:var(--color-rose-deep);
    margin:52px 0 14px;
  }
  .success-stories-page .subhead:first-of-type{ margin-top:56px; }

  .success-stories-page .prose p{ margin-bottom:18px; max-width:640px; }
  .success-stories-page .prose p:last-child{ margin-bottom:0; }

  /* ---------- diagram frame ---------- */
  .success-stories-page .diagram{ margin:52px 0; }
  .success-stories-page .diagram-label{ font-size:12px; letter-spacing:0.08em; text-transform:uppercase; color:var(--color-text-soft); margin-bottom:18px; }

  /* ---------- before / after ---------- */
  .success-stories-page .compare-label{ font-size:12px; letter-spacing:0.08em; text-transform:uppercase; color:var(--color-text-soft); margin-bottom:26px; }
  .success-stories-page .compare{ display:grid; grid-template-columns:1fr 1fr; gap:44px; max-width:760px; margin:16px 0 56px; }
  @media (max-width:600px){ .success-stories-page .compare{ grid-template-columns:1fr; gap:28px; } }
  .success-stories-page .compare .tag{ font-size:12px; letter-spacing:0.08em; text-transform:uppercase; font-weight:600; margin-bottom:14px; }
  .success-stories-page .compare .before .tag{ color:var(--color-text-soft); }
  .success-stories-page .compare .after .tag{ color:var(--color-rose-deep); }
  .success-stories-page .compare p{ font-size:15.5px; color:var(--color-text); border-top:1px solid var(--color-border); padding-top:14px; }

  /* ---------- pull quote ---------- */
  .success-stories-page .pullquote{ margin:64px 0; padding:6px 0 6px 32px; border-left:2px solid var(--color-rose); max-width:660px; }
  .success-stories-page .pullquote p{
    font-family:'Fraunces', serif; font-style:italic; font-weight:400;
    font-size:clamp(22px, 2.5vw, 28px); line-height:1.5; color:var(--color-text);
  }

  /* ---------- verified stats (home cleaning) ---------- */
  .success-stories-page .statgrid{ display:grid; grid-template-columns:1fr 1fr; gap:48px; max-width:560px; margin:48px 0; }
  @media (max-width:520px){ .success-stories-page .statgrid{ grid-template-columns:1fr; gap:32px; } }
  .success-stories-page .stat-num{ font-family:'Fraunces', serif; font-size:clamp(44px, 6vw, 60px); font-weight:400; color:var(--color-rose-deep); line-height:1; }
  .success-stories-page .stat-label{ margin-top:10px; font-size:14px; color:var(--color-text-soft); max-width:200px; }

  /* ---------- transitions ---------- */
  .success-stories-page .transition{
    padding:80px 0; text-align:center; border-top:1px solid var(--color-border); border-bottom:1px solid var(--color-border);
  }
  .success-stories-page .transition p{
    font-family:'Fraunces', serif; font-style:italic; font-size:clamp(20px, 2.4vw, 26px);
    line-height:1.5; max-width:520px; margin:0 auto; color:var(--color-text-soft);
  }

  /* ---------- final CTA ---------- */
  .success-stories-page .closing{ padding:130px 0 110px; text-align:center; }
  .success-stories-page .closing .eyebrow{ justify-content:center; }
  .success-stories-page .closing .eyebrow::before{ display:none; }
  .success-stories-page .closing h2{ font-size:clamp(30px, 4.6vw, 44px); max-width:680px; margin:0 auto; line-height:1.2; }
  .success-stories-page .closing .sub{ margin-top:18px; font-family:'Fraunces', serif; font-style:italic; font-size:19px; color:var(--color-rose-deep); }
  .success-stories-page .closing p. .closing-actions{ margin-top:44px; display:flex; flex-direction:column; align-items:center; gap:16px; }
  .success-stories-page .cta-primary{
    display:inline-flex; align-items:center; gap:10px;
    background:var(--color-text); color:var(--color-bg);
    padding:15px 32px; border-radius:3px; font-size:14.5px; font-weight:500;
    text-decoration:none; transition:background 0.25s ease, transform 0.25s ease;
  }
  .success-stories-page .cta-primary:hover{ background:var(--color-rose-deep); transform:translateY(-1px); }
  .success-stories-page .cta-secondary{ font-size:14.5px; color:var(--color-rose-deep); text-decoration:none; border-bottom:1px solid var(--color-rose); padding-bottom:2px; }
  .success-stories-page .cta-secondary:hover{ color:var(--color-text); border-color:var(--color-text); }

  

  
  


/* Antonette Roj integration */
.success-stories-page {
  background: var(--color-bg);
}

.success-stories-page .wrap {
  max-width: var(--max-width);
  margin: 0 auto;
  padding: 0 var(--gutter);
}

.success-stories-page .narrow {
  max-width: 760px;
  margin: 0 auto;
  padding: 0 var(--gutter);
}

.success-stories-page .hero {
  padding-top: 88px;
}

.success-stories-page .hero h1,
.success-stories-page .chapter-title,
.success-stories-page .closing h2,
.success-stories-page .serif,
.success-stories-page .pullquote p {
  font-family: var(--font-display);
}

.success-stories-page .chapter-alt {
  background: rgba(241, 228, 227, 0.58);
}

.success-stories-page .transition,
.success-stories-page .closing {
  background: var(--color-bg);
}

.success-stories-page .cta-primary {
  background: var(--color-text);
  color: var(--color-bg);
}

.success-stories-page .cta-primary:hover {
  background: var(--color-rose-deep);
}

.success-stories-page svg {
  max-width: 100%;
}

@media (max-width: 720px) {
  .success-stories-page .hero { padding-top: 68px; }
  .success-stories-page .chapter { padding: 84px 0; }
}


/* ==========================================================
   SUCCESS STORIES — EDITORIAL INDEX FIX
   ========================================================== */

.success-stories-page .index-list {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.success-stories-page .index-item {
  display: grid;
  grid-template-columns: 48px minmax(150px, 210px) minmax(0, 1fr);
  align-items: baseline;
  gap: 22px;
  width: 100%;
  padding: 22px 0;
  border-top: 1px solid var(--color-border);
  text-decoration: none;
  color: var(--color-text);
}

.success-stories-page .index-item:last-child {
  border-bottom: 1px solid var(--color-border);
}

.success-stories-page .index-num {
  width: auto;
  font-family: var(--font-display);
  font-size: 0.82rem;
  color: var(--color-rose-deep);
}

.success-stories-page .index-industry {
  width: auto;
  font-size: 0.75rem;
  font-weight: 600;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  color: var(--color-text-soft);
}

.success-stories-page .index-headline {
  min-width: 0;
  font-family: var(--font-display);
  font-size: 1.14rem;
  line-height: 1.4;
  color: var(--color-text);
}

@media (max-width: 720px) {
  .success-stories-page .index {
    padding-top: 28px;
    padding-bottom: 68px;
  }

  .success-stories-page .index-item {
    grid-template-columns: 34px minmax(0, 1fr);
    gap: 5px 14px;
    padding: 20px 0;
  }

  .success-stories-page .index-num {
    grid-row: 1 / span 2;
    padding-top: 1px;
  }

  .success-stories-page .index-industry {
    grid-column: 2;
  }

  .success-stories-page .index-headline {
    grid-column: 2;
    font-size: 1.08rem;
  }
}