/* Study II layers over the unchanged first study. */
:root{--ink-offset:0px}
.masthead::after{content:'';position:absolute;left:70px;right:70px;bottom:0;height:1px;background:linear-gradient(90deg,#d6d6d2 0%,#d6d6d2 34%,transparent 74%);transform-origin:left;animation:rule-arrives 1.6s .3s both}
.edition{margin-left:25px;color:#757570;font-size:7px;letter-spacing:.13em}
.opening-copy{animation:copy-arrives 1.2s .15s both}
.ink-field{animation:ink-arrival 2.8s ease-out both}
.ink-field img{animation:none;transform:translate3d(0,var(--ink-offset),0)}
.opening-bottom{align-items:end}
.ink-caption{margin-left:auto;margin-right:135px;font:11px/1.6 var(--serif);color:#66665e;transform:rotate(-5deg)}
.ink-caption em{font-size:15px;color:#333}
.scroll-note{text-decoration:none;position:relative}
.scroll-note>span{transition:transform .5s}
.scroll-note:hover>span{transform:translateY(5px)}
.reading-position{position:fixed;z-index:5;right:17px;top:50%;display:flex;align-items:center;gap:16px;writing-mode:vertical-rl;font:7px var(--mono);letter-spacing:.08em;color:#66665f;opacity:0;transition:opacity .5s;pointer-events:none}
.reading-position.is-visible{opacity:1}
.position-rule{width:1px;height:90px;background:#deded9;display:block;position:relative}
.position-rule i{position:absolute;inset:0;background:#222;transform:scaleY(var(--read-progress,0));transform-origin:top}
.position-percent{font-size:7px;font-variant-numeric:tabular-nums}
.section-frame,.closing{position:relative;border-top:0}
.section-frame::before,.closing::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:var(--line);transform-origin:left}
.motion-ready .section-frame::before,.motion-ready .closing::before{transform:scaleX(.08);transition:transform 1.4s cubic-bezier(.2,.7,.2,1)}
.motion-ready .section-frame.is-seen::before,.motion-ready .closing.is-seen::before{transform:scaleX(1)}
.section-index{position:relative}
.section-index .margin-tick{display:block;width:24px;height:1px;background:#555;margin-top:25px;transform:rotate(-9deg);box-shadow:3px 1px 0 #bbb}
.continuity{display:grid;grid-template-columns:auto 1fr auto 1fr auto;gap:25px;align-items:center;margin-top:60px;max-width:780px}
.continuity>div{text-align:left}
.continuity-code{display:block;font:8px/1.6 var(--mono);color:var(--muted);letter-spacing:.06em;margin-bottom:10px}
.continuity-word{font:31px/1 var(--serif);letter-spacing:-.03em}
.continuity-middle .continuity-word{font-size:37px}
.continuity-thread{height:1px;background:#d6d6d2;position:relative;display:block}
.continuity-thread::after{content:'';position:absolute;right:0;top:-2px;border:1px solid #777;width:3px;height:3px;background:#fff;transform:rotate(45deg)}
.continuity-thread i{position:absolute;inset:0;background:#333;transform-origin:left}
.motion-ready .continuity-thread i{transform:scaleX(0);transition:transform 1.5s cubic-bezier(.2,.7,.2,1)}
.motion-ready .continuity.is-seen .continuity-thread i{transform:scaleX(1)}
.continuity .continuity-thread:nth-of-type(2) i{transition-delay:.35s}
.aside-line{margin-top:30px}
.entry-link{position:relative}
.entry-link::after{content:'';position:absolute;left:22px;right:27px;bottom:3px;height:1px;background:#444;transform:scaleX(0) rotate(-.6deg);transform-origin:left;transition:transform .45s}
.entry-link:hover::after,.entry-link:focus-visible::after{transform:scaleX(1) rotate(-.6deg)}
.entry-link>span:first-child,.entry-link>span:last-child{transition:transform .35s,color .35s}
.entry-link:hover>span:first-child{transform:translateX(-3px);color:#111}
.entry-link:hover>span:last-child{transform:translateX(3px);color:#111}
.record-line::after{content:'›';position:absolute;left:-15px;top:24px;font:12px var(--mono);opacity:0;transform:translateX(-4px);transition:opacity .35s,transform .35s}
.record-line.is-current::after{opacity:1;transform:translateX(0)}
.record-line.is-current .line-number{color:#111}
.record-detail{min-height:124px}
.evidence-slip{margin-left:150px;padding:22px 0 0;border-top:1px solid #a9a9a1;position:relative}
.evidence-slip::before{content:'↳';position:absolute;left:-29px;top:19px;color:#666;font:18px var(--serif)}
.slip-head{display:flex;justify-content:space-between;gap:20px;font:8px/1.5 var(--mono);letter-spacing:.05em;color:#696961}
.slip-entries{display:grid;grid-template-columns:1fr 1fr;gap:35px;padding:27px 0 22px}
.slip-label{font:7px/1.5 var(--mono);color:#77776f;letter-spacing:.05em}
.slip-entries p{font:italic 24px/1.25 var(--serif);letter-spacing:-.02em;margin:10px 0}
.slip-source{font:8px/1.6 var(--mono);color:#6b6b63;display:block}
.slip-original p{transition:color .6s}
.evidence-slip[data-stage="2"] .slip-original p,.evidence-slip[data-stage="3"] .slip-original p{color:#74746e}
.slip-followup{border-left:1px solid var(--line);padding-left:30px}
.slip-note{font:11px/1.8 var(--sans);color:#606057;margin-bottom:0}
.record-footnote{padding-top:35px}
.reading-list a{position:relative;padding-block:29px;transition:padding .45s}
.reading-list a::before{content:'';position:absolute;bottom:-1px;left:0;right:0;height:1px;background:#222;transform:scaleX(0);transform-origin:left;transition:transform .65s cubic-bezier(.2,.7,.2,1)}
.reading-list a:hover::before,.reading-list a:focus-visible::before{transform:scaleX(1)}
.reading-list a:hover h3{text-decoration:none}
.reading-list a:hover,.reading-list a:focus-visible{padding-left:8px}
.reading-number{transition:color .45s,transform .45s}
.reading-list a:hover .reading-number{color:#111;transform:rotate(-7deg)}
.reading-summary{font:11px/1.8 var(--sans);color:#6d6d64;max-width:60ch;margin:10px 0 0}
.reading-postscript{display:flex;gap:18px;align-items:center;margin:25px 0 0;font:8px var(--mono);color:#6a6a60}
.reading-postscript>span{font:22px var(--serif);color:#222}
.closing{padding-top:90px}
.closing-stroke{display:block;width:115px;height:30px;margin:0 auto 35px;overflow:visible;fill:none;stroke:#222;stroke-width:1.2;stroke-linecap:round;transform:rotate(-3deg)}
.closing-stroke path:last-child{stroke:#888;stroke-width:.5}
.motion-ready .closing-stroke path{stroke-dasharray:180;stroke-dashoffset:180;transition:stroke-dashoffset 1.5s .2s ease}
.motion-ready .is-seen .closing-stroke path{stroke-dashoffset:0}
.page-footer>div{display:flex;gap:30px;align-items:center}
.page-footer>div a{text-decoration:none}
.footer-motion{border:0;background:none;padding:8px 0;font:8px var(--mono);color:var(--muted);text-decoration:underline;text-underline-offset:4px}
@keyframes rule-arrives{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes copy-arrives{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}
/* Pausing motion must leave content fully visible, even during arrival. */
html[data-still=true]{scroll-behavior:auto}
html[data-still=true] .opening-copy,html[data-still=true] .ink-field,html[data-still=true] .masthead::after{animation:none!important}
html[data-still=true] .section-frame::before,html[data-still=true] .closing::before,html[data-still=true] .continuity-thread i{transform:scaleX(1)!important}
html[data-still=true] .closing-stroke path{stroke-dashoffset:0!important}
html[data-still=true] .ink-field img{transform:none!important}
@media(min-width:1700px){.reading-position{right:35px}}
@media(max-width:1350px){.masthead::after{left:55px;right:55px}.evidence-slip{margin-left:120px}.ink-caption{margin-right:75px}}
@media(max-width:1000px){.masthead::after{left:35px;right:35px}.reading-position{display:none}.ink-caption{margin-right:45px}.evidence-slip{margin-left:85px}.continuity{gap:15px}.continuity-code{font-size:7px}.continuity-word{font-size:25px}.continuity-middle .continuity-word{font-size:29px}.slip-entries{gap:20px}.slip-followup{padding-left:20px}.slip-entries p{font-size:22px}}
@media(max-width:650px){.masthead::after{left:25px;right:25px}.edition{margin-left:18px;font-size:6px}.opening-bottom{margin-top:210px}.ink-caption{display:none}.scroll-note{max-width:none;font-size:6px;gap:9px}.section-index .margin-tick{width:20px;margin:0 0 0 auto}.continuity{gap:12px;margin-top:38px}.continuity-code{font-size:6px;letter-spacing:0}.continuity-word{font-size:24px}.continuity-middle .continuity-word{font-size:28px}.continuity-thread{min-width:10px}.record-line::after{top:22px;left:-12px;font-size:10px}.evidence-slip{margin-left:0;padding-top:20px}.evidence-slip::before{display:none}.slip-head{font-size:7px}.slip-entries{gap:17px;padding-top:23px}.slip-label{font-size:6px}.slip-entries p{font-size:21px}.slip-source{font-size:7px}.slip-followup{padding-left:16px}.slip-note{font-size:10px}.record-detail{min-height:133px}.reading-list a{padding-block:25px}.reading-summary{font-size:10px;line-height:1.75}.reading-postscript{font-size:7px}.closing{padding-top:55px}.closing-stroke{width:85px;margin-bottom:25px}.page-footer>div{gap:18px}.footer-motion{font-size:7px}}
@media(prefers-reduced-motion:reduce){.motion-ready .section-frame::before,.motion-ready .closing::before,.motion-ready .continuity-thread i{transform:scaleX(1)}.motion-ready .closing-stroke path{stroke-dashoffset:0}.ink-field img{transform:none}}