@property --near{syntax:"<number>";inherits:false;initial-value:0}:root{--paper:#f4f6ef;--paper-shade:#e7ecdd;--ink:#262b24;--ink-soft:#626b5b;--accent:#4b7a3f;--rule:color-mix(in oklab, var(--ink) 20%, transparent);--face:"Klee One", "Hiragino Mincho ProN", serif}*,:before,:after{box-sizing:border-box}html{background:var(--paper)}body{color:var(--ink);font-family:var(--face);-webkit-font-smoothing:antialiased;margin:0;font-size:1.0625rem;font-weight:400;line-height:1.95}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.sheet{flex-direction:column;gap:clamp(2.5rem,6vw,4.5rem);max-width:62rem;min-height:100vh;margin:0 auto;padding:clamp(1.75rem,5vw,4rem) clamp(1.5rem,5vw,3.5rem) clamp(2rem,5vw,3.5rem);display:flex}.sheet__switch{justify-content:flex-end;display:flex}.sheet__switch button{color:var(--accent);letter-spacing:.02em;cursor:pointer;text-underline-offset:.35em;background:0 0;border:0;padding:0;font-family:inherit;font-size:.8125rem;text-decoration:underline;text-decoration-thickness:1px}.spread{grid-template-columns:minmax(0,.9fr) minmax(0,1fr);align-items:start;gap:clamp(2rem,5vw,4.5rem);margin-block:auto;display:grid}.name{letter-spacing:0;margin:0;font-size:clamp(3.5rem,9vw,7rem);font-weight:600;line-height:1.15;animation:1.1s cubic-bezier(.2,.75,.2,1) backwards name-settle}@keyframes name-settle{0%{letter-spacing:.07em}to{letter-spacing:0}}.name__glyph{--near:0;transform-origin:50% 78%;color:color-mix(in oklab, var(--accent) calc(var(--near) * 100%), var(--ink));transform:translateY(calc(var(--near) * -.055em)) scale(calc(1 + var(--near) * .05));animation:.85s cubic-bezier(.2,.75,.2,1) backwards glyph-in;animation-delay:calc(var(--i) * 80ms);transition:color .3s ease-out,transform .3s ease-out;display:inline-block}@keyframes glyph-in{0%{opacity:0;transform:translateY(.16em)}to{opacity:1;transform:none}}.spread__leaf{flex-direction:column;gap:clamp(2rem,4vw,3rem);padding-left:clamp(2rem,5vw,4.5rem);display:flex;position:relative}.spread__leaf:before{content:"";background:var(--rule);transform-origin:top;width:1px;animation:.9s cubic-bezier(.3,.8,.2,1) .1s backwards rule-draw;position:absolute;top:0;bottom:0;left:0}@keyframes rule-draw{0%{transform:scaleY(0)}to{transform:scaleY(1)}}.block{max-width:32rem;animation:.7s ease-out backwards block-in;animation-delay:calc(.42s + var(--i) * .11s)}@keyframes block-in{0%{opacity:0;transform:translateY(.5rem)}to{opacity:1;transform:none}}.block__label{color:var(--ink-soft);letter-spacing:.06em;margin:0 0 .4rem;font-size:.8125rem;font-weight:400}.prose{max-width:30rem;margin:.35rem 0 0}.prose--pending{color:var(--ink-soft)}.where{gap:.2rem;margin:.6rem 0 0;display:grid}.where__row{grid-template-columns:7rem minmax(0,1fr);align-items:baseline;display:grid}.where dt{color:var(--ink-soft);font-size:.875rem}.where dd{margin:0}.where a{color:var(--accent);text-underline-offset:.3em;text-decoration:underline;text-decoration-thickness:1px;transition:text-decoration-thickness .14s ease-out,text-underline-offset .14s ease-out}.where a:hover{text-underline-offset:.22em;text-decoration-thickness:2px}.colophon{color:var(--ink-soft);letter-spacing:.03em;font-size:.75rem}html[lang=en] .block__label,html[lang=en] .colophon{letter-spacing:.01em}@media (width<=48rem){.spread{grid-template-columns:minmax(0,1fr);margin-block:0}.spread__leaf{padding-top:clamp(1.75rem,6vw,2.5rem);padding-left:0}.spread__leaf:before{transform-origin:0;width:auto;height:1px;animation-name:rule-draw-x;bottom:auto;right:0}@keyframes rule-draw-x{0%{transform:scaleX(0)}to{transform:scaleX(1)}}}@media (prefers-reduced-motion:reduce){.name,.name__glyph,.spread__leaf:before,.block{animation:none}.name__glyph,.where a{transition:none}}