@layer reset,base,layout,components,writing,reader,type,motion,print;@layer reader{.fig{margin-block:2.4em;padding-block:1rem 0;border-top:var(--hair) solid var(--ink-3)}.piece-text>figure.fig.wide{--figure: min(56rem, 100cqi);inline-size:var(--figure);margin-inline:calc((100% - var(--figure)) / 2)}.image-hero>figure.fig{inline-size:min(56rem,100%);margin:0 auto}:is(.entry,.card) .fig-thumb{display:block;overflow:hidden;filter:none;background:var(--paper)}.fig-thumb svg{display:block;inline-size:100%;block-size:100%}.card .fig-thumb svg{block-size:auto}.fig figcaption{margin-top:.9rem;color:var(--ink-2);text-align:center;text-wrap:balance}.fig :is(ol,ul){margin:0;padding:0;list-style:none}.fig li,.fig li+li{margin:0}:where(.fig) button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer;border-radius:var(--radius)}:where(.fig) :is(button,input):focus-visible{outline:var(--hair) solid var(--accent);outline-offset:3px}.fig-play{color:var(--accent-ink)}.fig-play:hover{color:var(--accent)}.fig-pill{padding:.55rem .95rem;border:var(--hair) solid var(--accent);border-radius:2rem;color:var(--accent-ink)}.fig-pill:hover{background:color-mix(in oklab,var(--accent) 10%,transparent)}.fig-pill:disabled{border-color:var(--line);color:var(--ink-3);cursor:default;background:none}.fig-views{display:inline-flex;gap:.2rem;padding:.2rem;border:var(--hair) solid var(--line);border-radius:2rem}.fig-views button{padding:.4rem .9rem;border-radius:2rem;color:var(--ink-2);transition:background-color .2s ease,color .2s ease}.fig-views button:hover{color:var(--ink)}.fig-views [aria-pressed=true]{background:var(--ink);color:var(--paper)}.switch{display:inline-flex;align-items:center;gap:.6rem;color:var(--ink-2);cursor:pointer}.switch input{appearance:none;inline-size:2.4rem;block-size:1.35rem;margin:0;border-radius:1rem;background:var(--line);position:relative;cursor:pointer;transition:background-color .2s ease}.switch input:after{content:"";position:absolute;inset:.18rem auto .18rem .18rem;inline-size:1rem;border-radius:50%;background:var(--paper);transition:translate .22s cubic-bezier(.2,.7,.2,1)}.switch input:checked{background:var(--accent)}.switch input:checked:after{translate:1.05rem 0}.fig-controls{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.6rem 1.4rem;margin-top:.6rem}.fig-controls input[type=range]{inline-size:100%;accent-color:var(--accent)}.fig-numbers{margin-top:.8rem;color:var(--ink-2)}.fig-numbers summary{cursor:pointer}.fig-numbers table{margin-top:.6rem;inline-size:auto}.fig-small{color:var(--ink-2)}.fig-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.6rem 1.5rem}.fig-read{flex:1 1 18rem;min-block-size:3em;margin:0;color:var(--ink)}.fig-key{display:flex;flex-wrap:wrap;gap:.3rem 1.1rem;color:var(--ink-2)}.fig-key li{display:inline-flex;align-items:center;gap:.4rem;cursor:default}.fig-key i{inline-size:.8rem;block-size:.8rem;border-radius:2px}.fig .plot{display:block;inline-size:100%;block-size:auto;margin-top:.4rem;overflow:visible;touch-action:pan-y}.fig .plot .grid{stroke:var(--line);stroke-width:1}.fig .plot .axis{stroke:var(--ink-3);stroke-width:1.2}.fig .plot :is(.tick,.axis-label){fill:var(--ink-2)}.fig .plot .cursor{stroke:var(--ink-3);stroke-dasharray:2 3;opacity:0}.fig.pointing .plot .cursor{opacity:1}.fig[data-pick] [data-pick-of]{opacity:.22;transition:opacity .2s ease}.fig[data-pick="0"] [data-pick-of="0"],.fig[data-pick="1"] [data-pick-of="1"],.fig[data-pick="2"] [data-pick-of="2"],.fig[data-pick="3"] [data-pick-of="3"],.fig[data-pick="4"] [data-pick-of="4"]{opacity:1}@media(prefers-reduced-motion:reduce){.fig *,.fig *:before,.fig *:after{transition-duration:0s!important;transition-delay:0s!important;animation:none!important}}}@layer type{:where(.fig-display){font-family:var(--font-display);font-size:var(--t-d3);font-weight:300;line-height:1;font-variant-numeric:oldstyle-nums}.fig .plot :is(.tick,.axis-label){font:400 13px var(--font-text);font-variant-numeric:lining-nums tabular-nums}@media(width<40rem){.fig .plot :is(.tick,.axis-label){font-size:22px}}}

@layer reset,base,layout,components,writing,reader,type,motion,print;@layer reader{.banner-ad{display:flex;flex-wrap:wrap;align-items:center;gap:.9rem 1.2rem;padding:.9rem .9rem .9rem 1.3rem;border:1.5px solid var(--ink);border-radius:4px;background:color-mix(in oklab,var(--ink) 4%,var(--paper))}.banner-ask{flex:1 1 15rem;margin:0}.banner-here{color:var(--accent-ink);text-decoration:underline 2px;text-underline-offset:.2em}.banner-here:hover{color:var(--accent)}.banner-arrow{position:relative;flex:1 1 3rem;max-inline-size:9rem;block-size:1.5px;background:var(--accent)}.banner-arrow:after{content:"";position:absolute;right:-1px;top:-4px;inline-size:8px;block-size:8px;border-top:1.5px solid var(--accent);border-right:1.5px solid var(--accent);rotate:45deg}.banner-answer{display:grid;justify-items:center;margin:0;padding:.45rem .8rem;border-radius:3px;background:var(--ink);color:var(--paper);text-align:center}.banner.answered .banner-answer{background:var(--accent);animation:banner-answered .6s cubic-bezier(.2,1.4,.4,1) both}@keyframes banner-answered{0%{scale:.7}}}@layer type{:where(.banner-ask){font-family:var(--font-text);font-size:var(--t-d5);font-weight:600;line-height:1.2}:where(.banner-here){font-weight:800;letter-spacing:.04em}:where(.banner-answer){font-family:var(--font-text);font-size:var(--step--1);font-weight:700;line-height:1.1;letter-spacing:.14em;text-transform:uppercase}}

@layer reset,base,layout,components,writing,reader,type,motion,print;@layer reader{.plate-head{display:flex;align-items:baseline;gap:1rem;margin-bottom:.9rem}.plate-number{color:var(--ink-2)}.plate-notes{margin-left:auto;color:var(--ink-2)}.plate-notes:hover,.plate-notes[aria-pressed=true]{color:var(--accent-ink)}.plate-view{position:relative;overflow:hidden;border-radius:var(--radius)}.plate-zoom{--zoom: 1;position:relative;transform-origin:0 0;transition:transform .9s cubic-bezier(.2,.7,.2,1)}.piece-text>figure.fig.plate{--natural: 56rem;--figure: min(56rem, 100cqi, var(--natural))}.plate .plate-zoom img{inline-size:100%;max-inline-size:none;block-size:auto;max-block-size:none;margin:0;filter:grayscale(1) contrast(1.04) var(--image-filter)}.plate:focus{outline:none}.plate-mark{--i: 0;position:absolute;display:grid;place-items:center;inline-size:2rem;block-size:2rem;translate:-50% -50%;border-radius:50%;border:var(--hair) solid var(--accent);background:color-mix(in oklab,var(--paper) 86%,transparent);color:var(--accent-ink);transform:scale(calc(var(--k, 1) / var(--zoom, 1)));transition:transform .9s cubic-bezier(.2,.7,.2,1),background-color .2s ease,color .2s ease,opacity .3s ease,inline-size .3s ease,block-size .3s ease}.stepping .plate-mark{cursor:pointer}.plate-mark:hover,.plate-mark.on{--k: 1.12;background:var(--accent);color:var(--paper)}.plate.zoomed .plate-mark.on{--k: 1;inline-size:3.6rem;block-size:3.6rem;background:transparent;color:transparent;border-width:2px;box-shadow:0 0 0 1px color-mix(in oklab,var(--paper) 55%,transparent)}.plate.zoomed .plate-mark:not(.on){opacity:0;pointer-events:none}.plate.zoomed .plate-view{cursor:zoom-out}.plate-whole{position:absolute;inset-block-start:.75rem;inset-inline-end:.75rem;display:inline-flex;align-items:center;gap:.45rem;padding:.5rem .9rem .5rem .7rem;border:var(--hair) solid color-mix(in oklab,var(--ink) 22%,transparent);border-radius:2rem;background:color-mix(in oklab,var(--paper) 92%,transparent);color:var(--ink);box-shadow:0 2px 12px color-mix(in oklab,var(--ink) 20%,transparent);visibility:hidden;opacity:0;translate:0 -.4rem;transition:opacity .22s ease,translate .22s ease,visibility 0s linear .22s}.plate.zoomed .plate-whole{visibility:visible;opacity:1;translate:none;transition-delay:.35s,.35s,0s}.plate-whole:hover{color:var(--accent-ink);border-color:var(--accent)}.plate-whole svg{inline-size:1.05rem;block-size:1.05rem;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round}.plate.breathe:not(.zoomed) .plate-mark{animation:mark-breathe 1s cubic-bezier(.3,.7,.3,1) calc(.25s + var(--i) * .16s) both}@keyframes mark-breathe{40%{scale:1.3}}.plate.bare .plate-mark{opacity:0;pointer-events:none}.plate-key{display:grid;gap:.45rem;margin:1rem 0 0;padding:0;list-style:none}.plate-key li{display:grid;grid-template-columns:1.6rem minmax(0,1fr);gap:.6rem}.plate-numeral{color:var(--accent-ink);text-align:center}.plate-key dfn{font-style:normal}.stepping .plate-key li:not(.on){display:none}.stepping .plate-key .plate-intro{grid-template-columns:minmax(0,1fr)}.plate.bare .plate-key{visibility:hidden}.plate-steps{display:flex;align-items:center;justify-content:flex-end;gap:.3rem;margin-top:.5rem;color:var(--ink-2);white-space:nowrap}.plate-steps button{display:grid;place-items:center;inline-size:2.25rem;block-size:2.25rem;border-radius:50%;color:var(--ink-2)}.plate-steps button:hover{color:var(--accent-ink);background:color-mix(in oklab,var(--ink) 6%,transparent)}}@layer type{:where(.plate-title){font-family:var(--font-display);font-size:var(--t-d6);font-style:italic;font-weight:400;line-height:1.3}:where(.plate-key li){font-family:var(--font-display);font-size:var(--t-d6);font-style:italic;font-weight:400;line-height:1.4}:where(.plate-mark,.plate-numeral){font-family:var(--font-display);font-size:1.15rem;font-style:italic;font-weight:500;line-height:1}}

@layer reset,base,layout,components,writing,reader,type,motion,print;@layer reader{.titlecard-card{position:relative;display:grid;justify-items:start;align-content:center;gap:.2rem;min-block-size:15rem;padding:2.2rem 2.6rem;overflow:hidden;border-radius:var(--radius);background:var(--ink);color:var(--paper)}.titlecard-card:after{content:"";position:absolute;inset:0;opacity:.16;mix-blend-mode:overlay;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23g)'/%3E%3C/svg%3E")}.titlecard-title span{display:block}.titlecard.waiting .titlecard-card{opacity:0}.titlecard.flicker .titlecard-card{animation:card-flicker 1.3s steps(1,end) both}.titlecard.iris .titlecard-card{justify-items:center;background:repeating-radial-gradient(circle at 50% 50%,var(--ink) 0 2.2rem,color-mix(in oklab,var(--ink) 82%,var(--paper)) 2.2rem 4.4rem)}.titlecard.iris.flicker .titlecard-card{animation:card-iris 1.5s cubic-bezier(.5,0,.2,1) both}@keyframes card-iris{0%{clip-path:circle(0% at 50% 50%)}to{clip-path:circle(75% at 50% 50%)}}@keyframes card-flicker{0%{opacity:0}9%{opacity:.85}14%{opacity:.15}22%{opacity:1}30%{opacity:.4}36%{opacity:1}62%{opacity:.8}66%,to{opacity:1}}}@layer type{:where(.titlecard-small){font-family:var(--font-display);font-size:var(--t-d3);font-style:italic;font-weight:300;line-height:1}:where(.titlecard-title){font-family:var(--font-display);font-size:var(--t-d1);font-weight:400;line-height:.92;letter-spacing:.04em;text-transform:uppercase}.titlecard.script .titlecard-title{font-style:italic;font-size:calc(var(--t-d1) * 1.35);text-transform:none;letter-spacing:0}}