:root{--ground:#fbfbfa;--ink:#111110;--muted:#6b6b66;--chrome:#fff;--chrome-muted:#b0b0b0;--gutter:10px;--inset:20px;--margin:40px;--beat:80px;--display-size:clamp(40px, 4cqi, 60px);--body-size:clamp(20px, 1.72cqi, 26px);--shelf-size:clamp(18px, 1.4cqi, 22px);--measure:24em;--offset:16.667%;--object-scale:.6;--index-area:.75}[data-theme=black]{--ground:#000;--ink:#fbfbfa;--muted:#82827d}@layer reset{*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:none;text-size-adjust:none}body{margin:0}img,video{max-inline-size:none;display:block}button{color:inherit;font:inherit;text-align:inherit;cursor:inherit;background:0 0;border:0;margin:0;padding:0}a{color:inherit;text-decoration:none}[hidden]{display:none!important}.visually-hidden{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:fixed;top:0;left:0;overflow:hidden}}@layer site{html{background:var(--ground);color-scheme:light;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.site{background:var(--ground);min-block-size:100dvh;color:var(--ink);font:400 14px/20px var(--font-kozo);touch-action:manipulation;container:page/inline-size}.frame{--g:0px;--o:0px;--fit:1;isolation:isolate;inline-size:100%;block-size:var(--frame-h,100dvh);background:var(--ground);color:var(--ink);position:relative;overflow:hidden}.frame[data-gap=gutter]{--g:var(--gutter)}.frame:not([data-gap=gutter]){--o:1px}.frame[data-scale=object]{--fit:var(--object-scale)}.frame-area{place-items:center;display:grid;position:absolute;inset:0;container-type:size}.frame:is([data-scale=page],[data-scale=object]) .frame-area{inset:var(--beat) var(--margin)}.frame-set{gap:var(--g);display:flex}.frame-set>*{block-size:auto;inline-size:auto;aspect-ratio:var(--a);object-fit:cover;flex:none;display:block}.frame-set>picture>img{object-fit:cover;block-size:100%;inline-size:100%}.frame:not([data-gap=gutter]):not([data-arrange=free]) .frame-set>[data-slot]:not([data-slot="0"]){margin-inline-start:calc(-1 * var(--o))}.frame:not([data-gap=gutter])[data-arrange=stack] .frame-set>[data-slot]:not([data-slot="0"]){margin-block-start:calc(-1 * var(--o));margin-inline-start:0}html[data-deep] [data-viewer]>.frame{visibility:hidden}.loop{position:relative;overflow:hidden}.loop>video,.loop-still,.loop-still>img{object-fit:cover;block-size:100%;inline-size:100%;position:absolute;inset:0}.frame:not([data-scale=cover]):is([data-arrange=one],[data-arrange=row],[data-arrange=three]) .frame-set{block-size:min(100cqh * var(--fit), (100cqw * var(--fit) + (var(--n) - 1) * (var(--o) - var(--g))) / var(--ar))}.frame:not([data-scale=cover]):is([data-arrange=one],[data-arrange=row],[data-arrange=three]) .frame-set>*{block-size:100%}.frame:not([data-scale=cover])[data-arrange=stack] .frame-set{inline-size:min(100cqw * var(--fit), (100cqh * var(--fit) + (var(--n) - 1) * (var(--o) - var(--g))) * var(--ars));flex-direction:column}.frame:not([data-scale=cover])[data-arrange=stack] .frame-set>*{inline-size:100%}.frame[data-scale=cover] .frame-set{block-size:100cqh;inline-size:100cqw}.frame[data-scale=cover] .frame-set>*{aspect-ratio:auto;flex:1 1 0;block-size:100%;min-block-size:0;min-inline-size:0}.frame[data-scale=cover][data-arrange=stack] .frame-set{flex-direction:column}.frame[data-scale=cover][data-arrange=stack] .frame-set>*{block-size:auto;inline-size:100%}.frame[data-arrange=free] .frame-set{aspect-ratio:var(--stage);inline-size:auto;block-size:min(100cqh * var(--fit), 100cqw * var(--fit) / var(--stage));display:block;position:relative}.frame[data-arrange=free] .frame-set>*{left:var(--x);top:var(--y);inline-size:var(--w);block-size:auto;aspect-ratio:var(--a);position:absolute}.frame-under{z-index:-1;position:absolute;inset:0}.frame-under>*,.frame-under>picture>img{object-fit:cover;block-size:100%;inline-size:100%;display:block}.viewer-step{-webkit-tap-highlight-color:transparent;inline-size:50%;position:fixed;inset-block:0}.viewer-step[data-step="-1"]{cursor:w-resize;inset-inline-start:0}.viewer-step[data-step="1"]{cursor:e-resize;inset-inline-end:0}.viewer-step:focus-visible{outline:none}.chrome{display:contents}.chrome>*{z-index:1;mix-blend-mode:difference;color:var(--chrome);font:400 14px/20px var(--font-kozo);white-space:nowrap;margin:0;position:fixed}.chrome-index{top:var(--inset);right:var(--inset);cursor:pointer}.chrome-title{bottom:var(--inset);left:50%;translate:-50%}.chrome-meta{bottom:var(--inset);right:var(--inset);gap:var(--margin);color:var(--chrome-muted);pointer-events:none;display:flex}.chrome-title{pointer-events:none}.chrome-index:focus-visible{outline-offset:4px;outline:1px solid}.cursor{z-index:2;pointer-events:none;mix-blend-mode:difference;color:var(--chrome);font:400 14px/20px var(--font-kozo);white-space:nowrap;position:fixed;top:0;left:0}.has-cursor [data-cursor-title],.has-cursor [data-cursor-title] *{cursor:none}html:not(.has-cursor) .cursor{display:none}@media (forced-colors:active),(prefers-contrast:more){.chrome>*,.cursor{mix-blend-mode:normal;color:var(--ink)}}.home{--frame-h:100svh;gap:var(--beat);display:grid}.home>a{pointer-events:none;cursor:pointer;display:block}.home>a :is(.frame-set>*,.frame-under){pointer-events:auto}.index{z-index:3;overscroll-behavior:contain;scroll-snap-type:y mandatory;scrollbar-width:none;background:var(--ground);block-size:100%;max-block-size:none;inline-size:100%;max-inline-size:none;color:var(--muted);font:400 14px/20px var(--font-kozo);border:0;margin:0;padding:0;position:fixed;inset:0;overflow:hidden auto;container-type:size}.index[open]{grid-template-columns:1fr auto;align-items:start;display:grid}.index::backdrop{background:0 0}.index::-webkit-scrollbar{display:none}.index:focus-visible{outline:none}.index-cover{block-size:100cqh;padding:var(--inset);place-items:center;display:grid;position:sticky;top:0;container-type:size}.index-cover>*{aspect-ratio:var(--a);inline-size:auto;block-size:min(100cqh, var(--index-area) * 100cqh / sqrt(var(--a)), 100cqw / var(--a));object-fit:cover;display:block}.index-cover>picture>img{block-size:100%;inline-size:100%}.index-list{padding:calc(50cqh - 15px) var(--margin) calc(50cqh - 15px) 0;margin:0;list-style:none}.index-gap{block-size:30px}.index-row{column-gap:var(--margin);block-size:30px;color:inherit;grid-template-columns:4ch 26ch 7ch;align-items:center;display:grid}.index-row:focus-visible{outline-offset:4px;outline:1px solid}.index-list>.index-row{scroll-snap-align:center}.index-row>:first-child{font-variant-numeric:tabular-nums}.index-row[aria-current]{color:var(--ink);font-weight:500}.index-row{cursor:pointer}.writing{padding-block:var(--beat);padding-inline:var(--offset) var(--inset)}.writing-title{margin:0 0 var(--margin);font:italic 400 var(--display-size)/1 var(--font-bolex);text-wrap:balance}.writing-body{max-inline-size:var(--measure);font:400 var(--body-size)/1.2 var(--font-bolex);gap:.5lh;display:grid}.writing-body p,.shelf-text p{text-align:justify;hyphens:auto;hyphenate-limit-chars:6 3 2;margin:0}.sc{font-synthesis-small-caps:none;letter-spacing:.04em;font-variant-caps:small-caps}.shelf-hero{block-size:var(--frame-h,100dvh);column-gap:var(--beat);padding:var(--beat) clamp(var(--beat), 16cqi - 70px, 2 * var(--beat));grid-template-rows:1fr auto 1fr;grid-template-columns:1fr 1fr;align-items:end;display:grid}.shelf-hero>*{grid-row:2}.shelf-text{max-inline-size:var(--measure);font:400 var(--shelf-size)/1.2 var(--font-bolex);color:var(--ink);gap:.5lh;display:grid}.shelf-text h1{margin:0 0 var(--inset);font:italic 400 var(--display-size)/1 var(--font-bolex);text-wrap:balance}.shelf-hero>picture{justify-self:start;display:block}.shelf-hero>picture>img{block-size:auto;inline-size:auto;max-inline-size:100%;max-block-size:calc(var(--frame-h,100dvh) - 2 * var(--beat))}.shelf-grid{align-items:flex-start;gap:var(--margin);padding:0 var(--beat) var(--beat);display:flex}.shelf-col{gap:var(--margin);flex-direction:column;flex:1;min-inline-size:0;display:flex}.shelf-col>picture>img{block-size:auto;inline-size:100%}@container page (width<700px){.frame:is([data-scale=page],[data-scale=object]) .frame-area{inset:var(--beat) var(--inset)}.frame:not([data-scale=cover]):is([data-arrange=row],[data-arrange=three],[data-arrange=free]) .frame-set{aspect-ratio:auto;block-size:auto;inline-size:min(100cqw * var(--fit), (100cqh * var(--fit) + (var(--n) - 1) * (var(--o) - var(--g))) * var(--ars));flex-direction:column;display:flex;position:static}.frame:not([data-scale=cover]):is([data-arrange=row],[data-arrange=three],[data-arrange=free]) .frame-set>*{block-size:auto;inline-size:100%;position:relative;inset:auto}.frame:not([data-gap=gutter]):not([data-scale=cover]):is([data-arrange=row],[data-arrange=three],[data-arrange=free]) .frame-set>[data-slot]:not([data-slot="0"]){margin-block-start:calc(-1 * var(--o));margin-inline-start:0}.frame[data-scale=cover]:not([data-arrange=one],[data-arrange=free]) .frame-set{inline-size:min(100cqw, (100cqh + (var(--n) - 1) * (var(--o) - var(--g))) * var(--ars));flex-direction:column;block-size:auto}.frame[data-scale=cover]:not([data-arrange=one],[data-arrange=free]) .frame-set>*{block-size:auto;inline-size:100%;aspect-ratio:var(--a);flex:none}.frame[data-scale=cover]:not([data-arrange=one],[data-arrange=free]):not([data-gap=gutter]) .frame-set>[data-slot]:not([data-slot="0"]){margin-block-start:calc(-1 * var(--o));margin-inline-start:0}.frame[data-phone=edge] .frame-set{inline-size:auto;block-size:min(100cqh, 100cqw / var(--ar))}.frame[data-phone=edge] .frame-set>*{block-size:100%;aspect-ratio:var(--a);flex:none}.writing{padding-inline:var(--inset)}.writing-body p,.shelf-text p{text-align:start;hyphens:manual}.shelf-hero{row-gap:var(--inset);block-size:auto;padding:var(--margin) var(--inset) var(--inset);grid-template-rows:none;grid-template-columns:1fr}.shelf-hero>*{grid-row:auto}.shelf-hero>picture>img{max-block-size:none;inline-size:100%}.shelf-grid{gap:var(--gutter);padding:0 var(--inset) var(--inset);flex-direction:column}.shelf-col{display:contents}.shelf-col>*{order:var(--i)}}@media (width<700px){.chrome-title{left:var(--inset);translate:none}.chrome-meta>:not(:last-child){display:none}.index[open]{scroll-padding-top:45%;display:block}.index-cover{z-index:1;background:var(--ground);block-size:45cqh;padding:0}.index-cover>*{block-size:min(100cqh, 100cqw / var(--a))}.index-list{padding:calc(27.5cqh - 15px) var(--inset) calc(27.5cqh - 15px)}.index-row{column-gap:var(--inset);grid-template-columns:4ch 1fr}.index-row>:nth-child(3){display:none}}}