html:has(.reader[open]){overflow:hidden}.mast{margin-top:40px;text-align:center}.mast .kicker{font-size:12px;letter-spacing:.3em;text-transform:uppercase;color:var(--soft)}.mast h1{font:600 clamp(44px,9vw,84px) / 1 var(--font-prose);letter-spacing:-.02em;margin:10px 0 18px}.edition{text-align:center;font-size:12px;color:var(--soft);font-variant-numeric:tabular-nums;padding:6px 0;border-top:3px solid var(--ink);border-bottom:var(--hair) solid var(--ink);box-shadow:0 -5px 0 -4px var(--ink)}.folio{margin-top:40px;padding-top:8px;border-top:var(--hair) solid var(--ink);display:flex;justify-content:space-between;font-size:12px;color:var(--soft)}.chrono{--spine: 104px;--stagger: 76px;--pin: 25px;position:relative;margin-top:40px;padding-bottom:24px}.chrono:before,.chrono:after{content:"";position:absolute;top:0;bottom:0;left:50%;mask-image:linear-gradient(transparent,#000 48px,#000 calc(100% - 48px),transparent)}.chrono:before{border-left:var(--hair) solid var(--soft)}.chrono:after{width:9px;translate:-4px 0;background:repeating-linear-gradient(to bottom,var(--soft) 0 1px,transparent 1px 8px);opacity:.35}.era{position:relative;display:grid;grid-template-columns:1fr var(--spine) 1fr;margin-top:34px}.era>h2{grid-area:1 / 2;align-self:start;justify-self:center;position:sticky;top:16px;z-index:2;margin:0;padding:calc(var(--pin) - 11.5px) 9px;border:0;background:var(--bg);font:600 23px/1 var(--font-prose);font-variant-numeric:lining-nums tabular-nums;letter-spacing:.01em}.era>h2:before,.era>h2:after{content:"";position:absolute;left:50%;width:22px;translate:-50% 0;border-top:var(--hair) solid var(--ink)}.era>h2:before{top:0}.era>h2:after{bottom:0}.side{grid-row:1;display:flex;flex-direction:column;gap:16px}.side.left{grid-column:1}.side.right{grid-column:3}.era[data-starts=left] .side.right,.era[data-starts=right] .side.left{padding-top:var(--stagger)}.chrono .slug:before,.chrono .slug:after{content:"";position:absolute;top:var(--pin)}.chrono .slug:before{width:calc(var(--spine) / 2 - 8px);border-top:var(--hair) solid var(--soft);opacity:.6}.chrono .slug:after{width:7px;height:7px;margin-top:-3.5px;border-radius:50%;background:var(--bg);box-shadow:inset 0 0 0 1.5px var(--accent);z-index:1}.mail:is(:hover,:focus-visible) .slug:after{background:var(--accent)}.side.left .slug:before{left:calc(100% - 6px)}.side.left .slug:after{left:calc(100% - 14px + var(--spine) / 2 - 3.5px)}.side.right .slug:before{right:calc(100% - 6px)}.side.right .slug:after{right:calc(100% - 14px + var(--spine) / 2 - 3.5px)}.side.left .mail{text-align:right}.side.left .slug{justify-content:flex-end}.mail h3{width:fit-content}.side.left .mail h3{margin-left:auto}.side.right .sig{text-align:left}@media(max-width:720px){.chrono{--spine: 34px;--rule: 6px}.chrono:before,.chrono:after{left:var(--rule)}.era{display:flex;flex-direction:column;padding-left:var(--spine)}.side{display:contents}.era>h2{order:-1;position:static;align-self:flex-start;margin:0 0 4px calc(-1 * var(--spine));padding:6px 12px 7px 0}.era>h2:before,.era>h2:after{left:var(--rule)}.era .mail+.mail{margin-top:14px}.side.left .mail,.side.left .sig,.mail .ex{text-align:left}.side.left .slug{justify-content:flex-start}.side.left .mail h3{margin-left:0}.chrono .side .slug:before{left:auto;right:calc(100% - 8px);width:calc(var(--spine) - var(--rule) - 6px)}.chrono .side .slug:after{left:auto;right:calc(100% + var(--spine) - var(--rule) - 17.5px)}}.mail{display:block;position:relative;isolation:isolate;break-inside:avoid;color:var(--ink);background:none;padding:14px 14px 18px;margin:0 -14px 10px;width:calc(100% + 28px)}.mail:hover{color:var(--ink)}.mail:focus-visible:after{content:none}.mail .paper{position:absolute;inset:0;z-index:-1}.mail:hover .paper{background:var(--code-bg)}@media(prefers-reduced-motion:no-preference){.mail .paper{transition:background-color .2s}}.mail:focus-visible .paper{--c: var(--accent)}.sheet .paper{--c: var(--soft)}.mail:focus-visible .paper:after,.sheet .paper:after{content:"";position:absolute;inset:-4px;pointer-events:none;background:linear-gradient(var(--c),var(--c)) 0 0 / 9px 1.5px,linear-gradient(var(--c),var(--c)) 0 0 / 1.5px 9px,linear-gradient(var(--c),var(--c)) 100% 0 / 9px 1.5px,linear-gradient(var(--c),var(--c)) 100% 0 / 1.5px 9px,linear-gradient(var(--c),var(--c)) 0 100% / 9px 1.5px,linear-gradient(var(--c),var(--c)) 0 100% / 1.5px 9px,linear-gradient(var(--c),var(--c)) 100% 100% / 9px 1.5px,linear-gradient(var(--c),var(--c)) 100% 100% / 1.5px 9px;background-repeat:no-repeat}.slug{display:flex;gap:1ch;font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--soft);font-variant-numeric:tabular-nums}.slug .list{color:var(--accent);font-weight:600}.mail h3{font:600 21px/1.2 var(--font-prose);margin:6px 0 8px;padding:0;border:0}.mail .ex{font:400 16px/1.55 var(--font-prose);text-align:justify;hyphens:auto}.mail .ex:before{content:"“"}.mail .ex:after{content:"”"}.sig{margin-top:8px;text-align:right;font:italic 400 15px var(--font-prose);color:var(--soft)}.mail-full{display:none}.reader .mail-full{display:block}.reader{width:auto;height:auto;max-width:none;max-height:none;margin:0;border:0;background:none;color:var(--ink);padding:32px 16px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}.reader[open]{display:grid}.reader::backdrop{background:light-dark(color-mix(in srgb,var(--bg) 72%,transparent),color-mix(in srgb,var(--bg) 78%,transparent));backdrop-filter:blur(3px) saturate(.6)}.reader:focus{outline:none}.sheet{position:relative;isolation:isolate;width:min(680px,100%);margin:auto}.sheet .paper{position:absolute;inset:0;z-index:-1;background:var(--code-bg);box-shadow:0 1px 0 var(--rule),0 24px 60px -12px light-dark(color-mix(in srgb,var(--ink) 18%,transparent),rgb(0 0 0 / .5)),0 0 0 var(--hair) var(--rule)}.sheet .body{padding:36px 44px 32px}.sheet .body:focus{outline:none}.sheet .body:focus-visible:after{content:none}@media(max-width:560px){.sheet .body{padding:28px 20px 24px}}.mail-full h2{font:600 clamp(26px,4.4vw,36px) / 1.15 var(--font-prose);margin:10px 0 18px;padding:0;border:0}.headers{font-size:12.5px;line-height:1.6;color:var(--soft);border-top:var(--hair) solid var(--rule);border-bottom:var(--hair) solid var(--rule);padding:8px 0;margin-bottom:22px;display:grid;grid-template-columns:max-content 1fr;gap:0 1.5ch}.headers dt{color:var(--ink)}.headers dd{overflow-wrap:anywhere}.passage p{font:400 18px/1.62 var(--font-prose);margin-bottom:.9em;hyphens:auto}.passage p.cut{text-align:center;color:var(--soft);font-family:var(--font-mono);font-size:13px}.passage .initial{float:left;margin:0;padding:0 .08em 0 0;font-size:3.449em;font-weight:600;line-height:.919}@supports (-moz-appearance: none){.passage .initial{position:relative;top:-.75px}}.foot{margin-top:24px;display:flex;justify-content:space-between;align-items:baseline;gap:16px;font-size:13px;color:var(--soft);flex-wrap:wrap}.close{font:inherit;font-size:12px;color:var(--soft);background:none;border:var(--hair) solid var(--rule);padding:1px 7px;cursor:pointer}.close:hover{color:var(--ink);border-color:var(--soft)}.sheet .close{position:absolute;z-index:1;top:12px;right:14px}@media(hover:none){.hint{display:none}}.reader[open] .sheet .paper{view-transition-name:sheet}.reader[open] .sheet .body{view-transition-name:body}.reader[open] .sheet h2{view-transition-name:head}::view-transition-old(head),::view-transition-new(head){height:100%;object-fit:contain;object-position:left top}@media(prefers-reduced-motion:no-preference){::view-transition-group(sheet),::view-transition-group(head){animation-duration:.42s;animation-timing-function:cubic-bezier(.2,.8,.2,1)}::view-transition-group(root){animation-duration:.3s}::view-transition-new(body){animation-delay:.12s;animation-duration:.2s;animation-fill-mode:both}::view-transition-old(body){animation-duration:.12s}}@media screen and (prefers-reduced-motion:no-preference){.chrono .slug:after{transition:background-color .2s,scale .2s}.mail:is(:hover,:focus-visible) .slug:after{scale:1.35}@supports (animation-timeline: view()){.chrono .mail{animation:surface linear both;animation-timeline:view();animation-range:entry 0% entry 70%}}}@keyframes surface{0%{opacity:0;translate:0 14px}}