/* Memory Lane — isolated from the original vertical timeline. */
.timeline-advanced { padding:var(--section-pad-y) 0; font-family:var(--font-body,Inter,Arial,sans-serif); background:var(--ta-bg); color:var(--ta-ink); overflow:hidden; }
.timeline-advanced .ta-intro { width:100%; text-align:center; max-width:840px; padding:0 24px calc(var(--head-gap-after, var(--head-gap-after-md)) - 32px); }
.timeline-advanced .section-sub p { margin:0; }
.timeline-advanced .ta-stage { width:100%; position:relative; margin-top:0; padding:32px 0 33px; touch-action:pan-y; overflow:hidden; }
.timeline-advanced .ta-track { display:flex; gap:22px; align-items:flex-start; flex-wrap:wrap; justify-content:center; }
.timeline-advanced .ta-card { position:relative; flex:0 0 min(var(--ta-width),100%); width:min(var(--ta-width),100%); min-width:0; }
.timeline-advanced .ta-panel { text-align:left; position:relative; display:flex; flex-direction:column; min-height:310px; padding:25px 24px 12px; border:1px solid color-mix(in srgb,var(--ta-card-ink) 9%,transparent); border-radius:var(--ta-radius); color:var(--ta-card-ink); background:var(--ta-face); overflow:hidden; }
.timeline-advanced .ta-select { position:absolute; inset:0; z-index:3; width:100%; height:100%; border:0; padding:0; background:transparent; border-radius:inherit; color:inherit; cursor:pointer; }
.timeline-advanced .ta-select:focus-visible { outline:2px solid var(--ta-icon); outline-offset:-5px; }
.timeline-advanced .ta-date { font-family:var(--font-mono,monospace); text-transform:uppercase; letter-spacing:2px; font-size:12px; line-height:1.2; opacity:.72; margin:0 0 10px; overflow-wrap:anywhere; }
.timeline-advanced .ta-title { font-family:var(--font-headline,Sora,sans-serif); font-size:22px; line-height:1.25; letter-spacing:-.02em; font-weight:700; margin:0 0 11px; color:inherit; overflow-wrap:anywhere; }
.timeline-advanced .ta-description { font-size:15px; line-height:1.65; min-height:63px; margin:0; overflow-wrap:anywhere; }
.timeline-advanced .ta-art { position:relative; width:214px; max-width:100%; align-self:center; height:auto; aspect-ratio:214 / 125; margin-top:9px; flex-shrink:0; color:var(--ta-icon); }
.timeline-advanced .ta-glyph { position:absolute; width:44.86%; aspect-ratio:1; left:11.68%; top:9.6%; transform:rotate(-10deg); }
.timeline-advanced .ta-glyph + .ta-glyph { width:34.11%; left:auto; right:9.35%; top:22.4%; transform:rotate(12deg); }
.timeline-advanced .ta-glyph svg { display:block; width:100%; height:100%; overflow:visible; }
.timeline-advanced .ta-icon-outer { stroke:currentColor; stroke-width:1.3; }
.timeline-advanced .ta-icon-inner { stroke:var(--ta-face); stroke-width:.75; }
.timeline-advanced[data-contour="single"] .ta-icon-inner { display:none; }
.timeline-advanced[data-contour="single"] .ta-icon-outer { stroke-width:.7; }
.timeline-advanced .ta-glyph + .ta-glyph .ta-icon-outer { stroke-width:1.6; }
.timeline-advanced .ta-glyph + .ta-glyph .ta-icon-inner { stroke-width:1.05; }
.timeline-advanced[data-contour="single"] .ta-glyph .ta-icon-outer { stroke-width:.65; }
.timeline-advanced .ta-media { margin-top:24px; aspect-ratio:4/3; overflow:hidden; border-radius:max(0px,calc(var(--ta-radius) - 10px)); }
.timeline-advanced .ta-media img { display:block; width:100%; height:100%; }
.timeline-advanced .ta-point { display:none; width:12px; height:12px; background:var(--ta-line); border-radius:50%; margin:23px auto 0; }
.timeline-advanced .ta-line { display:none; position:absolute; inset:0; width:100%; height:100%; pointer-events:none; overflow:visible; }
.timeline-advanced .ta-line path { fill:none; stroke:var(--ta-line); stroke-width:1.2; vector-effect:non-scaling-stroke; opacity:.65; }
.timeline-advanced .ta-navigation { width:100%; display:none; align-items:center; justify-content:center; flex-wrap:wrap; gap:0; padding:0 24px; margin-top:var(--ta-nav-gap); }
.timeline-advanced .ta-page-dot { display:grid; place-items:center; width:24px; height:40px; padding:0; border:0; background:transparent; cursor:pointer; border-radius:22px; transition:width .3s ease; }
.timeline-advanced .ta-page-dot span { width:8px; height:8px; border-radius:999px; background:color-mix(in srgb,var(--ta-ink) 28%,var(--ta-bg)); transition:width .3s ease,background .3s ease; }
.timeline-advanced .ta-page-dot.is-active { width:40px; }
.timeline-advanced .ta-page-dot.is-active span { width:24px; background:var(--ta-ink); }
.timeline-advanced .ta-page-dot:focus-visible { outline:2px solid var(--ta-ink); outline-offset:-2px; }
.timeline-advanced .ta-status { position:absolute; width:1px; height:1px; padding:0; margin:-1px; clip-path:inset(50%); white-space:nowrap; overflow:hidden; }
.timeline-advanced.ta-ready .ta-track { position:absolute; top:32px; left:50%; flex-wrap:nowrap; justify-content:flex-start; transition:transform var(--ta-duration) cubic-bezier(.22,.8,.2,1); }
.timeline-advanced.ta-ready .ta-card { width:var(--ta-card-width); flex-basis:var(--ta-card-width); transform:scale(.92) rotate(var(--ta-angle)); opacity:1; transition:transform var(--ta-duration) cubic-bezier(.22,.8,.2,1),opacity var(--ta-duration); }
.timeline-advanced.ta-ready .ta-card.is-active { opacity:1; transform:none; z-index:1; }
.timeline-advanced.ta-ready .ta-point,.timeline-advanced.ta-ready .ta-line { display:block; }
.timeline-advanced.ta-ready .ta-navigation:not(.ta-navigation-hidden) { display:flex; }
.timeline-advanced[data-tilt="false"] .ta-card { --ta-angle:0deg!important; }
.timeline-advanced[data-motion="false"] *,.timeline-advanced.ta-resizing * { transition:none!important; }
@media(max-width:600px) {
 .timeline-advanced .ta-navigation { padding:0 12px; }
 .timeline-advanced .ta-intro { padding:0 20px calc(var(--head-gap-after, var(--head-gap-after-md)) - 32px); }
}
@media(pointer:coarse) {
 .timeline-advanced .ta-page-dot { width:44px; }
 .timeline-advanced .ta-page-dot.is-active { width:60px; }
}
@media(prefers-reduced-motion:reduce) {
 .timeline-advanced * { transition:none!important; animation:none!important; }
}

/* Keep inactive copy readable; only the surface loses emphasis. */
.timeline-advanced.ta-ready .ta-card:not(.is-active) .ta-panel { background:color-mix(in srgb,var(--ta-face) 86%,var(--ta-bg)); }
.timeline-advanced .ta-progress { margin:6px 0 0; font-family:var(--font-mono,monospace); font-size:11px; line-height:20px; color:var(--ta-ink); text-align:center; }
.timeline-advanced[data-icon-weight="normal"] .ta-icon-outer { stroke-width:1.6; }
.timeline-advanced[data-icon-weight="normal"] .ta-icon-inner { stroke-width:.8; }
.timeline-advanced[data-icon-weight="normal"] .ta-glyph + .ta-glyph .ta-icon-outer { stroke-width:2; }
.timeline-advanced[data-icon-weight="normal"] .ta-glyph + .ta-glyph .ta-icon-inner { stroke-width:1; }
.timeline-advanced[data-icon-weight="bold"] .ta-icon-outer { stroke-width:1.9; }
.timeline-advanced[data-icon-weight="bold"] .ta-icon-inner { stroke-width:.85; }
.timeline-advanced[data-icon-weight="bold"] .ta-glyph + .ta-glyph .ta-icon-outer { stroke-width:2.4; }
.timeline-advanced[data-icon-weight="bold"] .ta-glyph + .ta-glyph .ta-icon-inner { stroke-width:1.05; }
.timeline-advanced[data-contour="single"][data-icon-weight="normal"] .ta-icon-outer { stroke-width:1; }
.timeline-advanced[data-contour="single"][data-icon-weight="bold"] .ta-icon-outer { stroke-width:1.3; }

/* Staff-only shortcut sits above the full-card navigation target. */
.timeline-advanced .ta-edit-moment { position:absolute; top:8px; right:8px; z-index:4; width:36px; height:36px; display:grid; place-items:center; border:1px solid currentColor; border-radius:50%; background:var(--ta-face); color:var(--ta-card-ink); cursor:pointer; }
.timeline-advanced .ta-edit-moment:hover { box-shadow:0 2px 8px #0002; }
.timeline-advanced .ta-edit-moment:focus-visible { outline:2px solid currentColor; outline-offset:3px; }
body.cms-view-loggedout .ta-edit-moment { display:none; }
