@font-face{font-family:Geist;src:url('/assets/geist-regular.b5e4774c82.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Geist;src:url('/assets/geist-semibold.7e5b14c5d2.woff2') format('woff2');font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:'Geist Mono';src:url('/assets/geist-mono-regular.38c3922851.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
:root{color-scheme:light;--bg:#e8ebe1;--ink:#1b1f17;--muted:#4d5345;--line:#a9af9c;--accent:#596348;--select:color-mix(in srgb,var(--ink) 10%,transparent);--panel:#dde2d5;--grid:#9fa793;--orbit:#a8b29c;--light:#bcc8ae;--hit:#ffffff;--sans:Geist,system-ui,sans-serif;--mono:'Geist Mono',ui-monospace,monospace;--ease:cubic-bezier(.2,0,0,1);--hover:120ms;--press:80ms;--gutter:44px}
:root[data-theme="dark"]{color-scheme:dark;--bg:#1b201b;--ink:#e3e8da;--muted:#b1bba9;--line:#59644f;--accent:#c2d2b0;--select:color-mix(in srgb,var(--ink) 22%,transparent);--panel:#252d22;--grid:#56624d;--orbit:#6b7b5e;--light:#486039}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]){color-scheme:dark;--bg:#1b201b;--ink:#e3e8da;--muted:#b1bba9;--line:#59644f;--accent:#c2d2b0;--select:color-mix(in srgb,var(--ink) 22%,transparent);--panel:#252d22;--grid:#56624d;--orbit:#6b7b5e;--light:#486039}}
*{box-sizing:border-box}
::selection{background-color:var(--select)}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:28px;scrollbar-gutter:stable;overflow-x:clip}
html.arriving{scroll-behavior:auto}
.lg[id]{scroll-margin-top:38svh}
html.overlay-open{overflow:hidden}
body{margin:0;background:var(--bg);color:var(--ink);font:400 17px/1.5 var(--sans);-webkit-font-smoothing:antialiased}
h1,h2,h3,p,figure,blockquote,dl,dd,ol{margin:0}
ol{padding:0;list-style:none}
h1,h2,h3{font-weight:400}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit}
a,button{-webkit-tap-highlight-color:transparent}
:is(a,button,[tabindex]):not(:where([tabindex="-1"])):focus-visible{outline:2px solid var(--ink);outline-offset:4px;border-radius:2px}
main:focus,footer:focus,.overlay-scroll:focus{outline:0}
.shell{display:flex;flex-direction:column;min-height:100svh;max-width:1200px;margin:auto;padding:0 var(--gutter);container-type:inline-size;container-name:site-shell}
.shell>main{flex:1 0 auto}
.skip{position:fixed;z-index:50;left:16px;top:10px;padding:10px 16px;background:var(--ink);color:var(--bg);transform:translateY(-160%)}
.skip:focus{transform:none}
.skip:not(:focus){clip-path:inset(50%)}
.text-link{display:inline-flex;align-items:center;min-height:44px;text-decoration:underline 1px;text-underline-offset:.24em;text-decoration-color:color-mix(in srgb,var(--line) 75%,transparent);transition:transform var(--hover) var(--ease),text-decoration-color var(--hover) var(--ease)}
.text-link:active{transform:translateY(1px);text-decoration-color:var(--ink);transition-duration:var(--press)}
@media(hover:hover){.text-link:hover{transform:translate(1px,-1px);text-decoration-color:var(--ink)}.text-link:hover:active{transform:translateY(1px)}}
.lg-keep{white-space:nowrap}
.prose .text-link,.project-summary .text-link,.index-summary .text-link,.region-card .text-link{display:inline;min-height:0;text-decoration-color:var(--line)}
@media(hover:hover){.prose .text-link:hover,.project-summary .text-link:hover,.index-summary .text-link:hover,.region-card .text-link:hover{transform:none;text-decoration-color:var(--ink)}}
.prose p+p,.prose p+blockquote,.prose blockquote+p{margin-top:.8em}
.prose code{font:400 .88em var(--mono)}
.prose pre{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;font:400 12px/1.6 var(--mono)}
.prose pre:has(>code.language-console){padding:18px 20px;border:1px solid var(--line);background:var(--panel);color:var(--ink);font-size:13px;overflow-x:auto}
.prose pre>code{font:inherit}
.prose{overflow-wrap:anywhere}
.prose blockquote{padding-left:16px;border-left:1px solid var(--line)}
.masthead{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;padding-top:44px}
.identity-heading{font:inherit;min-width:0}
.identity{display:inline-flex;flex-direction:row;flex-wrap:wrap;align-items:baseline;gap:0 14px;padding:2px 0}
.name{font:400 38px/1.1 var(--sans);letter-spacing:-.012em}
body:not(.home) .identity{column-gap:12px}
.controls{display:flex;flex:none;align-items:center;gap:18px;margin-top:4px;color:var(--muted)}
html:not(.js) .controls .ts{display:none}
.controls-rule{display:none;width:1px;height:14px;background:var(--line)}
.controls .ts{margin:0 -8px}
.site-nav{display:flex;align-items:center;gap:16px}
#projects,#links{scroll-margin-top:-12px}
.js .controls-rule{display:block}
.contact-button{position:relative;display:inline-flex;align-items:center;min-height:44px;padding:0 2px;color:var(--ink);font-size:15px;text-decoration:underline 1px;text-underline-offset:.3em;text-decoration-color:transparent;transition:text-decoration-color var(--hover) var(--ease)}
.contact-button:active,.contact-button[aria-current="page"]{text-decoration-color:var(--ink)}
@media(hover:hover){.contact-button:hover{text-decoration-color:var(--ink)}}
.collection{margin-top:52px}
.collection-head{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-bottom:6px}
.collection-head h2{font:400 34px/1.2 var(--sans);letter-spacing:normal;color:var(--ink)}
.collection-head h1{font:400 34px/1.2 var(--sans);letter-spacing:normal}
.view-switch{display:none}
.js .view-switch{display:inline-flex;align-items:center;gap:2px}
.view-switch button{position:relative;min-height:32px;padding:0 8px;border:0;background:transparent;color:var(--muted);font:400 12px/1 var(--mono);cursor:pointer;text-decoration:underline 1px;text-underline-offset:.4em;text-decoration-color:transparent;transition:color var(--hover) var(--ease),text-decoration-color var(--hover) var(--ease)}
.view-switch button::before{content:'';position:absolute;inset:-6px 0}
.view-switch button[aria-checked="true"]{color:var(--ink);text-decoration-color:var(--ink)}
.view-switch button+button::after{content:'';position:absolute;left:-1px;top:50%;width:1px;height:10px;margin-top:-5px;background:var(--line)}
@media(hover:hover){.view-switch button[aria-checked="false"]:hover{color:var(--ink)}}
.projects{display:flex;flex-direction:column}
:root.js .collection[data-view="index"] .collection-grid{display:none}
.project{padding:22px 0 60px;border-top:1px solid var(--line);scroll-margin-top:28px}
.project-title{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 14px;min-width:0}
.project-title>.tags{align-self:center}
.tags{display:inline-flex;flex-wrap:wrap;gap:6px}
.tag{position:relative;display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 8px;border:1px solid color-mix(in srgb,var(--line) 85%,transparent);border-radius:3px;background:none;color:var(--muted);font:400 11px/1 var(--mono);letter-spacing:.02em;cursor:pointer;transition:color var(--hover) var(--ease),border-color var(--hover) var(--ease),background-color var(--hover) var(--ease)}
.tag::before{content:'';position:absolute;inset:-10px -3px}
.tag>span{text-box:trim-both cap alphabetic}
.tag[aria-pressed="true"]{border-color:var(--ink);background:var(--ink);color:var(--bg)}
@media(hover:hover){.tag:hover{border-color:var(--muted);color:var(--ink)}.tag[aria-pressed="true"]:hover{color:var(--bg)}}
.tag:active{transform:translateY(.5px)}
.tag-x{font:400 13px/1 var(--sans);margin-right:-2px}
.tag-filter{display:inline-flex;align-items:center;margin-left:auto}
.tag-filter[hidden]{display:none}
.tag-out{display:none!important}
.project-heading{display:flex;justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:14px}
.project h3{font-size:27px;line-height:1.15;letter-spacing:-.02em}
.project-heading .text-link{min-height:40px}
.project-year{flex:none;font:400 12px/1 var(--mono);color:var(--muted);letter-spacing:.02em}
.project-summary{max-width:60ch;margin-bottom:20px;color:var(--muted);font-size:17px;line-height:1.5;text-wrap:pretty}
.stage-mark{display:block;width:min(200px,100%);aspect-ratio:1;color:var(--ink)}
.mark-svg{display:block;width:100%;height:100%;overflow:visible;color:inherit}
.mark-svg *{color:inherit}
.stage-mark .mark-svg g[stroke]{color:var(--orbit)}
.stage-mark .mark-svg ellipse{vector-effect:non-scaling-stroke}
.cx-body{display:grid;grid-template-columns:minmax(0,var(--tile,260px)) minmax(0,1fr);gap:32px;align-items:start}
.cx-tile{position:relative;aspect-ratio:1;border:1px solid var(--line);background:var(--bg);transition:border-color var(--hover) var(--ease)}
@media(hover:hover){.cx-tile:hover{border-color:var(--ink)}}
.cx-tile .runtime-mark{position:absolute;inset:0;min-height:0;border:0;--plot-l:44px;--plot-r:12px;--plot-t:42px}
.cx-figure{min-width:0}
.cx-side{display:flex;flex-direction:column;gap:14px;min-width:0}
.cx-side .project-summary{margin-bottom:0}
.cx-rows{margin:0;padding:0;list-style:none}
.cx-rows .cx-row{min-height:0;padding:8px 0}
.cx-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:4px 20px;min-height:58px;padding:14px 0;color:var(--ink);text-decoration:none}
.cx-name{font-size:22px;letter-spacing:-.02em;text-decoration:underline 1px;text-underline-offset:.22em;text-decoration-color:transparent;transition:text-decoration-color var(--hover) var(--ease)}
a.cx-row:focus-visible .cx-name{text-decoration-color:var(--ink)}
@media(hover:hover){a.cx-row:hover .cx-name{text-decoration-color:var(--ink)}}
.cx-what{grid-column:1;color:var(--muted);font-size:15px;line-height:1.45}
.cx-meta{grid-row:1;grid-column:2;font:400 12px/1 var(--mono);color:var(--muted);white-space:nowrap}
.cx-reads{display:grid;align-items:center;gap:0 6px;padding-top:2px}
.cx-reads-label{grid-column:1/-1;justify-self:start;font:400 12px/1 var(--mono);color:var(--muted);padding:6px 0 4px}
.cx-source{display:inline-flex;align-items:center;gap:7px;min-height:36px;padding:0 10px 0 6px;border:0;background:none;color:var(--ink);font:400 14px/1 var(--sans);cursor:pointer}
.cx-source .lg{margin:0;bottom:0;--lg-size:.82em}
.cx-source-label{text-decoration:underline 1px;text-underline-offset:.3em;text-decoration-color:transparent;transition:text-decoration-color var(--hover) var(--ease)}
.cx-source:focus-visible{outline:2px solid var(--ink);outline-offset:0}
@media(hover:hover){.cx-source:hover .cx-source-label{text-decoration-color:var(--line)}}
.arenablock-body{display:grid;grid-template-columns:minmax(0,260px) minmax(0,1fr);gap:32px;align-items:start}
.ab-tile{display:grid;place-items:center;aspect-ratio:1;border:1px solid var(--line);background:var(--bg);transition:border-color var(--hover) var(--ease)}
@media(hover:hover){.ab-tile:hover{border-color:var(--ink)}}
.ab-tile .stage-mark{width:38%}
.ab-side{display:flex;flex-direction:column;gap:14px;min-width:0}
.ab-side .project-summary{margin-bottom:0}
.ab-links{font-size:15px}
.ab-fill{position:relative;display:block;max-width:660px;margin-top:6px}
.ab-fill::after{content:"";position:absolute;inset:0;z-index:1;border:1px solid var(--line);pointer-events:none;transition:border-color var(--hover) var(--ease)}
@media(hover:hover){.ab-fill:hover::after{border-color:var(--ink)}}
.ab-fill .stage{width:100%}
.frames{min-width:0}
.frames-stage{position:relative;border:1px solid var(--line);background:#101113;overflow:hidden}
.frame{display:block}
.frame[hidden]{display:none}
.frames-stage .stage[data-ar]{width:100%}
.frames-contain .frames-stage{aspect-ratio:var(--ratio,1);max-height:84svh;container-type:size;background:var(--panel)}
#project-annotate .frames-stage{background:#15172c}
.frames-contain .frame{display:grid;place-items:center;width:100%;height:100%}
.frames-contain .frame[hidden]{display:none}
.frames-contain .stage[data-ar]{width:min(100cqw,calc(100cqh * var(--ratio)))}
.frames-bar{display:flex;flex-wrap:wrap;align-items:center;gap:4px 16px;padding-top:8px;min-height:44px}
.frame-tabs{display:none;flex-wrap:wrap;gap:0 2px;margin-left:-8px}
.js .frame-tabs{display:flex}
.frame-tabs button{position:relative;min-height:36px;padding:0 8px;border:0;background:transparent;color:var(--muted);font:400 12px/1 var(--mono);cursor:pointer;text-decoration:underline 1px;text-underline-offset:.45em;text-decoration-color:transparent;transition:color var(--hover) var(--ease),text-decoration-color var(--hover) var(--ease)}
.frame-tabs button[aria-selected="true"]{color:var(--ink);text-decoration-color:var(--ink)}
@media(hover:hover){.frame-tabs button:hover{color:var(--ink)}}
.frame-cue{position:absolute;right:8px;bottom:8px;display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 9px;border-radius:999px;background:rgba(16,17,19,.62);color:rgba(255,255,255,.78);font:400 11px/1 var(--mono);pointer-events:auto;cursor:pointer;transition:color var(--hover) var(--ease),background-color var(--hover) var(--ease)}
.frame-cue[hidden]{display:none}
.frame-cue-mark{width:8px;height:8px;border:1px dashed currentColor}
.frame-cue:hover{color:#fff;background:rgba(16,17,19,.94);box-shadow:inset 0 0 0 1px rgba(255,255,255,.6)}
.frame-cue:hover .frame-cue-mark{border-style:solid}
.frame-cue:active{transform:translateY(1px)}
.receipt-body{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:56px;align-items:center}
.receipt-text .project-summary{margin-bottom:22px}
.frame-excerpts{display:grid}
.frame-excerpt{grid-area:1/1;align-self:start;margin:0;opacity:0;visibility:hidden;transition:opacity 180ms var(--ease),visibility 0s linear 180ms}
.frame-excerpt.on{opacity:1;visibility:visible;transition-delay:0s}
.frame-excerpt .ex-body{--ex-max:240px}
.frame-excerpt :is(.ex-vq,.ex-quote){font-size:16px}
.frame-excerpt{position:relative}
.frame-excerpt.on{cursor:pointer}
.frame-excerpt-open{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.frame-excerpt:has(>.frame-excerpt-open:focus-visible){outline:2px solid var(--ink);outline-offset:4px}
.frame-excerpt.excerpt-chat .ex-card{padding:0;border:0;border-radius:0;background:none}
.frame-excerpt.excerpt-chat .ex-body{margin:0;padding:0}
.frame-excerpt.excerpt-chat .ex-run{max-width:min(26rem,calc(100% - 40px))}
.frame-excerpt.excerpt-chat .ex-run+.ex-run{margin-top:8px}
.frame-excerpt.excerpt-chat .ex-box{padding:4px 9px 5px;font-size:15px;line-height:1.42}
.frame-excerpt.excerpt-chat .ex-them .ex-box{background:transparent}
.frame-excerpt .ex-rh,.frame-excerpt .ex-tip{display:none}
.frame-excerpt .ex-foot{gap:0;font-size:11px;color:color-mix(in srgb,var(--muted) 80%,transparent)}
.frame-excerpt.on .ex-card{transition:background-color var(--hover) var(--ease),box-shadow var(--hover) var(--ease)}
@media(hover:hover){.frame-excerpt.on:hover:not(:has(.ex-src-link:hover)) .ex-card{border-radius:4px;background-color:color-mix(in srgb,var(--select) 45%,transparent);box-shadow:0 0 0 10px color-mix(in srgb,var(--select) 45%,transparent)}}
.frame-excerpt:not(.excerpt-voice) .ex-src>.lg{display:none}
.frame-excerpt.excerpt-text .ex-trail{display:inline-block;--lg-gap:.5em}
.frame-excerpt .ex-foot :is(.ex-with,.ex-t){display:none}
.frame-excerpt.excerpt-chat:has(.ex-chat:not([hidden])>.ex-run:last-child.ex-me) .ex-foot{width:fit-content;margin-left:auto}
.frame-excerpt:not(.excerpt-voice) .ex-when::before{content:'\00b7';margin-left:.6em}
.frame-excerpt.excerpt-voice .ex-when{margin-left:8px}
.frame-credits{min-height:20px}
.credit{font:400 12px/1.7 var(--mono);color:var(--muted)}
.credit .text-link{display:inline;min-height:0;text-decoration-style:dotted;text-decoration-color:color-mix(in srgb,var(--muted) 70%,transparent);text-underline-offset:.3em}
@media(hover:hover){.credit .text-link:hover{transform:none;text-decoration-color:var(--ink)}}
.artifact-links{display:flex;flex-wrap:wrap;gap:0 20px;margin-top:12px;font-size:15px}
.index{display:none}
:root.js .collection[data-view="index"] .collection-index{display:flex;flex-direction:column;border-top:1px solid var(--line);padding-top:10px}
.index-entry{display:grid;grid-template-columns:5.5ch minmax(0,1fr) auto;column-gap:18px;align-items:baseline;padding:12px 0 14px}
.index-line,.index-row{display:contents}
.index-title{grid-column:2;grid-row:1;font-size:23px;letter-spacing:-.015em;text-decoration:underline 1px;text-underline-offset:.2em;text-decoration-color:transparent;transition:text-decoration-color var(--hover) var(--ease)}
.index-year{font:400 12px/1 var(--mono);font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--muted)}
.index-year{grid-column:1;grid-row:1}
.index-entry>.index-line>.tags{grid-column:3;grid-row:1;justify-self:end}
@media(hover:hover){.index-row:hover .index-title{text-decoration-color:var(--ink)}}
.index-summary{grid-column:2;grid-row:2;margin-top:4px;max-width:60ch;color:var(--muted);font-size:15px;line-height:1.45}
@media(max-width:700px){.index-entry{grid-template-columns:5.5ch minmax(0,1fr);column-gap:12px}.index-entry>.index-line>.tags{grid-column:2;grid-row:3;justify-self:start;margin-top:6px}}
.stage{position:relative;display:block;max-width:100%}
.stage picture{display:contents}
.stage[data-tone]{--tone-now:var(--tone)}
:root[data-theme="dark"] .stage[data-tone-dark]{--tone-now:var(--tone-dark)}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]) .stage[data-tone-dark]{--tone-now:var(--tone-dark)}}
.stage:is(.pending,.arrived){background-color:var(--tone-now)}
.stage img.for-dark{display:none}
:root[data-theme="dark"] .stage img.for-dark{display:block}
:root[data-theme="dark"] .stage img.for-light{display:none}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]) .stage img.for-dark{display:block}:root:not([data-theme="light"]) .stage img.for-light{display:none}}
.stage img,.stage video{display:block;max-width:100%;height:auto}
.stage[data-ar]{aspect-ratio:var(--ratio)}
.stage[data-ar] :is(img,video){width:100%;height:100%;max-width:none}
.regions{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
.stage{--region-rest:.6}
.frames-stage .stage{--region-rest:.7}
.region,.region-edge{fill:transparent;stroke:transparent;vector-effect:non-scaling-stroke;transition:fill var(--hover) var(--ease),stroke var(--hover) var(--ease),stroke-width var(--hover) var(--ease)}
.region{stroke-width:1}
.region-edge{stroke-width:3;pointer-events:none}
.region.on,.region[data-for].on{fill:rgba(255,255,255,.16);stroke:#fff;stroke-width:2;stroke-dasharray:none}
.region-edge:has(+ .region.on){stroke:rgba(20,22,18,.8);stroke-width:5}
.region-edge:has(+ .region.sel){stroke:rgba(20,22,18,.85);stroke-width:6}
.region-cards{position:absolute;inset:0;pointer-events:none}
.region-card{position:absolute;z-index:3;left:0;top:0;width:max-content;max-width:min(280px,100%);padding:7px 10px 8px;border:1px solid var(--line);border-radius:3px;background:var(--bg);color:var(--ink);font-size:13px;line-height:1.45;box-shadow:0 1px 10px rgba(0,0,0,.12);cursor:default;opacity:0;visibility:hidden}
.region-card:not(.on){display:none}
.region-card.on{max-width:min(280px,calc(100vw - 16px));opacity:1;visibility:visible;pointer-events:auto;transition:opacity 90ms var(--ease)}
@starting-style{.region-card.on{opacity:0}}
.region-card .region-label .text-link{margin:-1px -4px;padding:1px 4px;border-radius:2px;transition:background-color var(--hover) var(--ease),text-decoration-color var(--hover) var(--ease)}
@media(hover:hover){.region-card .region-label .text-link:hover{background:color-mix(in srgb,var(--ink) 8%,transparent)}}
.region-label{font-size:14px}
.region-note{margin-top:3px;color:var(--muted);font-size:12.5px}
.stage-clip video{position:relative;width:100%}
.stage:is([data-stage="loom-rs-lens"],[data-stage="loom-rs-clip"]){box-shadow:0 0 0 1px var(--line)}
.region-kind{display:flex;align-items:baseline;gap:.45em;font:400 12px/1.4 var(--mono);color:var(--muted)}
.region-kind .lg{margin:0;font-size:15px}
.region-kind{margin-bottom:3px;font-size:11px}
.region-kind .lg{font-size:13px}
.item-excerpt{max-width:560px}
.item-excerpt [hidden]{display:none}
.item-excerpt .text-link{display:inline;min-height:0;text-decoration-color:var(--line)}
@media(hover:hover){.item-excerpt .text-link:hover{transform:none;text-decoration-color:var(--ink)}}
.item-excerpt code{font:400 .88em var(--mono)}
.ex-card{display:flex;flex-direction:column;gap:10px;padding:14px 16px 11px;border:1px solid var(--line);border-radius:4px;background:color-mix(in srgb,var(--panel) 55%,transparent);overflow:hidden}
.ex-body{margin:0 -16px;padding:2px 16px;max-height:var(--ex-max,480px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--line) transparent}
.item-excerpt:is(.excerpt-voice,.excerpt-text) .ex-card{padding:0 0 0 16px;border-width:0 0 0 1px;border-radius:0;background:none}
.item-excerpt:is(.excerpt-voice,.excerpt-text) .ex-body{margin:0;padding:0}
.ex-body:focus-visible{outline:2px solid var(--ink);outline-offset:-2px}
.ex-foot{display:flex;flex-wrap:wrap;align-items:center;gap:4px 14px;font:400 12px/1.6 var(--mono);color:var(--muted)}
.ex-src{display:inline-flex;align-items:center;gap:7px;min-width:0}
.ex-foot .ex-src>.lg{margin:0;bottom:0;font-size:15px}
.lg.ex-trail{display:none}
.ex-src-link{color:inherit;text-decoration:underline 1px;text-underline-offset:.24em;text-decoration-color:color-mix(in srgb,var(--line) 75%,transparent);transition:color var(--hover) var(--ease),text-decoration-color var(--hover) var(--ease)}
@media(hover:hover){.ex-src-link:hover{color:var(--ink);text-decoration-color:var(--ink)}}
.ex-when{display:inline-flex;align-items:baseline;gap:.6em;white-space:nowrap}
.ex-ed{display:none;color:var(--muted);font:400 .8em/1 var(--mono);vertical-align:.3em;margin-left:.15em;white-space:nowrap}
.ex-ed-word{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.ex-t{font:400 11.5px/1.4 var(--mono);color:var(--muted);white-space:nowrap}
.ex-chat{display:flex;flex-direction:column}
.ex-run{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:3px;min-width:0;max-width:min(26rem,calc(100% - 64px))}
.ex-run+.ex-run{margin-top:10px}
.ex-me{align-self:flex-end;align-items:flex-end}
.ex-rh{display:flex;align-items:baseline;gap:8px;margin:0 2px 1px;font:400 11.5px/1.4 var(--mono);color:var(--muted)}
.ex-rh:not(:has(.ex-who)){display:none}
.ex-rh>.ex-t{display:none}
.ex-tip{position:absolute;top:7px;left:calc(100% + 8px);font:400 11px/1.4 var(--mono);color:var(--muted);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity var(--hover) var(--ease)}
.ex-me>.ex-tip{left:auto;right:calc(100% + 8px)}
.ex-run:has(>.ex-rh .ex-who)>.ex-tip{top:27px}
@media(hover:hover){.ex-run:hover>.ex-tip{opacity:1}}
.ex-msg{display:flex;flex-direction:column;align-items:inherit;max-width:100%}
.ex-box{max-width:100%;padding:6px 11px 7px;border:1px solid var(--line);border-radius:3px;background:var(--bg);font-size:16px;line-height:1.42;overflow-wrap:anywhere}
.ex-me .ex-box{border-color:transparent;background:color-mix(in srgb,var(--ink) 9%,var(--panel))}
.ex-box p+p{margin-top:.45em}
.ex-vq,.ex-quote{font-size:18px;line-height:1.45;letter-spacing:-.01em;text-wrap:pretty;overflow-wrap:anywhere}
.ex-vq p+p,.ex-quote p+p{margin-top:.45em}
@container (max-width:560px){.ex-vq,.ex-quote{font-size:17px}.ex-body{--ex-max:62svh}}
:is(.set-items,.group-items)>:is(:first-child,:not(.item-link)+.item-link):has(>.cx-row){border-top:1px solid var(--line)}
.stage:not(.stage-clip):has([data-region].sel){cursor:default}
.overlay{position:fixed;inset:0;z-index:30;overscroll-behavior-x:none}
.overlay[hidden]{display:block;content-visibility:hidden;visibility:hidden;pointer-events:none}
.overlay-backdrop{position:absolute;inset:0;background:color-mix(in srgb,var(--bg) 76%,transparent)}
.overlay-panel{position:absolute;inset:24px;max-width:1280px;margin:auto;display:flex;flex-direction:column;border:1px solid var(--line);border-radius:4px;background:var(--bg);box-shadow:0 0 24px rgba(0,0,0,.08);overflow:hidden;view-transition-name:overlay-panel}
.overlay-bar{display:flex;align-items:center;gap:6px 14px;min-height:52px;padding:6px 10px 6px 20px;border-bottom:1px solid var(--line)}
.overlay-title{flex:1;min-width:0;font:400 13px/1.3 var(--mono);color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.overlay-projects{display:flex;align-items:center;gap:2px}
.overlay-projects[hidden]{display:none}
.overlay-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:36px;height:36px;padding:0 8px;border:0;border-radius:999px;background:transparent;color:var(--ink);font:400 17px/1 var(--sans);cursor:pointer;transition:background-color var(--hover) var(--ease),opacity var(--hover) var(--ease)}
.overlay-button:disabled{opacity:.3;cursor:default}
@media(hover:hover){.overlay-button:not(:disabled):hover{background:color-mix(in srgb,var(--ink) 8%,transparent)}}
.overlay-button:not(:disabled):active{background:color-mix(in srgb,var(--ink) 14%,transparent)}
.overlay-project{font:400 12px/1 var(--mono)}
.overlay-project-name{max-width:16ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted)}
.key{font:400 12px/1 var(--mono)}
.overlay-close{font-size:22px}
.overlay-back{margin-left:-12px;padding:0 10px 0 8px;font:400 12px/1 var(--mono);color:var(--muted)}
.overlay-back[hidden]{display:none}
.overlay-back svg{flex:none;width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
.overlay-back-name{max-width:18ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(hover:hover){.overlay-back:hover{color:var(--ink)}}
@media(max-width:520px){.overlay-back-name{display:none}.overlay-back{margin-left:-8px;padding:0 6px}}
.overlay-close .close-back{display:none;width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
.overlay-scroll{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;padding:0 44px 40px;view-transition-name:overlay-body}
[data-loading]{opacity:.62;transition:opacity var(--hover) var(--ease)}
footer{position:relative;isolation:isolate;container:foot/inline-size;border-top:1px solid var(--line);padding:22px 0 40px;margin-top:24px;font-size:14px;scroll-margin-top:28px}
footer .text-link{white-space:nowrap}
.foot-names{display:flex;flex-wrap:wrap;justify-content:flex-end;column-gap:26px}
.foot-glyphs{display:none;justify-content:flex-end;margin-right:-11px;align-items:center}
.foot-glyphs .ae-icon{min-width:0;min-height:44px;padding:0 11px}
.foot-names .text-link[data-pressed],.foot-glyphs .ae-icon[data-pressed]{text-decoration-color:var(--ink);color:var(--ink);transform:translateY(1px);transition-duration:var(--press)}
@media(hover:none){.foot-names .text-link:active:not([data-pressed]){transform:none;text-decoration-color:color-mix(in srgb,var(--line) 75%,transparent)}}
::view-transition-group(morph){z-index:2;animation-duration:220ms;animation-timing-function:var(--ease)}
::view-transition-old(morph),::view-transition-new(morph){height:100%;animation-duration:220ms}
::view-transition-old(root),::view-transition-new(root){animation-duration:110ms}
.masthead{view-transition-name:masthead}
::view-transition-group(masthead){animation-duration:220ms}
@media(max-width:899px){.cx-body{--tile:180px;gap:24px}.frame-tabs button{padding:0 6px}.receipt-body{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:32px}.arenablock-body{grid-template-columns:minmax(0,180px) minmax(0,1fr);gap:24px}}
@media(max-width:700px){.overlay-button{min-width:44px;height:44px}.cx-body{grid-template-columns:minmax(0,1fr);gap:16px}.cx-figure{width:100%;max-width:420px}.cx-name{font-size:19px}:root{--gutter:16px}html{scroll-padding-top:20px}.masthead{gap:12px;padding-top:16px}.controls{gap:10px;margin-top:-4px}.contact-button{font-size:14px}.name{font-size:28px}.collection{margin-top:36px}.project{padding:18px 0 42px}.project h3{font-size:22px}.collection-head :is(h1,h2){font-size:26px}.project-summary{font-size:16px;margin-bottom:16px}.stage-mark{width:min(130px,100%)}.arenablock-body{grid-template-columns:minmax(0,1fr);gap:16px}.ab-fill{display:none!important}.ab-tile{width:min(160px,44vw)}.ab-tile .stage-mark{width:60%}.frames-stage{margin:0 calc(var(--gutter) * -1);border-inline:0}.frames-contain .frames-stage{max-height:none;width:min(calc(100% + 2 * var(--gutter)),calc(75svh * var(--ratio,1)));margin-inline:max(calc(var(--gutter) * -1),calc((100% - 75svh * var(--ratio,1)) / 2))}.receipt-body{grid-template-columns:minmax(0,1fr);gap:20px}.index-title{font-size:20px}.overlay-panel{inset:0;border:0;border-radius:0}.overlay-bar{padding:4px 4px 4px 14px;gap:2px 6px}.overlay-project-name{display:none}.overlay-project{min-width:32px;padding:0 6px}.overlay-scroll{padding:0 16px 32px}footer{padding:18px 0 30px}.foot-names{column-gap:20px}}
@media(max-width:600px){.masthead{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px 12px}.identity{flex-direction:row;flex-wrap:wrap;align-items:baseline;gap:0 10px}.controls{display:contents}.controls .ts{grid-column:2;grid-row:1;align-self:center;margin-right:-8px}.controls-rule{display:none!important}.site-nav{grid-column:1/-1;grid-row:2;margin-left:-2px}}
@media(max-width:600px) and (pointer:coarse){.controls .ts{margin-right:-14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition-duration:0s!important}.text-link,.text-link:hover,.text-link:active{transform:none!important}.contact-button:active,.view-switch button:active,.cx-row:active,.cx-source:active,.ab-tile:active{transform:none!important}}
@media(hover:hover) and (pointer:fine){:is(.in-gallery>.stage:not(.stage-clip),.has-side>.stage:not(.stage-clip,.stage-mark),.item-image:not(.in-gallery)>.stage:not(.stage-mark),.post-photo)::after{content:'';position:absolute;top:8px;right:8px;width:9px;height:9px;border-top:1.5px solid #fff;border-right:1.5px solid #fff;filter:drop-shadow(0 0 1px rgba(0,0,0,.85)) drop-shadow(0 0 3px rgba(0,0,0,.35));opacity:calc(var(--cue,0)*.6);pointer-events:none;transition:opacity var(--hover) var(--ease),transform var(--hover) var(--ease)}:is(.in-gallery>.stage:not(.stage-clip),.has-side>.stage:not(.stage-clip,.stage-mark),.item-image:not(.in-gallery)>.stage:not(.stage-mark),.post-photo):hover::after{opacity:.95;transform:translate(2px,-2px)}}
@media(min-width:701px){.project:has(>:is(.cx-body,.arenablock-body,.receipt-body)){display:grid;grid-template-columns:minmax(0,var(--cl-media,340px)) minmax(0,var(--cl-text,1fr));column-gap:var(--cl-gap,32px)}.project:has(>:is(.cx-body,.arenablock-body)){--cl-media:260px}.project:has(>.receipt-body){--cl-media:1.2fr;--cl-gap:56px}.project:has(>:is(.cx-body,.arenablock-body,.receipt-body))>.project-heading{grid-column:2;grid-row:1}.project>:is(.cx-body,.arenablock-body,.receipt-body){display:contents}.project>.cx-body>.cx-figure,.project>.arenablock-body>.ab-tile,.project>.receipt-body>.frames{grid-column:1;grid-row:1/span 2;align-self:start}.project>.cx-body>.cx-side,.project>.arenablock-body>.ab-side,.project>.receipt-body>.receipt-text{grid-column:2;grid-row:2;align-self:start}.project:has(>:is(.cx-body,.arenablock-body,.receipt-body)){grid-template-rows:auto 1fr}.project:has(>.receipt-body){grid-template-columns:fit-content(calc((100% - 56px) * .545)) minmax(0,1fr)}.project>.receipt-body .frames-contain .frames-stage{width:calc(var(--frame-cap) * var(--ratio,1));max-width:100%;max-height:none;--frame-cap:clamp(360px,68svh,760px)}.project>.receipt-body>.receipt-text:has(>.frame-excerpts){align-self:stretch;display:flex;flex-direction:column}.receipt-text>.frame-excerpts{flex:1 1 0;min-height:300px;min-height:calc-size(min-content,min(size,300px));grid-template-rows:minmax(0,1fr)}.receipt-text>.frame-excerpts>.frame-excerpt{display:flex;flex-direction:column;max-height:100%;align-self:center}.receipt-text>.frame-excerpts .ex-card{min-height:0}.receipt-text>.frame-excerpts .ex-body{max-height:none;min-height:0}}
.stage-clip{cursor:zoom-in}
.project:has(>.receipt-body):not(:has(.frame-excerpt)){grid-template-rows:auto 1fr}
::view-transition-group(overlay-backdrop){animation-duration:120ms}
.lr{content-visibility:auto;contain-intrinsic-size:auto calc(var(--lr-h,600px) + 130px)}
.lr{overflow-clip-margin:200px}
.overlay-project .key{transition:color var(--hover) var(--ease)}
.overlay[data-keys="page"] .overlay-project .key{color:var(--muted)}
mark{background:var(--select);color:inherit;padding:0 .08em;border-radius:1px}
@media(hover:hover) and (pointer:fine){:is(.rel-strip,.mb-strip){cursor:grab}}
:root{--lg-gap:.3em;--lg-rest:.74;--lg-ease:var(--ease,cubic-bezier(.2,0,0,1));--lg-time:var(--hover,120ms)}
:root[data-theme="dark"]{--lg-rest:.8}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--lg-rest:.8}}
.lg{--lg-h:max(var(--lg-size,.56em),var(--lg-min,7px));display:inline-block;position:relative;bottom:var(--lg-bottom,calc(var(--lg-mid,.3547em) - var(--lg-h) / 2));width:calc(var(--lg-h) * var(--lg-ratio,1));height:var(--lg-h);margin-left:var(--lg-gap);margin-right:.08em;vertical-align:baseline}
.lg::before{content:none}
.lg::after{content:"";position:absolute;inset:0;background:currentColor;-webkit-mask:var(--lg-src) center/contain no-repeat;mask:var(--lg-src) center/contain no-repeat;opacity:var(--lg-rest);transition:opacity var(--lg-time) var(--lg-ease)}
a:is(:hover,:focus-visible,:active) .lg::after{opacity:1}
@media (prefers-reduced-motion:reduce){.lg::after{transition:none}}
@media (forced-colors:active){.lg::after{background:LinkText;opacity:1}}
.lg[data-glyph="wikipedia"]{--lg-ratio:1.558;--lg-size:0.5588em;--lg-mid:0.3547em;margin-right:-.04em;--lg-src:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270.525%202.485%2010.95%207.03%27%20fill%3D%27%23000%27%3E%3Cg%20transform%3D%27scale(0.09375)%27%20stroke%3D%27%23000%27%20stroke-width%3D%273%27%3E%3Cpath%20d%3D%27M%20120.85%2C29.21%20C%20120.85%2C29.62%20120.72%2C29.99%20120.47%2C30.33%20C%20120.21%2C30.66%20119.94%2C30.83%20119.63%2C30.83%20C%20117.14%2C31.07%20115.09%2C31.87%20113.51%2C33.24%20C%20111.92%2C34.6%20110.29%2C37.21%20108.6%2C41.05%20L%2082.8%2C99.19%20C%2082.63%2C99.73%2082.16%2C100%2081.38%2C100%20C%2080.77%2C100%2080.3%2C99.73%2079.96%2C99.19%20L%2065.49%2C68.93%20L%2048.85%2C99.19%20C%2048.51%2C99.73%2048.04%2C100%2047.43%2C100%20C%2046.69%2C100%2046.2%2C99.73%2045.96%2C99.19%20L%2020.61%2C41.05%20C%2019.03%2C37.44%2017.36%2C34.92%2015.6%2C33.49%20C%2013.85%2C32.06%2011.4%2C31.17%208.27%2C30.83%20C%208%2C30.83%207.74%2C30.69%207.51%2C30.4%20C%207.27%2C30.12%207.15%2C29.79%207.15%2C29.42%20C%207.15%2C28.47%207.42%2C28%207.96%2C28%20C%2010.22%2C28%2012.58%2C28.1%2015.05%2C28.3%20C%2017.34%2C28.51%2019.5%2C28.61%2021.52%2C28.61%20C%2023.58%2C28.61%2026.01%2C28.51%2028.81%2C28.3%20C%2031.74%2C28.1%2034.34%2C28%2036.6%2C28%20C%2037.14%2C28%2037.41%2C28.47%2037.41%2C29.42%20C%2037.41%2C30.36%2037.24%2C30.83%2036.91%2C30.83%20C%2034.65%2C31%2032.87%2C31.58%2031.57%2C32.55%20C%2030.27%2C33.53%2029.62%2C34.81%2029.62%2C36.4%20C%2029.62%2C37.21%2029.89%2C38.22%2030.43%2C39.43%20L%2051.38%2C86.74%20L%2063.27%2C64.28%20L%2052.19%2C41.05%20C%2050.2%2C36.91%2048.56%2C34.23%2047.28%2C33.03%20C%2046%2C31.84%2044.06%2C31.1%2041.46%2C30.83%20C%2041.22%2C30.83%2041%2C30.69%2040.78%2C30.4%20C%2040.56%2C30.12%2040.45%2C29.79%2040.45%2C29.42%20C%2040.45%2C28.47%2040.68%2C28%2041.16%2C28%20C%2043.42%2C28%2045.49%2C28.1%2047.38%2C28.3%20C%2049.2%2C28.51%2051.14%2C28.61%2053.2%2C28.61%20C%2055.22%2C28.61%2057.36%2C28.51%2059.62%2C28.3%20C%2061.95%2C28.1%2064.24%2C28%2066.5%2C28%20C%2067.04%2C28%2067.31%2C28.47%2067.31%2C29.42%20C%2067.31%2C30.36%2067.15%2C30.83%2066.81%2C30.83%20C%2062.29%2C31.14%2060.03%2C32.42%2060.03%2C34.68%20C%2060.03%2C35.69%2060.55%2C37.26%2061.6%2C39.38%20L%2068.93%2C54.26%20L%2076.22%2C40.65%20C%2077.23%2C38.73%2077.74%2C37.11%2077.74%2C35.79%20C%2077.74%2C32.69%2075.48%2C31.04%2070.96%2C30.83%20C%2070.55%2C30.83%2070.35%2C30.36%2070.35%2C29.42%20C%2070.35%2C29.08%2070.45%2C28.76%2070.65%2C28.46%20C%2070.86%2C28.15%2071.06%2C28%2071.26%2C28%20C%2072.88%2C28%2074.87%2C28.1%2077.23%2C28.3%20C%2079.49%2C28.51%2081.35%2C28.61%2082.8%2C28.61%20C%2083.84%2C28.61%2085.38%2C28.52%2087.4%2C28.35%20C%2089.96%2C28.12%2092.11%2C28%2093.83%2C28%20C%2094.23%2C28%2094.43%2C28.4%2094.43%2C29.21%20C%2094.43%2C30.29%2094.06%2C30.83%2093.32%2C30.83%20C%2090.69%2C31.1%2088.57%2C31.83%2086.97%2C33.01%20C%2085.37%2C34.19%2083.37%2C36.87%2080.98%2C41.05%20L%2071.26%2C59.02%20L%2084.42%2C85.83%20L%20103.85%2C40.65%20C%20104.52%2C39%20104.86%2C37.48%20104.86%2C36.1%20C%20104.86%2C32.79%20102.6%2C31.04%2098.08%2C30.83%20C%2097.67%2C30.83%2097.47%2C30.36%2097.47%2C29.42%20C%2097.47%2C28.47%2097.77%2C28%2098.38%2C28%20C%20100.03%2C28%20101.99%2C28.1%20104.25%2C28.3%20C%20106.34%2C28.51%20108.1%2C28.61%20109.51%2C28.61%20C%20111%2C28.61%20112.72%2C28.51%20114.67%2C28.3%20C%20116.7%2C28.1%20118.52%2C28%20120.14%2C28%20C%20120.61%2C28%20120.85%2C28.4%20120.85%2C29.21%20z%27%20fill-rule%3D%27evenodd%27%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}
.lg[data-glyph="github"]{--lg-ratio:1.026;--lg-size:0.6471em;--lg-mid:0.3547em;--lg-src:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%27-0.011%200.139%2012.021%2011.722%27%20fill%3D%27%23000%27%3E%3Cg%20transform%3D%27scale(0.5)%27%3E%3Cpath%20d%3D%27M12%20.297c-6.63%200-12%205.373-12%2012%200%205.303%203.438%209.8%208.205%2011.385.6.113.82-.258.82-.577%200-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422%2018.07%203.633%2017.7%203.633%2017.7c-1.087-.744.084-.729.084-.729%201.205.084%201.838%201.236%201.838%201.236%201.07%201.835%202.809%201.305%203.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93%200-1.31.465-2.38%201.235-3.22-.135-.303-.54-1.523.105-3.176%200%200%201.005-.322%203.3%201.23.96-.267%201.98-.399%203-.405%201.02.006%202.04.138%203%20.405%202.28-1.552%203.285-1.23%203.285-1.23.645%201.653.24%202.873.12%203.176.765.84%201.23%201.91%201.23%203.22%200%204.61-2.805%205.625-5.475%205.92.42.36.81%201.096.81%202.22%200%201.606-.015%202.896-.015%203.286%200%20.315.21.69.825.57C20.565%2022.092%2024%2017.592%2024%2012.297c0-6.627-5.373-12-12-12%27%20fill-rule%3D%27nonzero%27%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}
.lg[data-glyph="bluesky"]{--lg-ratio:1.125;--lg-size:0.5882em;--lg-mid:0.3547em;--lg-src:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%27-0.002%200.664%2012.004%2010.675%27%20fill%3D%27%23000%27%3E%3Cg%20transform%3D%27scale(0.5)%27%3E%3Cpath%20d%3D%27M12%2010.8c-1.087-2.114-4.046-6.053-6.798-7.995C2.566.944%201.561%201.266.902%201.565.139%201.908%200%203.08%200%203.768c0%20.69.378%205.65.624%206.479.815%202.736%203.713%203.66%206.383%203.364.136-.02.275-.039.415-.056-.138.022-.276.04-.415.056-3.912.58-7.387%202.005-2.83%207.078%205.013%205.19%206.87-1.113%207.823-4.308.953%203.195%202.05%209.271%207.733%204.308%204.267-4.308%201.172-6.498-2.74-7.078a8.741%208.741%200%200%201-.415-.056c.14.017.279.036.415.056%202.67.297%205.568-.628%206.383-3.364.246-.828.624-5.79.624-6.478%200-.69-.139-1.861-.902-2.206-.659-.298-1.664-.62-4.3%201.24C16.046%204.748%2013.087%208.687%2012%2010.8Z%27%20fill-rule%3D%27nonzero%27%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}
.lg[data-glyph="x"]{--lg-ratio:1.107;--lg-size:0.5588em;--lg-mid:0.3547em;--lg-src:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%27-0.007%200.572%2012.014%2010.858%27%20fill%3D%27%23000%27%3E%3Cg%20transform%3D%27scale(0.5)%27%3E%3Cpath%20d%3D%27M18.901%201.153h3.68l-8.04%209.19L24%2022.846h-7.406l-5.8-7.584-6.638%207.584H.474l8.6-9.83L0%201.154h7.594l5.243%206.932ZM17.61%2020.644h2.039L6.486%203.24H4.298Z%27%20fill-rule%3D%27nonzero%27%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}
.lg[data-glyph="youtube"]{--lg-ratio:1.42;--lg-size:0.5294em;--lg-mid:0.3em;margin-left:.26em;--lg-src:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%27-0.01%201.765%2012.019%208.465%27%20fill%3D%27%23000%27%3E%3Cg%20transform%3D%27scale(0.5)%27%3E%3Cpath%20d%3D%27M23.498%206.186a3.016%203.016%200%200%200-2.122-2.136C19.505%203.545%2012%203.545%2012%203.545s-7.505%200-9.377.505A3.017%203.017%200%200%200%20.502%206.186C0%208.07%200%2012%200%2012s0%203.93.502%205.814a3.016%203.016%200%200%200%202.122%202.136c1.871.505%209.376.505%209.376.505s7.505%200%209.377-.505a3.015%203.015%200%200%200%202.122-2.136C24%2015.93%2024%2012%2024%2012s0-3.93-.502-5.814zM9.545%2015.568V8.432L15.818%2012l-6.273%203.568z%27%20fill-rule%3D%27nonzero%27%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}
.lg[data-glyph="discord"]{--lg-ratio:1.31;--lg-size:0.5588em;--lg-mid:0.3547em;--lg-src:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%27-0.01%201.419%2012.008%209.164%27%20fill%3D%27%23000%27%3E%3Cg%20transform%3D%27scale(0.5)%27%3E%3Cpath%20d%3D%27M20.317%204.3698a19.7913%2019.7913%200%2000-4.8851-1.5152.0741.0741%200%2000-.0785.0371c-.211.3753-.4447.8648-.6083%201.2495-1.8447-.2762-3.68-.2762-5.4868%200-.1636-.3933-.4058-.8742-.6177-1.2495a.077.077%200%2000-.0785-.037%2019.7363%2019.7363%200%2000-4.8852%201.515.0699.0699%200%2000-.0321.0277C.5334%209.0458-.319%2013.5799.0992%2018.0578a.0824.0824%200%2000.0312.0561c2.0528%201.5076%204.0413%202.4228%205.9929%203.0294a.0777.0777%200%2000.0842-.0276c.4616-.6304.8731-1.2952%201.226-1.9942a.076.076%200%2000-.0416-.1057c-.6528-.2476-1.2743-.5495-1.8722-.8923a.077.077%200%2001-.0076-.1277c.1258-.0943.2517-.1923.3718-.2914a.0743.0743%200%2001.0776-.0105c3.9278%201.7933%208.18%201.7933%2012.0614%200a.0739.0739%200%2001.0785.0095c.1202.099.246.1981.3728.2924a.077.077%200%2001-.0066.1276%2012.2986%2012.2986%200%2001-1.873.8914.0766.0766%200%2000-.0407.1067c.3604.698.7719%201.3628%201.225%201.9932a.076.076%200%2000.0842.0286c1.961-.6067%203.9495-1.5219%206.0023-3.0294a.077.077%200%2000.0313-.0552c.5004-5.177-.8382-9.6739-3.5485-13.6604a.061.061%200%2000-.0312-.0286zM8.02%2015.3312c-1.1825%200-2.1569-1.0857-2.1569-2.419%200-1.3332.9555-2.4189%202.157-2.4189%201.2108%200%202.1757%201.0952%202.1568%202.419%200%201.3332-.9555%202.4189-2.1569%202.4189zm7.9748%200c-1.1825%200-2.1569-1.0857-2.1569-2.419%200-1.3332.9554-2.4189%202.1569-2.4189%201.2108%200%202.1757%201.0952%202.1568%202.419%200%201.3332-.946%202.4189-2.1568%202.4189Z%27%20fill-rule%3D%27nonzero%27%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}
.lg[data-glyph="arena"]{--lg-ratio:1.689;--lg-size:0.4706em;--lg-mid:0.3547em;--lg-src:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%27-0.012%20-0.012%2020.315%2012.027%27%20fill%3D%27%23000%27%3E%3Cg%20transform%3D%27scale(0.1349)%27%3E%3Cpath%20d%3D%27M148.93%2062.356l-20.847-16.384c-1.276-1-1.276-2.642%200-3.645l20.848-16.38c1.28-1.002%201.815-2.695%201.19-3.76-.626-1.062-2.374-1.44-3.88-.84l-24.79%209.874c-1.507.606-2.927-.22-3.153-1.83L114.57%202.926C114.34%201.317%20113.13%200%20111.877%200c-1.247%200-2.456%201.317-2.68%202.925l-3.73%2026.467c-.228%201.61-1.646%202.434-3.155%201.83l-24.38-9.71c-1.512-.602-3.975-.602-5.483%200l-24.384%209.71c-1.508.604-2.928-.22-3.154-1.83L41.186%202.925C40.956%201.317%2039.748%200%2038.5%200c-1.252%200-2.463%201.317-2.688%202.925l-3.73%2026.467c-.226%201.61-1.645%202.434-3.153%201.83L4.14%2021.35c-1.507-.603-3.252-.223-3.878.838-.625%201.066-.092%202.76%201.184%203.76l20.85%2016.38c1.277%201.003%201.277%202.645%200%203.646L1.446%2062.356C.166%2063.358-.364%2065.152.26%2066.34c.627%201.19%202.372%201.668%203.877%201.064l24.567-9.866c1.51-.603%202.914.218%203.125%201.828l3.544%2026.696c.214%201.607%201.618%202.923%203.12%202.923%201.5%200%202.905-1.315%203.12-2.923l3.55-26.696c.21-1.61%201.62-2.43%203.122-1.828l24.164%209.698c1.506.606%203.97.606%205.477%200l24.16-9.698c1.504-.603%202.91.218%203.125%201.828l3.55%2026.696c.212%201.607%201.617%202.923%203.115%202.923%201.502%200%202.907-1.315%203.12-2.923l3.55-26.696c.216-1.61%201.62-2.43%203.124-1.828l24.57%209.866c1.5.604%203.25.125%203.876-1.063.627-1.186.094-2.98-1.185-3.982zM95.89%2046.18L77.53%2060.315c-1.285.99-3.393.99-4.674%200L54.49%2046.18c-1.284-.99-1.294-2.62-.02-3.625l18.4-14.493c1.274-1.005%203.363-1.005%204.638%200l18.4%2014.493c1.277%201.004%201.267%202.634-.02%203.626z%27%20fill-rule%3D%27nonzero%27%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}
.lg[data-glyph="arena-block"]{--lg-ratio:1.689;--lg-size:0.4706em;--lg-mid:0.3547em;--lg-src:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%27-0.012%20-0.012%2020.315%2012.027%27%20fill%3D%27%23000%27%3E%3Cg%20transform%3D%27scale(0.1349)%27%3E%3Cpath%20d%3D%27M148.93%2062.356l-20.847-16.384c-1.276-1-1.276-2.642%200-3.645l20.848-16.38c1.28-1.002%201.815-2.695%201.19-3.76-.626-1.062-2.374-1.44-3.88-.84l-24.79%209.874c-1.507.606-2.927-.22-3.153-1.83L114.57%202.926C114.34%201.317%20113.13%200%20111.877%200c-1.247%200-2.456%201.317-2.68%202.925l-3.73%2026.467c-.228%201.61-1.646%202.434-3.155%201.83l-24.38-9.71c-1.512-.602-3.975-.602-5.483%200l-24.384%209.71c-1.508.604-2.928-.22-3.154-1.83L41.186%202.925C40.956%201.317%2039.748%200%2038.5%200c-1.252%200-2.463%201.317-2.688%202.925l-3.73%2026.467c-.226%201.61-1.645%202.434-3.153%201.83L4.14%2021.35c-1.507-.603-3.252-.223-3.878.838-.625%201.066-.092%202.76%201.184%203.76l20.85%2016.38c1.277%201.003%201.277%202.645%200%203.646L1.446%2062.356C.166%2063.358-.364%2065.152.26%2066.34c.627%201.19%202.372%201.668%203.877%201.064l24.567-9.866c1.51-.603%202.914.218%203.125%201.828l3.544%2026.696c.214%201.607%201.618%202.923%203.12%202.923%201.5%200%202.905-1.315%203.12-2.923l3.55-26.696c.21-1.61%201.62-2.43%203.122-1.828l24.164%209.698c1.506.606%203.97.606%205.477%200l24.16-9.698c1.504-.603%202.91.218%203.125%201.828l3.55%2026.696c.212%201.607%201.617%202.923%203.115%202.923%201.502%200%202.907-1.315%203.12-2.923l3.55-26.696c.216-1.61%201.62-2.43%203.124-1.828l24.57%209.866c1.5.604%203.25.125%203.876-1.063.627-1.186.094-2.98-1.185-3.982zM95.89%2046.18L77.53%2060.315c-1.285.99-3.393.99-4.674%200L54.49%2046.18c-1.284-.99-1.294-2.62-.02-3.625l18.4-14.493c1.274-1.005%203.363-1.005%204.638%200l18.4%2014.493c1.277%201.004%201.267%202.634-.02%203.626z%27%20fill-rule%3D%27nonzero%27%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}
.lg[data-glyph="external"]{--lg-ratio:0.999;--lg-size:0.5000em;--lg-mid:0.2941em;--lg-src:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%272.499%202.853%206.642%206.649%27%20fill%3D%27%23000%27%3E%3Cg%20transform%3D%27translate(6%206)%20rotate(-45)%20scale(0.0125%20-0.0125)%20translate(-400%20-355)%27%3E%3Cpath%20d%3D%27M333%2044%20602%20314H45V396H604L334%20666H445L755%20355L444%2044Z%27%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}
.lg[data-glyph="voice"]{--lg-ratio:1.073;--lg-size:0.5882em;--lg-mid:0.3547em;--lg-src:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270.446%200.446%2011.914%2011.104%27%20fill%3D%27%23000%27%3E%3Cpath%20d%3D%27M1.2%205V7M3.8%203V9M6.4%201.2V10.8M9%203.8V8.2M11.6%205.2V6.8%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%271.5%27%20stroke-linecap%3D%27square%27%20stroke-linejoin%3D%27miter%27%2F%3E%3C%2Fsvg%3E")}
.lg[data-glyph="chats"]{--lg-ratio:1.062;--lg-size:0.5294em;--lg-mid:0.3547em;--lg-src:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270.792%201.5%2010.416%209.804%27%20fill%3D%27%23000%27%3E%3Cpath%20d%3D%27M3%201.5H9A2.2%202.2%200%200%201%2011.2%203.7V7A2.2%202.2%200%200%201%209%209.2H5.6L2.6%2011.3V9.15A2.2%202.2%200%200%201%200.8%207V3.7A2.2%202.2%200%200%201%203%201.5Z%27%2F%3E%3C%2Fsvg%3E")}
.lg[data-glyph="linkedin"]{--lg-ratio:1;--lg-size:0.5294em;--lg-mid:0.3547em;--lg-src:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' fill='black'><g transform='scale(0.5)'><path fill-rule='evenodd' d='M3.5 0h17A3.5 3.5 0 0 1 24 3.5v17a3.5 3.5 0 0 1-3.5 3.5h-17A3.5 3.5 0 0 1 0 20.5v-17A3.5 3.5 0 0 1 3.5 0ZM5 9.4h3.5V20H5ZM6.75 3.6a2.05 2.05 0 1 0 0 4.1a2.05 2.05 0 1 0 0-4.1ZM10.7 9.4h3.35v1.5c.55-1 1.85-1.8 3.55-1.8c2.9 0 4.1 1.8 4.1 5V20h-3.5v-5.2c0-1.5-.5-2.5-1.85-2.5c-1.5 0-2.15 1.1-2.15 2.6V20h-3.5Z'/></g></svg>")}
.lg[data-glyph="email"]{--lg-ratio:1.333;--lg-size:0.4706em;--lg-mid:0.3547em;--lg-src:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 9' fill='black'><g transform='scale(0.5)'><path fill-rule='evenodd' d='M2.5 0h19A2.5 2.5 0 0 1 24 2.5v13a2.5 2.5 0 0 1-2.5 2.5h-19A2.5 2.5 0 0 1 0 15.5v-13A2.5 2.5 0 0 1 2.5 0ZM2.2 3.1 12 10.3l9.8-7.2v2.3L12 12.6 2.2 5.4Z'/></g></svg>")}
.lg[data-glyph="whatsapp"]{--lg-ratio:0.996;--lg-size:0.7059em;--lg-mid:0.3547em;--lg-src:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270.05%200%2023.9%2024%27%20fill%3D%27%23000%27%3E%3Cpath%20d%3D%27M17.47%2014.38c-.3-.15-1.76-.87-2.03-.97s-.47-.14-.67.15-.76.97-.94%201.17-.34.22-.64.07-1.26-.46-2.4-1.47a9%209%200%200%201-1.64-2.06c-.18-.3-.02-.46.13-.6.13-.14.3-.35.44-.53.15-.17.2-.3.3-.5s.05-.36-.03-.51l-.91-2.21c-.24-.58-.49-.5-.67-.51l-.57-.01c-.2%200-.52.07-.8.37-.26.3-1.03%201.02-1.03%202.48s1.06%202.88%201.21%203.08%202.1%203.2%205.08%204.48q1.04.44%201.7.63c.7.22%201.35.2%201.86.11.57-.08%201.76-.71%202-1.4.26-.7.26-1.3.18-1.42-.07-.13-.27-.2-.57-.35m-5.42%207.4A10%2010%200%200%201%207%2020.42l-.36-.22-3.74.99%201-3.65-.23-.38a10%2010%200%200%201-1.51-5.26%209.9%209.9%200%200%201%2016.87-6.98%209.8%209.8%200%200%201%202.9%207%209.9%209.9%200%200%201-9.89%209.88m8.41-18.3a11.8%2011.8%200%200%200-8.4-3.5%2011.9%2011.9%200%200%200-10.3%2017.84L.05%2024l6.31-1.65a12%2012%200%200%200%205.69%201.44c6.55%200%2011.89-5.33%2011.9-11.89a11.8%2011.8%200%200%200-3.49-8.41%27%2F%3E%3C%2Fsvg%3E")}
.lg[data-glyph="claude"]{--lg-ratio:1.000;--lg-size:0.6765em;--lg-mid:0.3547em;--lg-src:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270.01%200%2023.98%2023.99%27%20fill%3D%27%23000%27%3E%3Cpath%20d%3D%27m4.71%2015.96%204.72-2.65.08-.23-.08-.13H9.2l-.79-.05-2.7-.07-2.33-.1-2.27-.12-.57-.12-.53-.7.05-.36.48-.32.69.06%201.52.1%202.27.16%201.66.1%202.44.25h.4l.05-.15-.14-.1-.1-.1-2.36-1.6-2.55-1.68-1.33-.97-.73-.5L2%206.22l-.16-1%20.66-.73.88.06.22.06.9.69%201.9%201.48L8.9%208.6l.36.3.14-.1.02-.07-.16-.28L7.9%206.02l-1.44-2.5L5.8%202.5l-.17-.62c-.06-.26-.1-.47-.1-.73L6.29.13%206.7%200l1%20.13.41.37.62%201.41%201%202.23%201.56%203.03.45.9.25.83.09.26h.16V9l.12-1.7.24-2.1.23-2.7.08-.76.38-.9.74-.5.59.28.48.69-.07.44-.29%201.85-.55%202.9-.37%201.95h.21l.25-.25.98-1.3%201.65-2.07.73-.81.85-.9.55-.44h1.03l.76%201.13-.34%201.16-1.06%201.35-.89%201.14-1.26%201.7-.79%201.36.08.11.18-.02%202.86-.6%201.54-.28%201.84-.32.83.4.1.39-.34.8-1.96.49-2.31.46-3.44.81-.04.03.05.07%201.55.14.66.04h1.62l3.02.22.79.52.47.64-.08.49-1.21.62-1.64-.4-3.83-.9-1.3-.33h-.19v.1l1.1%201.08%202%201.8%202.5%202.34.13.57-.32.46-.34-.05-2.2-1.66-.85-.74-1.93-1.62h-.13v.17l.45.65%202.34%203.52.12%201.08-.17.35-.6.21-.67-.12-1.38-1.92-1.41-2.17-1.14-1.94-.14.08-.68%207.25-.31.37-.73.28-.6-.46-.33-.75.32-1.47.4-1.93.3-1.53.3-1.9.16-.63v-.04l-.15.02-1.43%201.96-2.18%202.95-1.73%201.84-.4.17-.72-.37.06-.66.4-.6%202.39-3.03%201.44-1.88.93-1.09v-.16h-.06l-6.34%204.12-1.13.15-.49-.46.06-.75.23-.24%201.91-1.31Z%27%2F%3E%3C%2Fsvg%3E")}
.lg[data-glyph="metawiki"]{--lg-ratio:1;--lg-size:0.6765em;--lg-mid:0.3547em;--lg-src:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%2732%2032%20448%20448%27%3E%3Cg%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%2748%27%3E%3Cpath%20d%3D%27M94.2%20138.4A200%20200%200%200%201%20417.8%20138.4%27%2F%3E%3Cpath%20d%3D%27M451.6%20214.4A200%20200%200%200%201%20297.6%20451.6%27%2F%3E%3Cpath%20d%3D%27M214.4%20451.6A200%20200%200%200%201%2060.4%20214.4%27%2F%3E%3C%2Fg%3E%3Ccircle%20cx%3D%27256%27%20cy%3D%27256%27%20r%3D%2796%27%2F%3E%3C%2Fsvg%3E")}
.lg[data-glyph="wikipedian"]{--lg-ratio:1.524;--lg-size:0.5588em;--lg-mid:0.3547em;--lg-src:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%27-9.0%20-9.0%20179.8%20118.0%27%3E%3Cpath%20d%3D%27M0%200H161.8V100H0ZM61.8%200V100M0%2061.8H61.8%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-opacity%3D%270.45%27%20stroke-width%3D%2710.8%27%20stroke-linejoin%3D%27round%27%2F%3E%3Cpath%20d%3D%27M161.8%20100A100%20100%200%200%200%2061.8%200A61.8%2061.8%200%200%200%200%2061.8A38.2%2038.2%200%200%200%2038.2%20100A23.6%2023.6%200%200%200%2061.8%2076.4A14.6%2014.6%200%200%200%2047.2%2061.8A9%209%200%200%200%2038.2%2070.8%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%2718%27%20stroke-linecap%3D%27round%27%2F%3E%3Ccircle%20cx%3D%2742%27%20cy%3D%2771.5%27%20r%3D%2711.2%27%2F%3E%3C%2Fsvg%3E")}
.runtime-mark{position:relative;min-width:0;min-height:300px;border-right:1px solid var(--line);overflow:hidden;contain:strict;isolation:isolate;touch-action:pan-y;-webkit-user-select:none;user-select:none;cursor:pointer;--plot-l:52px;--plot-r:18px;--plot-t:46px;--plot-b:36px;--note-b:12px;--cm-move:240ms;--cm-ease:cubic-bezier(.22,.9,.3,1)}
.runtime-mark[data-state="stage"]{cursor:cell}
.runtime-mark :is(a,button,[role=button]){cursor:pointer}
.runtime-mark:focus-visible{outline:2px solid var(--ink);outline-offset:-2px}
.cx-reads{grid-template-columns:repeat(3,max-content)}
.cx-source{position:relative}
.cx-source-glyph{display:inline-flex;align-items:center;justify-content:center;flex:none;width:14px;height:14px}
.cx-source-glyph .lg{bottom:0;margin:0}
.cx-source[aria-pressed="true"] .lg::after{opacity:1}
@media (max-width:700px){.runtime-mark{min-height:336px;border-right:0;border-bottom:1px solid var(--line);--plot-l:44px;--plot-r:12px;--plot-b:72px;--note-b:54px}}
@media (prefers-reduced-motion:reduce){.runtime-mark :is(.cm-card,.cm-card .lg,.cm-lane,.cm-ruler,.cm-note){transition:none!important}}
.runtime-mark{-webkit-touch-callout:none}
.runtime-mark{container-type:size}
.cm-pre{position:absolute;inset:0;display:grid;place-content:center;grid-template-columns:repeat(var(--pcols,3),var(--pc));gap:var(--pg);translate:0 var(--py,-8px);pointer-events:none;
  --pb:round(nearest,min(62cqh / 3.36,84cqw / 3.36,clamp(48px,34cqmin,140px) * .92),2px);--pc:max(48px,round(nearest,var(--pb),16px));--pg:16px}
.cm-pre-card{position:relative;width:var(--pc);height:var(--pc);background:var(--bg);border:1px solid var(--line)}
.runtime-mark .cm-pre-card .lg[data-glyph]{position:absolute;left:50%;top:50%;bottom:auto;margin:0;height:calc(26% * var(--cm-g,1));max-width:58%;width:auto;aspect-ratio:var(--lg-ratio,1);transform:translate(-50%,-50%)}
.runtime-mark .cm-pre-card .lg::before{display:none}
.runtime-mark .cm-pre-card .lg::after{opacity:.82}
.cm-pre-card .lg[data-glyph="wikipedia"]{--cm-g:.74}
.cm-pre-card .lg[data-glyph="arena"]{--cm-g:.62}
.cm-pre-card .lg[data-glyph="discord"]{--cm-g:.84}
.cm-pre-card .lg[data-glyph="youtube"]{--cm-g:.86}
.cm-pre-card .lg[data-glyph="x"]{--cm-g:.9}
@media (max-width:700px){.cx-figure{container-type:inline-size}.cx-tile{transition:height 220ms var(--ease),border-color 220ms var(--ease)}.cx-tile.open{aspect-ratio:auto;height:min(100cqw,420px)}.cx-tile:not(.open){--c:round(down,(100cqw - 64px) / 9,1px);aspect-ratio:auto;height:calc(var(--c) + 2px);border-color:transparent;background:none}.cx-tile:not(.open) :is(.cm-field,.cm-dots){visibility:hidden}.cx-tile:not(.open) .cm-pre{--pcols:9;--pc:var(--c);--pg:8px;--py:0px}.cx-tile:not(.open) .runtime-mark :is(.cm-card,.cm-pre-card) .lg[data-glyph]{height:calc(40% * var(--cm-g,1))}.cx-tile:not(.open) .runtime-mark::before{display:none}.cx-body{display:flex;flex-direction:column;gap:14px}.cx-side{display:contents}.cx-side .project-summary{order:-1}.cx-reads{display:none}.cx-row,.cx-source,.runtime-mark{-webkit-tap-highlight-color:transparent}}
.runtime-mark::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(circle,var(--grid) .75px,transparent 1.1px) 0 0/16px 16px;opacity:var(--cq-rest,1);pointer-events:none}
.runtime-mark::before{display:none}
.cm-pre-card{border-color:transparent;background:transparent;transition:background-color var(--hover) var(--ease)}
.cx-source-glyph{transition:opacity 240ms var(--ease)}
.cx-source-label{transition:opacity 240ms var(--ease),text-decoration-color var(--hover) var(--ease)}
.ab-tile{touch-action:pan-y;-webkit-user-select:none;user-select:none;cursor:pointer;-webkit-tap-highlight-color:transparent}
.ab-tile[aria-pressed="true"]{cursor:cell}
.ab-tile:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
.ab-tile .ab-mark{overflow:visible}
::view-transition{background:var(--bg)}
.links-channels{display:flex;flex-direction:column;gap:52px}
.lr{position:relative}
.lr-title{font-size:22px;letter-spacing:-.02em;line-height:1.2}
.lr-title .text-link{min-height:32px}
.lr :is(.pc-post,.pc-thread,.pc-next,.pc-quote)>*{flex-shrink:0}
@media(hover:none) and (pointer:coarse){.ex-body{max-height:none;overflow-y:visible}}
:is(.lc-text,.ab-description,.prose) blockquote:has(>:is(pre,code,.pre-art)){padding-left:0;border-left:0}
.ab-side{align-self:start;display:flex;flex-direction:column;gap:10px;min-width:0;font-size:14px;line-height:1.5}
:root[data-v-projindex="rules"] :is(.collection-projects,.collection-links) .index-entry,:root[data-v-projindex="quiet"] :is(.collection-projects,.collection-links) .index-entry{border-top:1px solid color-mix(in srgb,var(--line) 70%,transparent);padding:14px 0 16px}
:root[data-v-projindex="rules"] :is(.collection-projects,.collection-links) .collection-index,:root[data-v-projindex="quiet"] :is(.collection-projects,.collection-links) .collection-index,:root[data-v-projindex="lean"] :is(.collection-projects,.collection-links) .collection-index{border-top:0;padding-top:0}
:root[data-v-projindex="rules"] :is(.collection-projects,.collection-links) .index-entry:first-child,:root[data-v-projindex="quiet"] :is(.collection-projects,.collection-links) .index-entry:first-child{border-top:0}
:root[data-v-projindex="rules"] :is(.collection-projects,.collection-links) .index-title,:root[data-v-projindex="quiet"] :is(.collection-projects,.collection-links) .index-title,:root[data-v-projindex="lean"] :is(.collection-projects,.collection-links) .index-title{font-size:21px}
:root[data-v-projindex="rules"] :is(.collection-projects,.collection-links) .index-summary,:root[data-v-projindex="quiet"] :is(.collection-projects,.collection-links) .index-summary,:root[data-v-projindex="lean"] :is(.collection-projects,.collection-links) .index-summary{font-size:14px;margin-top:3px}
:root[data-v-projindex="lean"] :is(.collection-projects,.collection-links) .index-entry{padding:9px 0 10px}
:root[data-v-projindex="lean"] :is(.collection-projects,.collection-links) .index-summary{color:color-mix(in srgb,var(--muted) 82%,var(--bg))}
:root[data-v-projindex="rules"] :is(.collection-projects,.collection-links) .index-entry .tag{height:auto;padding:0;border:0;background:none;font-size:11px;color:color-mix(in srgb,var(--muted) 80%,var(--bg))}
:root[data-v-projindex="rules"] :is(.collection-projects,.collection-links) .index-entry .tag[aria-pressed="true"]{color:var(--ink);background:none;text-decoration:underline;text-underline-offset:.25em}
@media(hover:hover){:root[data-v-projindex="rules"] :is(.collection-projects,.collection-links) .index-entry .tag:hover{color:var(--ink)}}
:root[data-v-projindex="quiet"] :is(.collection-projects,.collection-links) .index-line>.tags,:root[data-v-projindex="lean"] :is(.collection-projects,.collection-links) .index-line>.tags{opacity:0;transition:opacity var(--hover) var(--ease)}
:root[data-v-projindex="quiet"] :is(.collection-projects,.collection-links) .index-entry:hover .tags,:root[data-v-projindex="quiet"] :is(.collection-projects,.collection-links) .index-entry:focus-within .tags,:root[data-v-projindex="lean"] :is(.collection-projects,.collection-links) .index-entry:hover .tags,:root[data-v-projindex="lean"] :is(.collection-projects,.collection-links) .index-entry:focus-within .tags,:root[data-v-projindex="quiet"] :is(.collection-projects,.collection-links) .index-entry .tags:has(.tag[aria-pressed="true"]),:root[data-v-projindex="lean"] :is(.collection-projects,.collection-links) .index-entry .tags:has(.tag[aria-pressed="true"]){opacity:1}
:root[data-v-projindex="quiet"] :is(.collection-projects,.collection-links) .index-entry .tag,:root[data-v-projindex="lean"] :is(.collection-projects,.collection-links) .index-entry .tag{height:auto;padding:0;border:0;background:none;font-size:11px}
:root[data-v-projindex="quiet"] :is(.collection-projects,.collection-links) .index-entry .tag[aria-pressed="true"],:root[data-v-projindex="lean"] :is(.collection-projects,.collection-links) .index-entry .tag[aria-pressed="true"]{color:var(--ink);background:none;text-decoration:underline;text-underline-offset:.25em}
@media(hover:none){:root[data-v-projindex="quiet"] :is(.collection-projects,.collection-links) .index-line>.tags,:root[data-v-projindex="lean"] :is(.collection-projects,.collection-links) .index-line>.tags{display:none}}
@media(max-width:700px){:root[data-v-projindex="rules"] :is(.collection-projects,.collection-links) .index-entry,:root[data-v-projindex="quiet"] :is(.collection-projects,.collection-links) .index-entry{padding:12px 0 14px}:root[data-v-projindex="quiet"] :is(.collection-projects,.collection-links) .index-entry>.index-line>.tags,:root[data-v-projindex="lean"] :is(.collection-projects,.collection-links) .index-entry>.index-line>.tags{margin-top:4px}}
:root:is([data-v-projindex="rules"],[data-v-projindex="quiet"],[data-v-projindex="lean"]) :is(.collection-projects,.collection-links) .index-entry .tag:not(:last-child)::after{content:',';position:absolute;left:100%;text-decoration:none}
:root:is([data-v-projindex="rules"],[data-v-projindex="quiet"],[data-v-projindex="lean"]) :is(.collection-projects,.collection-links) .index-entry .tags{gap:0 12px}
:root:is([data-v-projindex="rules"],[data-v-projindex="quiet"],[data-v-projindex="lean"]) :is(.collection-projects,.collection-links) .index-entry .tag{gap:0}
.ae-icon{display:inline-flex;align-items:center;justify-content:center;min-width:24px;min-height:32px;color:var(--muted);transition:color var(--hover,120ms) var(--ease,ease)}
.ae-icon:is(:hover,:focus-visible){color:var(--ink,var(--fg,currentColor))}
.ae-icon .lg{--lg-h:17px;--lg-bottom:0;margin:0;vertical-align:middle}
.ae-icon .lg::after{opacity:1}
.ae-icon .lg:is([data-glyph="arena"]){--lg-h:10px}
.ae-icon .lg:is([data-glyph="x"]){--lg-h:15px}
.ae-icon .lg:is([data-glyph="email"]){--lg-h:13px}
#overlay{--ov-sep:"\2192"}
#overlay:has(.overlay-scroll>.channel-page:not([data-parked])) .overlay-title::before{content:var(--ov-crumb,"Links") " " var(--ov-sep) " ";color:color-mix(in srgb,var(--muted) 62%,var(--bg))}
.theme-snap{--hover:0ms;--press:0ms;--lg-time:0ms}
.theme-snap :is(.lr-thumb,.lr-step,.pc-via-corner){transition-duration:0ms!important}
.ts{position:relative;display:inline-grid;place-items:center;width:32px;height:32px;margin:0;padding:0;border:0;border-radius:50%;background:none;color:var(--ink);cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}
.ts:focus-visible{outline:1.5px solid var(--ink);outline-offset:-3px}
.ts svg{display:block;width:16px;height:16px;overflow:visible;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:square;stroke-linejoin:miter}
.ts .face{display:block;width:16px;height:16px;transition:transform 220ms cubic-bezier(.3,1.4,.5,1)}
@media (hover:hover){.ts:hover .face{transform:rotate(-20deg)}}
.ts.pressed .face{transform:scale(.86);transition:transform 60ms var(--ease)}
@media (hover:hover){.ts.pressed:hover .face{transform:rotate(-20deg) scale(.86)}}
.ts-tip{position:absolute;z-index:5;top:calc(100% + 2px);right:8px;padding:3px 7px;border:1px solid var(--line);border-radius:3px;background:var(--bg);color:var(--ink);font:400 12px/1.4 var(--sans);letter-spacing:0;white-space:nowrap;pointer-events:none;opacity:0;visibility:hidden;transform:translateY(-2px);transition:opacity 120ms var(--ease),transform 160ms var(--ease),visibility 0s linear 120ms}
.ts.tip-on .ts-tip{opacity:1;visibility:visible;transform:none;transition:opacity 90ms var(--ease),transform 160ms var(--ease),visibility 0s}
@media (pointer:coarse){.ts-tip{right:14px;top:calc(100% - 2px)}}
@media (forced-colors:active){.ts-tip{border-color:CanvasText}}
.ts .fill{fill:currentColor;stroke:none}
:root:not([data-theme]) .ts .fill{fill:none;stroke:currentColor}
@media (pointer:coarse){.ts{width:44px;height:44px}}
.ts-lamp .rays{transform-origin:8px 8px;transition:transform 150ms cubic-bezier(.3,1.4,.5,1),opacity 90ms linear}
.ts-lamp .disc{transform-origin:8px 8px;transform:scale(.58);transition:transform 160ms cubic-bezier(.3,1.45,.5,1)}
.ts-lamp .bite{transform:translate(10px,-10px);transition:transform 170ms cubic-bezier(.3,1.35,.5,1)}
.ts-lamp .bite-edge{fill:none;stroke:none}
:root:not([data-theme]) .ts-lamp .bite-edge{stroke:currentColor}
:root[data-resolved="dark"] .ts-lamp .rays{transform:rotate(45deg) scale(.2);opacity:0}
:root[data-resolved="dark"] .ts-lamp .disc{transform:none}
:root[data-resolved="dark"] .ts-lamp .bite{transform:translate(3.3px,-3.3px)}
.ts-lamp .disc,.ts-lamp .bite{vector-effect:non-scaling-stroke}
@media (hover:hover){:root[data-resolved="dark"] .ts-lamp:hover .face{transform:translateY(-2px)}:root[data-resolved="dark"] .ts-lamp.pressed:hover .face{transform:translateY(-2px) scale(.86)}}
@media (prefers-reduced-motion:reduce){.ts-tip{transform:none!important}.ts .face,.ts-lamp :is(.rays,.disc,.bite){transition:none!important}}
[data-tone="b9c1ae"]{--tone:#b9c1ae}
[data-tone-dark="b9c1ae"]{--tone-dark:#b9c1ae}
[data-tone="becbc9"]{--tone:#becbc9}
[data-tone-dark="becbc9"]{--tone-dark:#becbc9}
[data-tone="201a17"]{--tone:#201a17}
[data-tone-dark="201a17"]{--tone-dark:#201a17}
[data-tone="283a39"]{--tone:#283a39}
[data-tone-dark="283a39"]{--tone-dark:#283a39}
[data-tone="c8d1c9"]{--tone:#c8d1c9}
[data-tone-dark="c8d1c9"]{--tone-dark:#c8d1c9}
[data-tone="202429"]{--tone:#202429}
[data-tone-dark="202429"]{--tone-dark:#202429}
[data-tone="2e3c31"]{--tone:#2e3c31}
[data-tone-dark="2e3c31"]{--tone-dark:#2e3c31}
[data-tone="929492"]{--tone:#929492}
[data-tone-dark="929492"]{--tone-dark:#929492}
[data-tone="a79e91"]{--tone:#a79e91}
[data-tone-dark="a79e91"]{--tone-dark:#a79e91}
[data-tone="9f8d77"]{--tone:#9f8d77}
[data-tone-dark="9f8d77"]{--tone-dark:#9f8d77}
[data-tone="a59c8e"]{--tone:#a59c8e}
[data-tone-dark="a59c8e"]{--tone-dark:#a59c8e}
[data-tone="6d6763"]{--tone:#6d6763}
[data-tone-dark="6d6763"]{--tone-dark:#6d6763}
[data-tone="88827a"]{--tone:#88827a}
[data-tone-dark="88827a"]{--tone-dark:#88827a}
[data-ar="2066x796"]{--ratio:2.5955}
[data-ar="1350x1800"]{--ratio:0.75}
[data-ar="1500x2000"]{--ratio:0.75}
[data-ar="1800x1350"]{--ratio:1.3333}
[data-ar="1080x1920"]{--ratio:0.5625}
[data-ar="888x1184"]{--ratio:0.75}
[data-ar="1600x1068"]{--ratio:1.4981}
[data-ar="2880x1800"]{--ratio:1.6}
[data-ar="1327x884"]{--ratio:1.5011}
[data-ar="1768x1179"]{--ratio:1.4996}
:root[data-keys]{--kf-wash:var(--select);--kf-ink:var(--ink);--kf-rule:var(--ink)}
:root[data-keys] :is(.project.kf-at .project-title h3,.lr.kf-in .lr-title) .text-link{text-decoration-color:var(--kf-ink)}
.overlay-scroll{overscroll-behavior-x:auto}
.prose pre{overscroll-behavior-x:contain}
.masthead{align-items:baseline}
.controls{margin-top:0}
.identity{padding:0}
.name{display:inline-block;text-decoration:underline 1px;text-underline-offset:.14em;text-decoration-color:transparent;transition:text-decoration-color var(--hover) var(--ease),transform var(--hover) var(--ease),color var(--hover) var(--ease)}
@media(hover:hover){.identity:hover .name{text-decoration-color:var(--ink)}}
.identity:focus-visible .name{text-decoration-color:var(--ink)}
.identity:active .name{transform:translateY(1px);transition-duration:var(--press)}
@media(max-width:600px){.masthead{align-items:center}}
:is(.contact-button,.view-switch button,.cx-row,.cx-source,.ab-tile,.lr-step:not(:disabled),.lr-item:not(.lr-more) .post-card,.pc-card){transition-property:color,border-color,background-color,text-decoration-color,transform;transition-duration:var(--hover);transition-timing-function:var(--ease)}
:is(.contact-button,.view-switch button,.cx-row,.cx-source,.ab-tile,.lr-step:not(:disabled)):active{transform:translateY(1px);transition-duration:var(--press)}
@media(prefers-reduced-motion:reduce){.name{transition:none!important}}
.pl-field,.pl-icon{display:none}
.js .pl-field{position:relative;display:inline-block;width:164px;height:32px;margin:0 6px 0 -10px;padding:0 26px 0 10px;white-space:nowrap;border:1px solid transparent;border-radius:6px;background:transparent;color:var(--muted);font:400 15px/30px var(--sans);text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background-color var(--hover) var(--ease),border-color var(--hover) var(--ease),color var(--hover) var(--ease)}
.pl-field svg{display:inline-block;margin-right:8px;vertical-align:-2px}
.pl-field svg,.pl-icon svg{flex:none;width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;overflow:visible}
.pl-label-site{display:none}
.pl-field-key{position:absolute;top:0;right:10px;font:400 12px/30px var(--mono);color:var(--muted);opacity:0;transition:opacity var(--hover) var(--ease)}
@media(hover:hover){.pl-field:hover{border-color:color-mix(in srgb,var(--line) 70%,transparent);background:var(--panel);color:var(--ink)}.pl-field:hover .pl-field-key{opacity:1}}
.pl-field:focus-visible{outline:1.5px solid var(--ink);outline-offset:-2px;color:var(--ink)}
.pl-field:focus-visible .pl-field-key{opacity:1}
.pl-field:active{background:color-mix(in srgb,var(--ink) 8%,var(--panel))}
.pl-icon{place-items:center;width:32px;height:32px;margin:0 -2px 0 -8px;padding:0;border:0;border-radius:50%;background:none;color:var(--ink);cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}
.pl-icon svg{width:16px;height:16px;transition:transform 220ms cubic-bezier(.3,1.4,.5,1)}
@media(hover:hover){.pl-icon:hover svg{transform:rotate(-12deg) scale(1.06)}}
.pl-icon:active svg{transform:scale(.86);transition:transform 60ms var(--ease)}
.pl-icon:focus-visible{outline:1.5px solid var(--ink);outline-offset:-3px}
@media(pointer:coarse){.pl-icon{width:44px;height:44px}}
@media(max-width:600px){.masthead{grid-template-columns:minmax(0,1fr) auto auto}.controls .ts{grid-column:3}.js .pl-field{display:none}.js .pl-icon{display:inline-grid;grid-column:2;grid-row:1;align-self:center;margin:0 -6px 0 0}}
@media(prefers-reduced-motion:reduce){.pl-icon svg,.pl-field,.pl-field-key{transition:none!important}}
.text-link:has(>.link-text[data-split]){text-decoration-line:none}
.link-text[data-split]{text-decoration-color:inherit}
.project-title h3 .text-link,.lr-title .text-link{text-decoration-color:transparent}
@media(hover:hover){.project-title h3 .text-link:hover,.lr-title .text-link:hover{text-decoration-color:var(--ink)}}
.project-title h3 .text-link:focus-visible,.lr-title .text-link:focus-visible{text-decoration-color:var(--ink)}
.foot-names .lg:not(.lg-lead){display:none}
.foot-names .lg-lead{margin-left:0;margin-right:var(--lg-gap)}
@container foot (width < 456.15px){:root .foot-names{display:none}:root .foot-glyphs{display:flex}}