

.timeline{border-left:2px solid var(--hair);margin-left:8px;padding-left:26px;display:flex;flex-direction:column;gap:26px}
.tl{position:relative}
.tl::before{content:'';position:absolute;left:-33px;top:6px;width:12px;height:12px;border-radius:50%;background:var(--gold);
  box-shadow:0 0 12px rgba(224,162,40,.6)}
.tl b{font-family:'EB Garamond',serif;font-weight:600;font-size:1.15rem;color:var(--gold-bright);display:block}
.tl span{font-size:.9rem;color:var(--mut);line-height:1.6}
.portrait{aspect-ratio:4/5;background:linear-gradient(160deg,#0e2a5e,#040b1a);border:1px solid rgba(224,162,40,.3);
  border-radius:16px;display:flex;align-items:flex-end;padding:20px;position:relative}
.portrait::before{content:'';position:absolute;inset:13px;border:1px solid rgba(224,162,40,.25);border-radius:10px}
.portrait span{font-family:'EB Garamond',serif;font-style:italic;color:var(--blue-soft);font-size:.88rem}
.split{display:grid;grid-template-columns:1.2fr .8fr;gap:5vw;align-items:start}
@media(max-width:860px){.split{grid-template-columns:1fr}}

@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.rv{opacity:1!important;transform:none!important}}

.card .thumb{width:100%;height:160px;object-fit:cover;border-radius:10px;margin-bottom:16px;display:block}
.vidwrap{position:relative;width:100%;aspect-ratio:16/9;border-radius:14px;overflow:hidden;border:1px solid var(--hair);
  box-shadow:0 22px 50px -22px rgba(0,0,0,.6)}
.vidwrap iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.photo{width:100%;border-radius:14px;border:1px solid var(--hair);display:block;
  box-shadow:0 22px 50px -22px rgba(0,0,0,.6)}

