.wk{background:var(--paper);color:var(--ink);padding-block:clamp(2.5rem,6vh,4.5rem) clamp(3rem,8vh,5.5rem)}.wk__head{display:grid;gap:1rem;margin-bottom:clamp(2rem,5vw,3.5rem)}@keyframes paste-w{0%{transform:translateY(.55em);opacity:0}to{transform:none;opacity:1}}html.js p.paste-word[data-split].is-split{--pd: 0s}html.js p.paste-word[data-split].is-split .c{animation:none;transform:none;opacity:1}html.js p.paste-word[data-split].is-split .w{animation:paste-w .34s var(--ease-paper) calc(var(--pd, 0s) + var(--wi, 0) * (.2s / var(--wn, 12))) both}html.js p.paste-word[data-split][data-inview].is-split .w{animation-play-state:paused}html.js p.paste-word[data-split][data-inview].is-split.in .w{animation-play-state:running}@media(prefers-reduced-motion:reduce){html.js p.paste-word[data-split].is-split .w{animation:none;transform:none;opacity:1}}.wk__grid{display:grid;grid-template-columns:200px 48px minmax(0,1fr)}.wk .index{grid-column:1;position:sticky;top:calc(var(--head-h) + 1.25rem);align-self:start}.wk .index a:before{display:none}.wk__mark{position:absolute;left:0;top:.65em;font-size:1.2rem;width:.6em;height:.6em;background:var(--red);opacity:0;pointer-events:none;transform:translate(var(--x, 0px),var(--y, 0px));transition:transform var(--t-panel) var(--ease-stamp),opacity var(--t-fast) linear}.wk__mark.is-set{opacity:1}.wk__entries{grid-column:3;display:block}.wk__item{position:relative;display:grid;gap:clamp(1.25rem,2.5vw,2rem);padding-block:clamp(2.5rem,6vh,4rem);border-top:var(--rule) solid var(--ink);scroll-margin-top:calc(var(--head-h) + 1rem)}.wk__item:first-child{border-top:0;padding-top:0}.wk__item:before{content:"";position:absolute;left:0;right:0;top:calc(-1 * var(--rule));height:var(--rule);background:var(--red);transform:scaleX(0);transform-origin:left;pointer-events:none}.wk__item:first-child:before{display:none}@keyframes item-land{0%{transform:translateY(48px) scale(.988)}to{transform:none}}@keyframes rule-draw{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@supports (animation-timeline: view()){html.js .wk__item,html.js .wk__item:before{animation-duration:auto;animation-timing-function:linear;animation-fill-mode:both;animation-timeline:view()}html.js .wk__item{animation-name:item-land;animation-range:entry 0% entry 34%}html.js .wk__item:before{animation-name:rule-draw;animation-range:entry 2% entry 26%}}@supports not (animation-timeline: view()){html.js .wk__item:not(.in){transform:translateY(48px) scale(.988)}html.js .wk__item{transition:transform var(--d-sheet) var(--ease-paper)}html.js .wk__item.in:before{animation:rule-draw var(--d-sheet) var(--ease-paper) both}}.wk__itemhead{display:grid;gap:.4rem}.wk__kind{color:var(--paper-muted, var(--grey))}.wk__figure{margin:0;display:grid;gap:.85rem;max-width:880px}.wk__frame{display:block;width:100%;aspect-ratio:4 / 3;overflow:hidden}.wk__frame img{width:100%;height:100%;object-fit:contain;background:var(--paper)}.wk__frame,html.js .wk__frame.tilt[data-tilt]{transform:rotate(var(--lean, 0deg))}@media(hover:hover)and (pointer:fine){html.js .wk__frame.tilt[data-tilt]{transform:perspective(900px) rotateX(calc((.5 - var(--py, .5)) * 4deg)) rotateY(calc((var(--px, .5) - .5) * 4deg)) rotate(var(--lean, 0deg))}}.wk__item:target .wk__frame{view-transition-name:var(--vt)}.wk__cap{display:flex;flex-wrap:wrap;align-items:baseline;gap:.4rem 1.25rem;color:var(--paper-muted, var(--grey))}@keyframes type-in{0%{opacity:0}to{opacity:1}}html.js .wk__capline .c{opacity:0}html.js .wk__capline.in .c{animation:type-in 1ms linear calc(var(--i, 0) * 12ms) both}.wk__enlarge{color:var(--ink);font-weight:600;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:.2em;transition:background var(--t-fast, .12s),color var(--t-fast, .12s),text-decoration-color var(--t-fast, .12s)}.wk__enlarge:hover{background:var(--red);color:var(--paper);text-decoration-color:transparent}.wk__tail{display:grid;gap:clamp(1.5rem,3vw,2rem);align-items:start}.wk__narrative{display:grid;gap:1.15rem;justify-items:start}.wk__side{display:grid;gap:1.25rem;justify-items:start}.wk__facts{display:grid;gap:.9rem;margin:0;width:100%;padding-top:1rem;border-top:1px solid var(--ink-15)}.wk__facts dt{color:var(--red);font-weight:600}.wk__facts dd{margin:.15rem 0 0}.wk__actions{display:grid;gap:.9rem;justify-items:start}html.js .wk__demo:not(.in){opacity:0}html.js .wk__demo.in{animation:stamp .32s var(--ease-stamp) both}.scope{margin:.25rem 0 0;display:grid;gap:.9rem;width:100%}.scope__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(9.5rem,1fr));gap:.7rem}.scope__node{padding:.8rem .9rem;font-weight:600;line-height:1.25;transform:rotate(var(--tilt, 0deg))}.scope__cap{color:var(--paper-muted, var(--grey))}html.js .scope:not(.in) .scope__node{opacity:0}html.js .scope.in .scope__node{animation:stamp .34s var(--ease-stamp) calc(var(--i, 0) * 60ms) both}.wk__close{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem 1.5rem;margin-top:clamp(2.5rem,6vh,4rem);padding-top:1.5rem;border-top:var(--rule) solid var(--ink)}.inspect{width:min(96vw,1400px);max-width:none;padding:0;border:var(--rule) solid var(--ink);background:var(--paper);color:var(--ink);box-shadow:var(--edge-shadow)}.inspect::backdrop{background:#111111d1}html.js .inspect[open]::backdrop{animation:backdrop-in .36s var(--ease-paper) both}@keyframes backdrop-in{0%{opacity:0}to{opacity:1}}html.js .inspect.is-closing::backdrop{animation:backdrop-in .3s var(--ease-paper) reverse both}.inspect__fig{margin:0;display:grid;gap:0}.inspect__fig img{width:100%;height:auto;max-height:82vh;object-fit:contain;background:var(--paper)}.inspect__bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem 1.5rem;padding:.85rem 1rem;border-top:var(--rule) solid var(--ink)}.inspect__cap{color:var(--paper-muted, var(--grey));margin:0}@media(min-width:1100px){.wk__tail{grid-template-columns:minmax(0,1fr) 260px;gap:48px}}@media(max-width:959px){.wk__grid{grid-template-columns:minmax(0,1fr)}.wk .index{grid-column:1;position:relative;top:auto;display:flex;flex-wrap:wrap;gap:.25rem 1rem;margin-bottom:2rem}.wk__entries{grid-column:1}}@media(prefers-reduced-motion:reduce){html.js .wk__item,html.js .wk__item:not(.in){animation-name:none!important;transform:none;transition:none}.wk__item:before{animation-name:none!important;transform:scaleX(1)}html.js .wk__capline .c{opacity:1;animation-name:none!important}html.js .wk__demo:not(.in),html.js .wk__demo.in{opacity:1;animation-name:none!important}html.js .scope:not(.in) .scope__node,html.js .scope.in .scope__node{opacity:1;animation-name:none!important}.wk__mark{transition:none}html.js .wk__frame.tilt[data-tilt]{transform:rotate(var(--lean, 0deg))}html.js .inspect[open]::backdrop,html.js .inspect.is-closing::backdrop{animation-name:none!important}}