.viewer{z-index:200;background:var(--bg);opacity:0;touch-action:pan-y;grid-template-rows:1fr auto;grid-template-columns:4rem 1fr 4rem;align-items:center;transition:opacity .2s;display:grid;position:fixed;inset:0}.viewer.on{opacity:1}.viewer[hidden]{display:none}.v-fig{grid-area:1/2;justify-items:center;gap:.75rem;min-height:0;max-height:100svh;margin:0;padding:1rem 0;display:grid}.v-fig img{object-fit:contain;border:1.5px solid var(--fg);background:var(--bg);max-width:100%;max-height:calc(100svh - 8rem);padding:.5rem}.v-fig figcaption{font-family:var(--script);text-align:center;min-height:1.5em;font-size:1.3rem}.viewer button{font:inherit;background:var(--bg);color:var(--fg);border:1.5px solid var(--fg);cursor:pointer;border-radius:50%;justify-self:center;width:3rem;height:3rem;font-size:1.4rem}.v-prev{grid-area:1/1}.v-next{grid-area:1/3}.v-close{position:absolute;top:1rem;right:1rem}.viewer.single .v-prev,.viewer.single .v-next{visibility:hidden}.v-count{text-align:center;letter-spacing:.08em;color:var(--muted);grid-area:2/1/auto/-1;margin:0 0 1rem;font-size:1rem}@media (width<=640px){.viewer{grid-template-columns:2.5rem 1fr 2.5rem}.viewer button{width:2.4rem;height:2.4rem;font-size:1.1rem}}.draft-note{border:1.5px dashed var(--fg);text-align:center;margin:0 0 1.5rem;padding:.6rem 1rem;font-size:1rem}.article{--col:40rem;position:relative}.margins{z-index:0;pointer-events:none;display:none;position:fixed;inset:0;overflow:hidden}.margins:after{content:"";background:linear-gradient(to right, transparent 0, transparent calc(50% - 31rem), var(--bg) calc(50% - 22rem), var(--bg) calc(50% + 22rem), transparent calc(50% + 31rem), transparent 100%);position:absolute;inset:0}.m{width:calc(50vw - 8rem);position:absolute;top:0;bottom:0}.m-left{left:0}.m-right{right:0}@media (width>=1100px){.margins{display:block}}.a-head,.reading,.a-foot{z-index:1;position:relative}.a-head{padding-top:5.5rem}.a-cover{border-bottom:2px solid var(--fg);width:min(80rem,100%);height:clamp(18rem,58vh,38rem);margin:0 auto;position:relative;overflow:hidden}.a-cover img{object-fit:cover;object-position:50% 30%;filter:grayscale()contrast(1.05);will-change:transform;width:100%;height:118%;transition:filter 1.6s;display:block}.a-cover.color img{filter:none}.a-title{max-width:46rem;margin:0 auto;padding:1.5rem 1.25rem .5rem;position:relative}.has-cover .a-title{background:var(--bg);border:2px solid var(--fg);border-bottom:0;max-width:48rem;margin-top:-4.5rem;padding-top:2rem}.a-crumb{margin:0 0 .6rem;font-size:.95rem}.a-meta{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);flex-wrap:wrap;gap:.2rem 1.1rem;margin:0 0 .9rem;font-size:.82rem;display:flex}.a-meta span+span:before{content:"/";opacity:.5;margin-right:1.1rem}.a-h1{letter-spacing:-.005em;margin:0 0 .6rem;font-size:clamp(2.5rem,6.4vw,4.8rem);font-weight:500;line-height:1.04}.a-h1 .w{display:inline-block}.poem .a-title{text-align:center}.poem .a-meta{justify-content:center}.poem .a-h1{font-style:italic;font-weight:400}.article .reading{max-width:var(--col);counter-reset:chapter;margin:0 auto;padding:1.5rem 1.25rem 2rem;font-size:1.28rem;line-height:1.78}.article .reading p{margin:0 0 1.25em}.article .reading p.scene{margin-top:3.2rem}.article .reading p.scene:before{content:"⁂";text-align:center;letter-spacing:.5em;color:var(--muted);margin-bottom:1.4rem;font-size:1.6rem;display:block}.poem .reading{max-width:34rem}.article .reading h2{counter-increment:chapter;margin:4.2rem 0 1.4rem;padding-top:2.6rem;font-size:clamp(1.9rem,3.6vw,2.5rem);font-weight:500;line-height:1.1;text-decoration:none;position:relative}.article .reading h2:before{content:counter(chapter, decimal-leading-zero);opacity:.1;font-size:5.4rem;font-weight:500;line-height:1;position:absolute;top:-1rem;left:-.1rem}.article .reading h2:after{content:"";background:var(--fg);transform-origin:0;width:100%;height:2px;margin-top:.7rem;transition:transform 1.1s cubic-bezier(.65,0,.25,1);display:block;transform:scaleX(0)}.article .reading h2.in:after,html:not(.anim) .article .reading h2:after{transform:scaleX(1)}.article .reading blockquote{color:var(--fg);border:0;margin:3rem -2.5rem;padding:.4rem 1.5rem .4rem 3rem;position:relative}.article .reading blockquote:before{content:"“";font-family:var(--display);opacity:.18;font-size:6rem;line-height:1;position:absolute;top:-1.4rem;left:.2rem}.article .reading blockquote:after{content:"";background:var(--fg);transform-origin:50% 0;width:3px;transition:transform 1.1s cubic-bezier(.65,0,.25,1);position:absolute;top:.4rem;bottom:.4rem;left:0;transform:scaleY(0)}.article .reading blockquote.in:after,html:not(.anim) .article .reading blockquote:after{transform:scaleY(1)}.article .reading blockquote p{font-family:var(--display);margin:0 0 .8rem;font-size:clamp(1.8rem,3.6vw,2.6rem);font-style:italic;line-height:1.25}.article .reading blockquote cite{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-size:.9rem;font-style:normal;display:block}.article .reading>figure.wp-block-image{--sx:0rem;background:color-mix(in srgb, var(--bg) 94%, #fff);border:1px solid var(--line);translate:var(--sx) 0;rotate:var(--tilt,0deg);margin:3.2rem -5rem;padding:.7rem;position:relative}.article .reading>figure.wp-block-image.alignwide{margin-inline:-11rem}.article .reading>figure.wp-block-image .frame{display:block;overflow:hidden}.article .reading>figure.wp-block-image img{aspect-ratio:4/5;object-fit:cover;object-position:50% 25%;filter:grayscale()contrast(1.05);border-radius:0;width:100%;height:auto;max-height:80vh;transition:filter 1.4s;display:block}.article .reading>figure.wp-block-image.alignwide img{aspect-ratio:3/2}.article .reading>figure.wp-block-image.color img{filter:none}.article .reading>figure.wp-block-image:before,.article .reading>figure.wp-block-image:after{content:"";border:2px solid var(--fg);pointer-events:none;width:1.6rem;height:1.6rem;transition:translate .8s cubic-bezier(.2,.8,.2,1);position:absolute}.article .reading>figure.wp-block-image:before{border-bottom:0;border-right:0;top:-.5rem;left:-.5rem}.article .reading>figure.wp-block-image:after{border-top:0;border-left:0;bottom:-.5rem;right:-.5rem}.article .reading>figure.wp-block-image figcaption{font-family:var(--display);color:var(--muted);margin:.7rem .2rem .1rem;font-size:1rem;font-style:italic}@media (width<=1100px){.article .reading>figure.wp-block-image,.article .reading>figure.wp-block-image.alignwide{margin-inline:0;translate:none}.article .reading blockquote{margin-inline:0}}@media (width<=640px){.article .reading{font-size:1.14rem}.article .reading h2:before{font-size:4rem}.a-title{padding-inline:1rem}.has-cover .a-title{margin-top:-2.5rem}}@media (prefers-reduced-motion:reduce){.a-cover img,.article .reading>figure.wp-block-image img{filter:none}.article .reading h2:after,.article .reading blockquote:after{transform:none}}html:not(.anim) .a-cover img,html:not(.anim) .article .reading>figure.wp-block-image img{filter:none}.a-foot{text-align:center;max-width:56rem;margin:2rem auto 0;padding:1rem 1.25rem 0}.end-flourish{width:min(18rem,70%);height:1.5rem;color:var(--fg);margin:0 auto 1.5rem;display:block}.a-next{text-align:left;grid-template-columns:1fr 1fr;gap:1.2rem;margin:2.2rem 0 0;display:grid}.next-card{border:1.5px solid var(--fg);color:var(--fg);gap:.5rem;padding:1.3rem 1.4rem;text-decoration:none;transition:translate .3s,box-shadow .3s,background .3s,color .3s;display:grid;position:relative}.next-card:last-child:not(:only-child){text-align:right}.next-card:hover,.next-card:focus-visible{background:var(--fg);color:var(--bg);translate:0 -5px;box-shadow:0 12px 22px #00000029}.nc-dir{letter-spacing:.12em;text-transform:uppercase;opacity:.7;font-size:.82rem}.nc-title{font-family:var(--display);font-size:clamp(1.3rem,2.6vw,1.8rem);line-height:1.15}@media (width<=640px){.a-next{grid-template-columns:1fr}.next-card:last-child:not(:only-child){text-align:left}}.remaining{z-index:40;background:var(--bg);border:1.5px solid var(--fg);letter-spacing:.06em;text-transform:uppercase;margin:0;padding:.3rem .85rem;font-size:.88rem;transition:opacity .4s;position:fixed;bottom:1.2rem;left:1.2rem}.remaining[hidden]{display:none}@media (width<=640px){.remaining{bottom:.6rem;left:.6rem}}.anim:not(.ready) :is(.article .reading>p,.article .reading figure,.a-meta,.a-next,.a-h1){opacity:0}