/* timeline: her journey as a teal thread with gold moments */
.tl{position:relative;max-width:680px;margin:34px auto 0;padding-left:34px}
.tl::before{content:"";position:absolute;left:9px;top:6px;bottom:6px;width:2px;
  background:linear-gradient(var(--teal),var(--teal-deep))}
.tl-item{position:relative;padding:0 0 30px}
.tl-item::before{content:"";position:absolute;left:-31px;top:6px;width:14px;height:14px;border-radius:50%;
  background:var(--teal);box-shadow:0 0 0 4px var(--teal-wash)}
.tl-item.gold::before{background:var(--gold);box-shadow:0 0 0 4px rgba(227,184,99,.25),0 0 14px rgba(227,184,99,.5)}
.tl-item .when{font-size:0.875rem;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);font-weight:700}
.tl-item h3{font-size:1.2rem;margin-top:4px}
.tl-item p{color:var(--muted);margin-top:6px;font-size:.96rem}
.mantras{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-top:24px}
.mantra{font-family:var(--serif);font-style:italic;font-size:1.05rem;color:var(--teal-deep);
  border:1px solid var(--line);background:var(--paper);border-radius:999px;padding:10px 22px}
.credgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:26px}
.cred{background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:22px;text-align:center}
.cred b{font-family:var(--serif);font-size:1.05rem;display:block}
.cred span{font-size:0.875rem;color:var(--muted);display:block;margin-top:6px}
@media (max-width:900px){.credgrid{grid-template-columns:1fr}}