.story{--measure:34rem;--stripe-x:2.25rem;--indent:1.6rem;--gap:clamp(5.5rem, 13vh, 9rem)}.skip{background:var(--ink);color:var(--cloth);z-index:100;border-radius:2px;padding:.7rem 1.1rem;position:absolute;left:-9999px}.skip:focus{top:1rem;left:1rem}.opening{min-height:100svh;padding:4rem var(--stripe-x) 3rem calc(var(--stripe-x) + var(--indent));align-items:center;display:flex;position:relative}.opening:before,.timeline:before{content:"";left:calc(var(--stripe-x) - 1px);background:linear-gradient(#0000,#c9a22729 12% 88%,#0000);width:2px;position:absolute;top:0;bottom:0}.opening-inner{width:100%;min-width:0;max-width:var(--measure)}.opening-for{letter-spacing:.12em;color:var(--gold);margin:0 0 2.25rem;font-size:.95rem;font-weight:700}.opening-title{font-family:var(--serif);letter-spacing:-.015em;overflow-wrap:break-word;margin:0 0 1.5rem;font-size:clamp(1.85rem,1.05rem + 3.9vw,4.25rem);font-weight:500;line-height:1.12}.opening-sub{color:var(--ink-soft);margin:0;font-size:1.15rem}.opening-cue{color:var(--ink-soft);letter-spacing:.06em;align-items:center;gap:.9rem;margin-top:3.5rem;font-size:.95rem;text-decoration:none;display:inline-flex}.opening-cue-line{background:var(--gold);transform-origin:0;width:3rem;height:1px;animation:reach 2.6s var(--ease) infinite;display:block}.opening-cue-word{transition:color .3s}.opening-cue:hover .opening-cue-word{color:var(--ink)}@keyframes reach{0%,to{opacity:.55;transform:scaleX(1)}50%{opacity:1;transform:scaleX(1.7)}}.timeline{padding:2rem var(--stripe-x) 6rem;position:relative}.thread{left:calc(var(--stripe-x) - 1px);pointer-events:none;width:2px;height:0;position:absolute;top:0}.thread-fill{background:linear-gradient(180deg, var(--gold-lit), var(--gold));width:100%;height:0%;transition:height .12s linear;box-shadow:0 0 10px #c9a22766}.chapters{padding:0 0 0 var(--indent);max-width:calc(var(--measure) + var(--indent));margin:0;list-style:none}.chapter{padding-bottom:var(--gap);opacity:0;transition:opacity 1.1s var(--ease);position:relative}.chapter.is-visible{opacity:1}.chapter:last-child{padding-bottom:3rem}.knot{left:calc(var(--indent) * -1);background:var(--cloth);border:2px solid var(--gold);width:11px;height:11px;transition:transform .5s var(--ease) .1s;border-radius:50%;margin-left:-4.5px;position:absolute;top:.55rem;transform:scale(0)}.chapter.is-visible .knot{transform:scale(1)}.chapter--grey .knot{border-color:var(--grey)}.chapter-mark{font-family:var(--serif);color:var(--gold);margin-bottom:.35rem;font-size:.9rem;display:block}.chapter--grey .chapter-mark{color:var(--grey)}.chapter-title{font-family:var(--serif);letter-spacing:-.01em;text-wrap:balance;margin:0 0 1.1rem;font-size:clamp(1.6rem,1.2rem + 1.7vw,2.35rem);font-weight:500;line-height:1.2}.chapter--grey .chapter-title{color:var(--grey)}.chapter-body{max-width:33rem;margin:0}.chapter-body+.chapter-body{margin-top:1.1rem}.chapter--grey .chapter-body{color:var(--ink-faint)}.scene{color:var(--ink-soft);width:min(100%,22rem);height:auto;margin:1.9rem 0 0;display:block;overflow:visible}.scene .draw{stroke-dasharray:var(--len,600);stroke-dashoffset:var(--len,600);transition:stroke-dashoffset 1.9s var(--ease)}.chapter.is-visible .scene .draw{stroke-dashoffset:0}.chapter--grey .scene{color:var(--grey)}.scene .pop{opacity:0;transform-box:fill-box;transform-origin:50%;transition:opacity .7s var(--ease) 1s, transform .7s var(--ease) 1s;transform:scale(.6)}.chapter.is-visible .scene .pop{opacity:1;transform:scale(1)}.split{left:calc(var(--indent) * -1);pointer-events:none;width:42px;height:210px;margin-left:-21px;position:absolute;top:1.6rem}.split path{fill:none;stroke:var(--gold);stroke-width:2px;stroke-dasharray:240;stroke-dashoffset:240px;transition:stroke-dashoffset 1.8s var(--ease) .2s}.split .strand-alias{stroke:var(--ink-faint);stroke-dasharray:6 5}.chapter.is-visible .split path{stroke-dashoffset:0}@media (min-width:46rem){.story{--stripe-x:6.5rem;--indent:2.25rem}}@media (min-width:64rem){.story{--stripe-x:11vw;--indent:2.75rem;--measure:40rem}.opening-title,.chapter-title{text-wrap:balance}.scene{width:min(100%,26rem)}}@media (min-width:82rem){.story{--stripe-x:calc((100vw - var(--measure) - var(--indent) - 4rem) / 2)}.story:after{content:"";right:var(--stripe-x);pointer-events:none;background:linear-gradient(#0000,#c9a22729 12% 88%,#0000);width:2px;position:fixed;top:0;bottom:0}}@media (prefers-reduced-motion:reduce){.opening-cue-line{animation:none}.chapter{opacity:1;transition:none}.knot{transition:none;transform:scale(1)}.scene .draw{stroke-dashoffset:0;transition:none}.scene .pop{opacity:1;transition:none;transform:none}.split path{stroke-dashoffset:0;transition:none}.thread-fill{transition:none}}