/* Quiet editorial handoffs connect chapters without scroll interception. */
.chapter-handoff { position: relative; z-index: 2; display: flex; justify-content: space-between; align-items: center; gap: 32px; margin-top: 72px; padding: 34px 0 0; border-top: 1px solid #e3c48638; }
.chapter-handoff .eyebrow { margin-bottom: 12px; font-size: 8px; }
.handoff-line { margin: 0; max-width: 560px; font-family: var(--serif); font-size: clamp(22px,2.1vw,34px); line-height: 1.3; letter-spacing: -.4px; text-wrap: balance; }
.handoff-link { display: inline-flex; align-items: center; justify-content: space-between; gap: 26px; min-height: 48px; padding: 12px 0; color: var(--gold); font-size: 9px; letter-spacing: 1.5px; flex-shrink: 0; border-bottom: 1px solid #e3c48670; }
.handoff-link > span:last-child { font-size: 25px; transition: transform .25s ease; }
.handoff-link:hover > span:last-child { transform: translate(3px,-3px); }
.reveal, .chapter-handoff { transition: opacity .75s ease, transform .75s cubic-bezier(.2,.7,.2,1); }
.reveal.arrival-pending, .chapter-handoff.arrival-pending { opacity: 0; transform: translateY(22px); }
.reveal.arrival-complete { animation: none; }
.arrival-pending:focus-within { opacity: 1; transform: none; }
.chapter-rail a { position: relative; transition: background-color .3s ease, color .3s ease; }
.chapter-rail a::after { content: ''; position: absolute; bottom: 0; left: 0; height: 2px; width: 100%; background: var(--gold); transform: scaleX(0); transform-origin: left; }
.chapter-rail a.active::after { transform: scaleX(var(--progress,0)); }
@media (max-width: 900px) { .chapter-handoff { align-items: flex-start; flex-direction: column; gap: 22px; margin-top: 48px; } .handoff-link { width: 100%; max-width: 360px; } }
@media (max-width: 700px) { .chapter-handoff { margin-top: 38px; padding-top: 26px; } .handoff-line { font-size: 25px; } .handoff-link { letter-spacing: 1px; } .reveal.arrival-pending, .chapter-handoff.arrival-pending { transform: translateY(12px); } }
@media (prefers-reduced-motion: reduce) { .reveal, .chapter-handoff, .handoff-link > span:last-child, .chapter-rail a { transition: none; } .reveal.arrival-pending, .chapter-handoff.arrival-pending { opacity: 1; transform: none; } }
.genesis-cinema > .chapter-handoff { margin-left: 7vw; margin-right: 7vw; padding-bottom: 64px; }
@media (max-width: 700px) { .genesis-cinema > .chapter-handoff { margin-left: 6%; margin-right: 6%; padding-bottom: 42px; } }