@font-face{font-family:"IBM Plex Mono";src:url(public/fonts/plex/IBMPlexMono-400.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"IBM Plex Mono";src:url(public/fonts/plex/IBMPlexMono-500.woff2) format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:"IBM Plex Mono";src:url(public/fonts/plex/IBMPlexMono-600.woff2) format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:"Newsreader";src:url(public/fonts/Newsreader-Italic-400.woff2) format("woff2");font-style:italic;font-weight:400;font-display:swap}
@font-face{font-family:"Stem 7";src:url(fonts/files/Stem7-Regular.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Hoop";src:url(fonts/files/Hoop-Regular.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Hoop";src:url(fonts/files/Hoop-Bold.woff2) format("woff2");font-weight:700;font-display:swap}
:root,[data-theme="light"]{--paper: #eeede7;--sheet: #f9f9f5;--ink: #16181d;--ink-muted: #555a61;--rule: #c9c9c0;--rule-faint: #e0e0d8;--cobalt: #2236b0;--cobalt-text: #2236b0;--on-cobalt: #f9f9f5;--cobalt-tint: #dde1f2;--vermilion: #ee5228;--vermilion-text: #b8300c;--on-vermilion: #16181d;--vermilion-tint: #f7dcd2;--sun: #f2c81b;--on-sun: #16181d;--sun-tint: #f6ebbd;--teal: #2f8f9d;--teal-text: #1d6c77;--on-teal: #16181d;--phosphor: #9cbc2c;--phosphor-text: #4f6512;--on-phosphor: #16181d;--press-edge: #16181d;--focus: var(--cobalt-text);--shadow-press: 0 3px 0 var(--press-edge);color-scheme: light}@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){--paper: #121417;--sheet: #1b1e22;--ink: #ecebe4;--ink-muted: #a2a7ad;--rule: #3a3e44;--rule-faint: #25282d;--cobalt: #4a60db;--cobalt-text: #9fb0ff;--on-cobalt: #f9f9f5;--cobalt-tint: #1e2444;--vermilion: #ff6a3d;--vermilion-text: #ff8a63;--on-vermilion: #16181d;--vermilion-tint: #3b1e15;--sun: #f5cf2a;--on-sun: #16181d;--sun-tint: #36301a;--teal: #3fb0bd;--teal-text: #6cc8d3;--on-teal: #16181d;--phosphor: #b8d84c;--phosphor-text: #b8d84c;--on-phosphor: #16181d;--press-edge: #3a3e44;--focus: var(--cobalt-text);--shadow-press: 0 3px 0 var(--press-edge);color-scheme: dark}}[data-theme="dark"]{--paper: #121417;--sheet: #1b1e22;--ink: #ecebe4;--ink-muted: #a2a7ad;--rule: #3a3e44;--rule-faint: #25282d;--cobalt: #4a60db;--cobalt-text: #9fb0ff;--on-cobalt: #f9f9f5;--cobalt-tint: #1e2444;--vermilion: #ff6a3d;--vermilion-text: #ff8a63;--on-vermilion: #16181d;--vermilion-tint: #3b1e15;--sun: #f5cf2a;--on-sun: #16181d;--sun-tint: #36301a;--teal: #3fb0bd;--teal-text: #6cc8d3;--on-teal: #16181d;--phosphor: #b8d84c;--phosphor-text: #b8d84c;--on-phosphor: #16181d;--press-edge: #3a3e44;--focus: var(--cobalt-text);--shadow-press: 0 3px 0 var(--press-edge);color-scheme: dark}:root{--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-6: 24px;--space-8: 32px;--space-12: 48px;--space-16: 64px;--radius-none: 0px;--radius-hair: 2px;--radius-hardware: 10px;--radius-disc: 999px;--stretch-condensed: 62%;--stretch-normal: 100%;--stretch-expanded: 125%;--line-hair: 1px;--line-draw: 1.5px;--line-heavy: 3px;--font-display: "Hoop",system-ui,sans-serif;--font-sans: "Hoop",system-ui,sans-serif;--font-text: "Hoop",system-ui,sans-serif;--font-condensed: "Spire","Hoop",system-ui,sans-serif;--font-mono: "IBM Plex Mono",ui-monospace,"SFMono-Regular",Menlo,monospace;--font-serif: "Newsreader","Iowan Old Style",Georgia,serif;--font-pixel: "Stem 7","IBM Plex Mono",ui-monospace,monospace;--font-poster: "Jacquarda Bastarda 9","Newsreader",Georgia,serif;--dur-cell: 70ms;--ease-step: steps(1,end);--dur-move: 240ms;--ease-move: cubic-bezier(.2,.8,.2,1);--dur-hold: 1200ms}@media (prefers-reduced-motion: reduce){:root{--dur-cell: 0ms;--dur-move: 0ms;--dur-hold: 0ms}}:root{--type-display-xl: 700 120px/104px var(--font-display);--type-display-l: 700 72px/64px var(--font-display);--type-display-m: 700 48px/48px var(--font-display);--type-h1: 700 32px/36px var(--font-sans);--type-h2: 700 25px/28px var(--font-sans);--type-h3: 700 20px/24px var(--font-sans);--type-lead: 400 20px/28px var(--font-text);--type-body: 400 16px/24px var(--font-text);--type-small: 400 13px/20px var(--font-text);--type-label: 500 11px/16px var(--font-mono);--type-data: 400 13px/20px var(--font-mono);--type-callout: 600 11px/22px var(--font-mono);--type-caption: italic 400 16px/24px var(--font-serif)}.ss-label{font: 500 11px/16px var(--font-mono);letter-spacing: .14em;text-transform: uppercase;color: var(--ink-muted);font-variant-numeric: tabular-nums}.ss-label b,.ss-label strong{color: var(--cobalt-text);font-weight: 600}.ss-plate{box-sizing: border-box}:where(code,kbd,samp,pre){font-family: var(--font-mono)}:where(a){color: var(--cobalt-text);text-underline-offset: 3px}.ss-plate{background: var(--sheet);border: var(--line-hair) solid var(--rule);padding: var(--space-3) var(--space-4) var(--space-4)}.ss-plate__head{display: flex;justify-content: space-between;align-items: baseline;flex-wrap: wrap;gap: var(--space-1) var(--space-4);padding-bottom: var(--space-3);margin-bottom: var(--space-4);border-bottom: var(--line-hair) solid var(--ink)}.ss-plate__cap{font: italic 400 16px/24px var(--font-serif);color: var(--ink-muted);margin: var(--space-4) 0 0;max-width: 46rem}.ss-spec{display: flex;flex-wrap: wrap;align-items: center;gap: var(--space-2) var(--space-6);border-top: var(--line-hair) solid var(--ink);padding-top: var(--space-3);font: 500 11px/16px var(--font-mono);letter-spacing: .14em;text-transform: uppercase;color: var(--ink);font-variant-numeric: tabular-nums}.ss-spec i{font-style: normal;color: var(--ink-muted)}.ss-lockup{--lockup-cell: 4px;display: inline-grid;grid-template-columns: auto auto auto;grid-template-rows: auto auto;column-gap: calc(var(--lockup-cell) * 2);justify-content: start;justify-self: start;align-items: start;width: max-content;color: var(--ink)}.ss-lockup__mark{grid-row: 1;display: block;width: calc(var(--lockup-cell) * 7);height: calc(var(--lockup-cell) * 7)}.ss-lockup__lead{grid-row: 1;width: calc(var(--lockup-cell) * 4);height: 0;margin-top: calc(var(--lockup-cell) * 3.5 - .5px);border-top: var(--line-hair) solid currentColor}.ss-lockup__name{grid-row: 1;display: block;font: 600 13px/28px var(--font-mono);line-height: calc(var(--lockup-cell) * 7);letter-spacing: .16em;text-transform: uppercase;white-space: nowrap}.ss-lockup__line{grid-row: 2;grid-column: 3;display: block;margin-top: calc(var(--space-1) * -1);font: 400 11px/16px var(--font-mono);letter-spacing: .04em;text-transform: none;color: var(--ink-muted);white-space: nowrap}.ss-lockup>span:not([class]){grid-row: 1 / span 2;grid-column: 3}.ss-lockup>span:not([class]) .ss-lockup__line{margin-top: calc(var(--space-1) * -1)}@keyframes ss-blink{50%{opacity: 0}}@keyframes ss-appear{from{visibility: hidden}to{visibility: hidden}}@keyframes ss-carry{from{transform: var(--carry-from,translateY(16px))}}.ss-prose{max-width: 46rem;font: var(--type-body);color: var(--ink)}.ss-prose>*{margin: 0}.ss-prose>* + *{margin-top: var(--space-3)}.ss-prose h1{font: var(--type-h1);letter-spacing: -.01em;text-wrap: balance}.ss-prose h2{font: var(--type-h2);text-wrap: balance}.ss-prose h3{font: var(--type-h3);text-wrap: balance}.ss-prose>* + h2{margin-top: var(--space-8)}.ss-prose>* + h3{margin-top: var(--space-6)}.ss-prose :is(h1,h2,h3) + *{margin-top: var(--space-2)}.ss-prose ul,.ss-prose ol{padding-left: var(--space-6)}.ss-prose li + li,.ss-prose li>:is(ul,ol){margin-top: var(--space-1)}.ss-prose li::marker{color: var(--ink-muted)}.ss-prose ol>li::marker{font: 500 13px/20px var(--font-mono)}.ss-prose strong{font-weight: 650}.ss-prose a{color: var(--cobalt-text);text-underline-offset: 3px}.ss-prose :not(pre)>code{font: var(--type-data);background: var(--rule-faint);padding: 0 var(--space-1);overflow-wrap: anywhere}.ss-prose blockquote{border: var(--line-hair) solid var(--rule);background: var(--sheet);padding: var(--space-3) var(--space-4);font: var(--type-caption);color: var(--ink-muted)}.ss-prose hr{border: 0;border-top: var(--line-hair) solid var(--rule)}.ss-prose table{border-collapse: collapse;width: 100%;font: var(--type-small)}.ss-prose th{text-align: left;font: var(--type-label);letter-spacing: .14em;text-transform: uppercase;color: var(--ink-muted);padding: 0 var(--space-3) var(--space-2) 0;border-bottom: var(--line-hair) solid var(--ink);vertical-align: bottom}.ss-prose td{padding: var(--space-2) var(--space-3) var(--space-2) 0;border-bottom: var(--line-hair) solid var(--rule);vertical-align: top}[role="tabpanel"]:focus-visible{outline: 2px solid var(--focus);outline-offset: 4px}.ss-page{box-sizing: border-box;max-width: calc(62rem + 2 * var(--space-6));margin: 0 auto;padding: 0 max(var(--space-4),env(safe-area-inset-right,0px)) var(--space-16) max(var(--space-4),env(safe-area-inset-left,0px));display: grid;grid-template-columns: minmax(0,1fr);gap: var(--space-8)}@media (min-width: 720px){.ss-page{padding-inline: var(--space-6)}}.ss-page>*{min-width: 0;margin: 0}@view-transition{navigation: auto}::view-transition-group(*){animation-duration: var(--dur-move);animation-timing-function: var(--ease-move)}@property --col{syntax: "<length>";inherits: true;initial-value: 64px}@property --w{syntax: "<length>";inherits: true;initial-value: 944px}@property --x0{syntax: "<length>";inherits: true;initial-value: 16px}html{-webkit-text-size-adjust: 100%;background: var(--paper)}body{background: transparent;color: var(--ink);font: var(--type-body);margin: 0;container-type: inline-size}.site{--b: 4px;--g: 16px;--n: 4;--m: max(16px,env(safe-area-inset-left),env(safe-area-inset-right));--col: calc((100cqw - 2 * var(--m) - (var(--n) - 1) * var(--g)) / var(--n));--w: calc(var(--n) * var(--col) + (var(--n) - 1) * var(--g));--x0: calc((100cqw - var(--w)) / 2);--step: calc(var(--col) + var(--g));--rowb: 40px;--rowtail: 28px;--tpx: 16px;--tlh: 20px;--tbl: 16px;--glyph: 40px;--rowh: 88px;box-sizing: border-box;max-width: none;width: var(--w);margin: 0 0 0 var(--x0);padding: var(--space-6) 0 0;display: block}@media (min-width: 640px){.site{--n: 8;--m: max(28px,env(safe-area-inset-left),env(safe-area-inset-right));--col: round(down,(100cqw - 2 * var(--m) - 7 * var(--g)) / 8,4px);--x0: round(down,(100cqw - var(--w)) / 2,4px);--rowb: 48px;--rowtail: 20px;--tpx: 32px;--tlh: 40px;--tbl: 32px;padding-top: var(--space-8)}}@media (min-width: 1024px){.site{--n: 12;--col: 64px}}.site>*{margin: 0;min-width: 0}.site-head{padding: 0;height: 40px;position: relative}.site-foot{display: flex;justify-content: space-between;flex-wrap: wrap;gap: var(--space-4);padding-block: var(--space-4) var(--space-8);border-top: var(--line-hair) solid var(--ink)}.site-foot a{color: var(--ink-muted);text-decoration: none}.site-foot a[href^="mailto:"]{text-transform: none}.site-foot a:hover,.site-foot a:focus-visible{color: var(--ink);text-decoration: underline;text-underline-offset: 4px}.site-foot__r{display: flex;flex-wrap: wrap;gap: var(--space-6)}.draw-t{position: absolute;right: 0;top: 0;height: 28px;display: inline-flex;align-items: center;gap: 8px;padding: 0;border: 0;background: none;color: var(--ink);font: 500 12px/16px var(--font-mono);letter-spacing: .8px;cursor: pointer}.draw-t__tease,.draw-t__tease2{color: var(--ink-muted);font-weight: 400;letter-spacing: 0}.draw-t__tease2{display: none}.draw-t__b{display: inline-flex;align-items: center;gap: 8px;height: 28px;padding: 0 8px;box-sizing: border-box;border: 1px solid var(--ink)}.draw-t kbd{font: inherit;box-sizing: border-box;min-width: 16px;height: 16px;line-height: 14px;text-align: center;border: 1px solid currentColor}.draw-t[aria-pressed="true"] .draw-t__tease,.draw-t[aria-pressed="true"] .draw-t__tease2{display: none !important}@media (max-width: 639px){.draw-t__tease,.draw-t kbd{display: none}.draw-t__tease2{display: none}.draw-t,.draw-t__b{height: 24px}}.draw-t i{display: block;box-sizing: border-box;width: 24px;height: 12px;border: 1px solid currentColor;position: relative}.draw-t i::after{content: "";position: absolute;left: 1px;top: 1px;width: 8px;height: 8px;background: currentColor}.draw-t:hover .draw-t__b,.draw-t--pulse .draw-t__b{animation: draw-pulse 1.4s 1.2s 2 ease-out}@keyframes draw-pulse{0%{box-shadow: 0 0 0 0 var(--ink)}60%,100%{box-shadow: 0 0 0 8px transparent}}@media (prefers-reduced-motion: reduce){.draw-t--pulse .draw-t__b{animation: none}}.draw-t--pulse[aria-pressed="true"] .draw-t__b{animation: none}.draw-t:focus-visible .draw-t__b{color: var(--cobalt-text);border-color: var(--cobalt-text)}.draw-t[aria-pressed="true"] .draw-t__b{background: var(--ink);color: var(--paper);border-color: var(--ink)}.draw-t[aria-pressed="true"] i::after{left: 13px}.draw-t:focus-visible,.draw-t[aria-pressed="true"]{color: var(--cobalt-text)}.draw-t[aria-pressed="true"] i::after{left: 13px}.draw-t:focus-visible{outline: 2px solid var(--focus);outline-offset: 2px}@media print{.draw-t{display: none}}.site-home{text-decoration: none;color: var(--ink);display: inline-block;vertical-align: top}.site-home .ss-lockup{vertical-align: top}.site-home .ss-lockup__line{font-size: 12px;letter-spacing: .03em}.site-h1{margin: 20px 0 0;overflow-wrap: anywhere;font-family: var(--font-pixel);font-weight: 400;font-size: 32px;line-height: 40px;letter-spacing: 0;text-transform: uppercase;text-wrap: balance;-webkit-font-smoothing: none;font-synthesis: none;color: var(--ink)}.site-sub{margin: var(--space-1) 0 0;font: var(--type-body);color: var(--ink-muted);position: relative;top: -1px}@media (max-width: 639px){.site-h1{margin-top: var(--space-6);font-size: 16px;line-height: 24px;position: relative;top: 2px}.site-sub{margin-top: var(--space-2)}}.muted{color: var(--ink-muted)}.nw{white-space: nowrap}.acc{--accent: var(--acc-l,var(--cobalt-text))}@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .acc{--accent: var(--acc-d,var(--acc-l,var(--cobalt-text)))}}:root[data-theme="dark"] .acc{--accent: var(--acc-d,var(--acc-l,var(--cobalt-text)))}.glyph{display: block;width: var(--glyph);height: var(--glyph);color: var(--accent,var(--cobalt-text));flex: none}.glyph rect{animation: ss-appear var(--dur-cell) var(--ease-step) backwards;animation-delay: calc(var(--i,0) * var(--dur-cell))}.glyph.is-armed rect{animation-play-state: paused;visibility: hidden}.parrow{display: block;width: 14px;height: 14px;flex: none}.parrow--l{transform: scaleX(-1)}.px16,.cat__head,.pn,.back,.ibtn,.totop,.zoom__x{font-family: var(--font-pixel);font-size: 16px;line-height: 20px;font-weight: 400;letter-spacing: 0;text-transform: uppercase;-webkit-font-smoothing: none;font-synthesis: none}.index{margin-top: var(--space-16)}.cat + .cat{margin-top: var(--space-12)}.cat__head{position: relative;display: flex;justify-content: space-between;height: 32px;padding-top: var(--space-1);box-sizing: border-box;color: var(--ink);font-size: var(--tpx);line-height: var(--tlh);text-transform: none}@media (min-width: 640px){.cat__head{height: 48px;padding-top: 0}}.cat__head::after{content: "";position: absolute;left: 0;right: 0;bottom: 0;height: var(--line-hair);background: var(--ink)}.cat__label{font: inherit;margin: 0}.cat__n{color: var(--ink-muted);font-variant-numeric: tabular-nums;font-size: 16px;line-height: 20px;margin: calc(var(--tbl) - 16px) -2px 0 0}.row{position: relative}.row::after{content: "";position: absolute;left: 0;right: 0;bottom: 0;height: var(--line-hair);background: var(--rule)}.row::before{content: "";position: absolute;top: 0;bottom: 0;left: -12px;right: -12px;background: transparent;transition: background var(--dur-move) var(--ease-move);z-index: -1}.row{isolation: isolate}.row__btn{all: unset;display: inline;cursor: pointer;pointer-events: auto}.row__btn:focus-visible{outline: none}.row__title{grid-column: 3 / span 4;margin: 0;pointer-events: none;--oy: 1px;font-family: var(--font-pixel);font-weight: 400;font-size: var(--tpx);line-height: var(--tlh);letter-spacing: 0;text-transform: none;-webkit-font-smoothing: none;font-synthesis: none;overflow-wrap: anywhere}.row__title .ch{line-height: 0}.tag.tag--to{letter-spacing: -.2px}.row__sub{display: block;margin-top: var(--space-1);font-size: 16px;line-height: 20px;color: var(--ink-muted)}.row__title .ch--on{font-family: var(--font-title,var(--font-pixel));font-weight: var(--to-w,800);font-size: var(--to-d,var(--tpx));text-transform: var(--to-case,none);-webkit-font-smoothing: auto;font-synthesis: none}@media (max-width: 639px){.row__title .ch--on{font-size: var(--to-p,var(--tpx))}}#fonts .row__title .ch--on:nth-child(1){font-family: "Cantilena"}#fonts .row__title .ch--on:nth-child(2){font-family: "Hopscotch"}#fonts .row__title .ch--on:nth-child(3){font-family: "Spire"}#fonts .row__title .ch--on:nth-child(4){font-family: "Hopscotch"}#fonts .row__title .ch--on:nth-child(6){font-family: "Bullet"}#fonts .row__title .ch--on:nth-child(7){font-family: "Brick"}#fonts .row__title .ch--on:nth-child(8){font-family: "Tube 5"}#fonts .row__title .ch--on:nth-child(9){font-family: "Hoop"}#fonts .row__title .ch--on:nth-child(10){font-family: "Hoop Mono"}#fonts .row__title .ch--on:nth-child(11){font-family: "Brick"}#fonts .row__title .ch--on:nth-child(12){font-family: "Bulkhead"}.sr-only{position: absolute;width: 1px;height: 1px;margin: -1px;padding: 0;overflow: hidden;clip-path: inset(50%);white-space: nowrap;border: 0}.tag{display: block;box-sizing: border-box;height: 20px;padding: 1px 4.2px 1px 5px;border: var(--line-hair) solid var(--rule);color: var(--ink-muted);font-family: var(--font-mono);font-weight: 500;font-size: 12px;line-height: 16px;letter-spacing: .8px;text-transform: uppercase;white-space: nowrap}.acts{display: flex;flex-wrap: wrap;gap: var(--space-3)}.act{display: inline-flex;align-items: center;height: 40px;padding: 0 var(--space-4);box-sizing: border-box;border: 2px solid var(--accent);color: var(--ink);text-decoration: none;font-family: var(--font-pixel);font-size: 16px;line-height: 16px;text-transform: uppercase;-webkit-font-smoothing: none}.act:hover,.act:focus-visible{background: color-mix(in srgb,var(--accent) 12%,var(--paper))}.act--primary,.act--primary:hover,.act--primary:focus-visible{background: var(--accent);color: var(--paper)}.act:focus-visible{outline: 2px solid var(--focus);outline-offset: 2px}@media (max-width: 1023px){.row__title{grid-row: 1}}@media (max-width: 639px){.row__title{grid-column: 2}}.panel{margin-top: var(--space-4)}.pnl{list-style: none;margin: 0;padding: 0;display: grid;grid-template-columns: repeat(var(--n),var(--col));column-gap: var(--g);position: relative}.pnl::after{content: "";position: absolute;left: 0;right: 0;bottom: 0;height: var(--line-hair);background: var(--ink)}.tile{grid-column: 1 / -1;position: relative;min-width: 0}.tile::before{content: "";position: absolute;left: 0;right: 0;top: 0;height: var(--line-hair);background: var(--ink);z-index: 1}.tile.is-hot::before{height: 2px;background: var(--accent)}.tile.has-l::after{content: "";position: absolute;top: 0;bottom: 0;left: calc(var(--g) / -2);width: var(--line-hair);background: var(--rule)}.t-a{display: flex;flex-direction: column;gap: var(--space-2);height: 100%;box-sizing: border-box;padding: 0 0 var(--space-6);color: var(--ink);text-decoration: none;background: var(--paper);-webkit-tap-highlight-color: transparent}.tile.is-hot .t-a{background: color-mix(in srgb,var(--accent) 5%,var(--paper))}.t-head{display: grid;grid-template-columns: 20px minmax(0,1fr) auto;column-gap: var(--space-3);align-items: start;min-height: 48px;padding-top: 4px;box-sizing: border-box}.t-head .glyph{--glyph: 20px;margin-top: 12px;color: var(--accent)}.t-name{margin: 0;font-family: var(--font-pixel);font-weight: 400;font-size: 32px;line-height: 40px;letter-spacing: 0;text-transform: none;-webkit-font-smoothing: none;font-synthesis: none;overflow-wrap: anywhere}.t-name .ch{line-height: 0}.t-name .ch--on{font-family: var(--f,var(--font-title,var(--font-pixel)));font-weight: var(--to-w,800);-webkit-font-smoothing: auto}.t-vaasf .t-name .ch--on{font-family: 'DM Serif Display',serif;text-transform: uppercase;font-weight: 400}@media (min-width: 900px){.t-tasty_tunez .t-name .ch--on{font-size: 24px}}@media (min-width: 640px) and (max-width: 899px){.t-tasty_tunez .t-name .ch--on{font-size: 16px}}.t-n{font: 500 12px/16px var(--font-mono);letter-spacing: .8px;color: var(--ink-muted);margin-top: 20px;font-variant-numeric: tabular-nums}.t-res{margin: 0;font: var(--type-body);color: var(--ink-muted);position: relative;top: -1px}.tile.is-hot .t-res{color: var(--ink)}.t-body{min-width: 0}.ro-k{display: flex;flex-wrap: wrap;justify-content: space-between;gap: var(--space-3);margin: 0;font: 500 12px/16px var(--font-mono);letter-spacing: .8px;text-transform: uppercase;color: var(--ink-muted);min-width: 0}.ro-k b{font-weight: 500;color: var(--ink)}.ro-k>span:last-child{text-align: right}.an{display: grid;grid-template-columns: minmax(0,1fr);gap: var(--space-4)}.an-vid{margin: 0;position: relative;min-width: 0}.an-frame{position: relative;border: var(--line-hair) solid var(--ink);background: #000;line-height: 0}.an-frame img{display: block;width: 100%;height: auto;aspect-ratio: 1152 / 658;object-fit: contain}.an-frame video{position: absolute;inset: 0;display: block;width: 100%;height: 100%;object-fit: contain}.t-a{position: relative}.t-link{color: inherit;text-decoration: none;-webkit-tap-highlight-color: transparent}.t-link::after{content: "";position: absolute;inset: 0;z-index: 1}.t-link:focus-visible{outline: 0}.t-link:focus-visible::after{outline: 2px solid var(--focus);outline-offset: 4px}.cmp{z-index: 2;cursor: ew-resize;touch-action: pan-y;user-select: none;-webkit-user-select: none}.cmp:has(.cmp-r:focus-visible){outline: 2px solid var(--focus);outline-offset: 2px}.cmp-b{position: absolute;inset: 0;clip-path: inset(0 calc(100% - var(--x)) 0 0)}.cmp-b img{height: 100%}.cmp canvas{position: absolute;inset: 0;width: 100%;height: 100%;display: block}.cmp-v{position: absolute;left: 0;top: 0;width: 1px;height: 1px;opacity: 0;pointer-events: none}.cmp-h{position: absolute;top: 0;bottom: 0;left: var(--x);width: 0;border-left: 2px solid var(--paper);margin-left: -1px;pointer-events: none}.cmp-h i{position: absolute;top: 50%;left: -21px;width: 40px;height: 24px;margin-top: -12px;box-sizing: border-box;display: grid;place-items: center;background: var(--paper);color: var(--ink);border: var(--line-hair) solid var(--ink)}.cmp-h svg{display: block;width: 22px;height: 10px}.cmp:hover .cmp-h i,.cmp.is-drag .cmp-h i{background: var(--ink);color: var(--paper)}.cmp-l{position: absolute;top: 1px;margin: 0;padding: 2px 8px;background: var(--paper);color: var(--ink);font: 500 12px/16px var(--font-mono);letter-spacing: .8px;text-transform: uppercase;pointer-events: none}.cmp-l--b{left: 1px}.cmp-l--a{right: 1px}.cmp-r{position: absolute;inset: 0;width: 100%;height: 100%;margin: 0;opacity: 0;pointer-events: none}.an-vid:has(.cmp) .t-cap{position: static;padding: var(--space-2) 0 0;background: none;color: var(--ink-muted)}.t-cap{position: absolute;left: 1px;bottom: 1px;margin: 0;padding: 2px 8px;background: var(--paper);color: var(--ink);font: 500 12px/16px var(--font-mono);letter-spacing: .8px;text-transform: uppercase}.an-ro{display: grid;grid-template-columns: minmax(0,1fr);align-content: space-between;gap: var(--space-3);min-width: 0}.ro-big{margin: 0;display: flex;align-items: baseline;gap: var(--space-3);flex-wrap: wrap}.ro-big b,.ro-cells dd,.lm-stats b{font-family: var(--font-pixel);font-weight: 400;-webkit-font-smoothing: none;font-synthesis: none;font-variant-numeric: tabular-nums;color: var(--ink)}.ro-big b{font-size: 48px;line-height: 48px}.ro-big span{font: 500 12px/16px var(--font-mono);letter-spacing: .8px;text-transform: uppercase;color: var(--ink-muted)}.ro-spark{display: block;width: 100%;height: 64px;border-bottom: var(--line-hair) solid var(--ink)}.ro-spark rect{fill: var(--accent)}.ro-spark rect.z{fill: var(--rule)}.ro-spark rect.scan{fill: color-mix(in srgb,var(--accent) 16%,var(--paper))}.ro-axis{display: flex;justify-content: space-between;gap: var(--space-2);margin: calc(var(--space-2) * -1) 0 0;font: 500 12px/16px var(--font-mono);letter-spacing: .4px;color: var(--ink-muted);text-transform: uppercase}.ro-axis>span{white-space: nowrap;flex: none}.ro-axis>.ro-scanl{flex: 0 1 auto;min-width: 0;color: var(--ink);overflow: hidden;text-overflow: ellipsis}.ro-cells{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: var(--g);margin: 0}.ro-cells div{border-top: var(--line-hair) solid var(--rule);padding-top: var(--space-1);min-width: 0}.ro-cells dt{font: 500 12px/16px var(--font-mono);letter-spacing: .8px;text-transform: uppercase;color: var(--ink-muted);white-space: nowrap}.ro-cells dd{margin: 0;font-size: 32px;line-height: 40px}.ro-vram{display: block;width: 100%;height: 16px;overflow: visible}.ro-vram rect{fill: var(--accent)}.ro-vram rect.e{fill: var(--rule)}.ro-vram rect.ceil{fill: var(--ink)}.is-armed .ro-spark rect:not(.scan):not(.z),.is-armed .ro-vram rect:not(.ceil),.is-armed .tz-song .on g,.is-armed .lm-bar .seg,.is-armed .lm-nofit{animation: ss-appear var(--dur-cell) var(--ease-step) backwards;animation-delay: calc(var(--i,0) * var(--dur-cell) * var(--slow,1))}.is-armed .ro-vram rect{--slow: .5}.is-armed .tz-song .on g{--slow: 1.6}.is-armed .lm-bar .seg{--slow: 6}.is-armed .lm-nofit{--i: 5;--slow: 6}.lm{display: grid;gap: var(--space-3)}.lm-q{margin: 0;font: italic 400 16px/24px var(--font-serif);border-left: 2px solid var(--accent);padding-left: var(--space-3)}.lm-pack{position: relative;padding-top: 24px}.lm-bar{position: relative;height: 32px;border: var(--line-hair) solid var(--ink);background: var(--sheet)}.lm-bar .seg{position: absolute;top: 0;bottom: 0;background: var(--accent);box-shadow: inset -2px 0 0 var(--sheet);font: 400 16px/30px var(--font-pixel);color: var(--sheet);padding-left: 4px;box-sizing: border-box;overflow: hidden;white-space: nowrap;font-style: normal;-webkit-font-smoothing: none}.lm-bar .seg:nth-child(even){background: color-mix(in srgb,var(--accent) 62%,var(--sheet))}.lm-nofit{position: absolute;top: 0;right: 0;height: 20px;padding: 0 8px;border: var(--line-hair) dashed var(--ink-muted);color: var(--ink-muted);font: 500 12px/18px var(--font-mono);background: var(--paper);white-space: nowrap}.lm-scale{display: flex;justify-content: space-between;margin: var(--space-1) 0 0;font: 500 12px/16px var(--font-mono);color: var(--ink-muted)}.lm-scale span:nth-child(2){color: var(--ink)}.lm-stats{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: var(--g)}.lm-stats p{margin: 0;border-top: var(--line-hair) solid var(--rule);padding-top: var(--space-1)}.lm-stats b{display: block;font-size: 32px;line-height: 40px;white-space: nowrap}@media (max-width: 639px),(min-width: 1024px){.lm-stats b{font-size: 16px;line-height: 20px}}.lm-stats span{font: 500 12px/16px var(--font-mono);color: var(--ink-muted)}.tz{display: grid;gap: var(--space-3)}.tz>.ro-k{display: none}.tz-song{display: grid;grid-template-columns: minmax(0,1fr) 176px;gap: var(--g);align-items: end}.tz-stack{display: grid}.tz-stack>.tz-song{grid-area: 1 / 1}.tz-song[hidden]{display: grid;visibility: hidden}.tz-plate{display: block;width: 100%;max-width: 240px;height: auto;background: var(--sheet);border: var(--line-hair) solid var(--rule);padding: 8px;box-sizing: border-box}.tz-plate .off{fill: var(--rule-faint)}.tz-plate .on path{fill: var(--accent)}.tz-plate .on path.pk{fill: var(--ink)}.tz-plate .on path.ld{fill: var(--ink-muted)}.tz-side{display: grid;gap: var(--space-2);align-content: end;min-width: 0}.tz-top{grid-column: 1 / -1;margin: 0;display: flex;justify-content: space-between;align-items: baseline;gap: var(--space-3);min-width: 0}.tz-top .ro-k{flex: none}.tz-title{font-family: var(--font-pixel);font-weight: 400;font-size: 32px;line-height: 40px;color: var(--ink);letter-spacing: 0;-webkit-font-smoothing: none;font-synthesis: none;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;min-width: 0}.tz-ro{margin: 0;display: grid}.tz-ro div{display: flex;justify-content: space-between;gap: var(--space-2);border-top: var(--line-hair) solid var(--rule);padding: 2px 0}.tz-ro dt{font: 500 12px/16px var(--font-mono);letter-spacing: .4px;text-transform: uppercase;color: var(--ink-muted)}.tz-ro dd{margin: 0;font: 500 12px/16px var(--font-mono);letter-spacing: .4px;color: var(--ink);text-align: right}.ty{display: grid;gap: var(--space-2);align-content: start}.ty-rows{list-style: none;margin: 0;padding: 0;border-bottom: var(--line-hair) solid var(--rule)}.ty-row{display: grid;grid-template-columns: 24px 128px minmax(0,1fr);column-gap: var(--space-3);align-items: center;height: 48px;border-top: var(--line-hair) solid var(--rule)}.ty-row.on{border-top-color: var(--accent)}.ty-i{font: 500 12px/16px var(--font-mono);color: var(--ink-muted)}.ty-row.on .ty-i{color: var(--accent)}.ty-m{font: 500 12px/16px var(--font-mono);color: var(--ink);white-space: nowrap;overflow: hidden;text-overflow: ellipsis}.ty-m i{font-style: normal;color: var(--ink-muted);text-transform: uppercase;letter-spacing: .4px}.ty-s{font-size: 32px;line-height: 40px;font-weight: 400;font-synthesis: none;color: var(--ink);white-space: nowrap;overflow: hidden;text-overflow: clip;min-width: 0}.ty-row.is-px .ty-s{-webkit-font-smoothing: none}.ty-strip{display: grid;grid-template-columns: repeat(16,minmax(0,1fr));gap: 4px;margin: 0;height: 8px}.ty-strip i{background: var(--rule-faint)}.ty-strip i.w{background: var(--rule)}.ty-strip i.on{background: var(--accent)}.ty-sum{flex-wrap: wrap}.va{display: grid;grid-template-columns: minmax(0,104px) minmax(0,1fr);gap: var(--g);align-items: start}.va-cover,.va-page img{display: block;box-sizing: border-box;width: 100%;height: auto;border: var(--line-hair) solid var(--rule)}.va-flow{display: grid;gap: var(--space-3);min-width: 0}.va-map{display: grid;grid-template-columns: minmax(0,1fr) 14px minmax(0,104px);gap: var(--space-2);align-items: center}.va-map .parrow{color: var(--ink-muted)}.va-rows{list-style: none;margin: 0;padding: 0;display: grid;gap: 0;font: 400 13px/20px var(--font-sans)}.va-rows li{padding: 2px 0 2px 8px;border-left: 2px solid var(--rule);color: var(--ink-muted)}.va-rows li span{display: block;font: 500 12px/16px var(--font-mono);letter-spacing: .4px}.va-rows li.on{border-left-color: var(--accent);color: var(--ink)}.va-page{position: relative}.va-page i{position: absolute;border: 1px solid var(--accent);box-sizing: border-box}.va.is-run .va-page i{opacity: 0}.va.is-run .va-page i.on{opacity: 1;border-width: 2px}.lab-line{margin: var(--space-4) 0 0}.lab-line a{display: inline-flex;align-items: center;gap: var(--space-2);color: var(--ink);text-decoration: none;font-family: var(--font-pixel);font-size: 16px;line-height: 20px;-webkit-font-smoothing: none}.lab-line a span{text-decoration: underline;text-decoration-color: var(--cobalt-text);text-decoration-thickness: 2px;text-underline-offset: 4px}.lab-line a:hover span,.lab-line a:focus-visible span{text-decoration-color: var(--ink)}@media (min-width: 1024px){.an{grid-template-columns: calc(7 * var(--step) - var(--g)) minmax(0,1fr);column-gap: var(--g)}.t-lmr{grid-column: 1 / span 6}.t-tasty_tunez{grid-column: 7 / span 6}.t-fonts{grid-column: 1 / span 6}.t-vaasf{grid-column: 7 / span 6}.t-anime-pipeline .t-a{padding-bottom: var(--space-3)}.t-anime-pipeline .t-a{display: grid;grid-template-columns: max-content minmax(0,1fr);column-gap: var(--space-4);row-gap: var(--space-3)}.t-anime-pipeline .t-head{grid-column: 1;grid-row: 1;grid-template-columns: 20px auto}.t-anime-pipeline .t-head .t-n{display: none}.t-anime-pipeline .t-res{grid-column: 2;grid-row: 1;font: var(--type-small);top: 0;padding-top: 22px}.t-anime-pipeline .t-body{grid-column: 1 / -1}.t-lmr .t-res,.t-tasty_tunez .t-res,.t-fonts .t-res,.t-vaasf .t-res{font: var(--type-small);top: 0}}@media (min-width: 640px) and (max-width: 1023px){.an-ro{grid-template-columns: repeat(2,minmax(0,1fr));column-gap: var(--g)}.an-ro>.ro-k:first-child,.ro-big,.ro-spark,.ro-axis{grid-column: 1 / -1}.ro-cells{grid-column: 1;grid-row: 5 / span 2}.ro-vk{grid-column: 2;grid-row: 5;align-self: end}.ro-vram{grid-column: 2;grid-row: 6}.t-lmr{grid-column: 1 / span 4}.t-tasty_tunez{grid-column: 5 / span 4}.t-fonts{grid-column: 1 / span 4}.t-vaasf{grid-column: 5 / span 4}.tz-song{grid-template-columns: minmax(0,1fr)}.t-vaasf .va{grid-template-columns: minmax(0,1fr)}.t-vaasf .va-cover{display: none}}@media (max-width: 639px){.tile.has-l::after{display: none}.ty-row{grid-template-columns: 24px 88px minmax(0,1fr)}.tz-title{font-size: 16px;line-height: 20px}.t-name{font-size: 16px;line-height: 20px;margin-top: 10px}.t-head .glyph{margin-top: 10px}.t-head{min-height: 40px}.t-n{margin-top: 12px}.t-a{gap: var(--space-3);padding-bottom: var(--space-4)}.tile + .tile{margin-top: var(--space-4)}.ro-big b{font-size: 32px;line-height: 40px}.ro-cells dd{font-size: 16px;line-height: 20px}.ro-cells{gap: var(--space-2)}.ro-cells dt{letter-spacing: 0}.ro-spark{height: 32px}.tz-song{grid-template-columns: minmax(0,1fr)}.va{grid-template-columns: minmax(0,96px) minmax(0,1fr)}.va-map{grid-template-columns: minmax(0,1fr)}.va-map .parrow,.va-page{display: none}.t-res{font: var(--type-small)}}.js .static{visibility: hidden}.about{margin-top: var(--space-16);padding-bottom: var(--space-16);display: grid;grid-template-columns: repeat(var(--n),var(--col));column-gap: var(--g)}.about .h2{grid-column: 1 / span 2;font: var(--type-h2);margin: 0;position: relative;top: 2px}.about .ss-prose{grid-column: 3 / span 7;max-width: none}.about .ss-prose p{position: relative;top: -1px}.about a{color: var(--ink);text-decoration-color: var(--cobalt-text);text-underline-offset: 4px}@media (max-width: 1023px){.about .ss-prose{grid-column: 3 / -1}}@media (max-width: 639px){.about{grid-template-columns: minmax(0,1fr);row-gap: var(--space-4)}.about .h2,.about .ss-prose{grid-column: 1}}.bg{padding-bottom: var(--space-16);display: grid;grid-template-columns: repeat(var(--n),var(--col));column-gap: var(--g);color: var(--ink-muted)}.bg .h2{grid-column: 1 / span 2;margin: 0;padding-top: var(--space-4);font: 500 12px/16px var(--font-mono);letter-spacing: .8px;text-transform: uppercase;color: var(--ink-muted)}.bg__body{grid-column: 3 / -1;display: grid;grid-template-columns: repeat(3,minmax(0,1fr));column-gap: var(--g);row-gap: var(--space-6);align-items: start}.bg__id{display: grid;gap: var(--space-2);align-content: start}.unm{display: block;width: 168px;max-width: 100%;height: auto;color: var(--ink)}.unm .unm__wm{color: var(--ink-muted)}.bg__lab{margin: 0;font: 400 12px/16px var(--font-mono);letter-spacing: .4px;max-width: 32ch}.bg__deg{margin: 0;font: 500 12px/16px var(--font-mono);letter-spacing: .8px;text-transform: uppercase}.bg__fig{margin: 0;display: grid;gap: var(--space-2);min-width: 0}.bg__fig canvas{display: block;width: 100%;height: auto;aspect-ratio: 160 / 64;image-rendering: pixelated;border: var(--line-hair) solid var(--rule);background: var(--paper)}.bg__fig figcaption{display: grid;gap: 2px;font: 500 12px/16px var(--font-mono);letter-spacing: .8px}.bg__fig figcaption>span:first-child{text-transform: uppercase;color: var(--ink)}.bg__now{margin: 0;font: 400 12px/16px var(--font-mono);letter-spacing: .4px;color: var(--ink);max-width: 32ch}.bg__gc{grid-column: span 2;margin: 0;display: grid;grid-template-columns: repeat(2,minmax(0,1fr));column-gap: var(--g);align-items: start;min-width: 0}.bg__gc figcaption{display: grid;gap: 2px;font: 500 12px/16px var(--font-mono);letter-spacing: .8px}.bg__gc figcaption>span:first-child{text-transform: uppercase;color: var(--ink)}.bg__gc figcaption a{color: inherit;display: inline-block;min-height: 24px}.bg__gc-slot{position: relative;aspect-ratio: 1;border: var(--line-hair) solid var(--ink);background: var(--paper);box-sizing: border-box;overflow: hidden}.bg__gc-slot img{display: block;width: 100%;height: 100%}.bg__gc-open{position: absolute;right: 0;bottom: 0;min-height: 24px;padding: 2px 8px;background: var(--ink);color: var(--paper);border: 0;font: 500 12px/16px var(--font-mono);letter-spacing: .8px;text-transform: uppercase;cursor: zoom-in}.bg__gc-open::before{content: "";display: inline-block;width: 8px;height: 8px;margin-right: 6px;border: var(--line-hair) solid currentColor;box-shadow: 2px -2px 0 -1px currentColor;vertical-align: 0}.bg__gc-open::after{content: "";position: absolute;inset: -400px}.bg__gc-open:hover,.bg__gc-open:focus-visible{background: var(--cobalt-text);color: var(--paper)}.bg__gc-open:focus-visible{outline: 2px solid var(--focus);outline-offset: 2px}.gc-dlg{width: min(780px,100vw);max-width: 100vw;max-height: 100dvh;box-sizing: border-box;padding: 0;border: var(--line-hair) solid var(--ink);background: var(--paper);color: var(--ink);overscroll-behavior: contain}.gc-dlg::backdrop{background: rgb(0 0 0 / .6)}.gc-dlg__head{position: sticky;top: 0;z-index: 2;display: flex;justify-content: space-between;align-items: center;gap: var(--space-4);padding: var(--space-2) var(--space-4);background: var(--paper);border-bottom: var(--line-hair) solid var(--rule);font: 500 12px/16px var(--font-mono);letter-spacing: .8px;text-transform: uppercase}.gc-dlg__head h2{margin: 0;font: inherit}.gc-dlg__x{min-height: 32px;padding: 4px 12px;background: none;color: var(--ink);border: var(--line-hair) solid var(--ink);font: inherit;cursor: pointer}.gc-dlg__body{padding: var(--space-4);display: grid;gap: var(--space-2)}.gc-live.iso{--anatomy-mono: var(--font-mono);padding: 0;margin: 0;background: transparent}.gc-live.iso .iso-figure{margin: 0;max-width: none;width: 100%}.gc-live.iso .iso-plate{box-shadow: none;border: var(--line-hair) solid var(--rule);border-radius: 0}.gc-live .gc-stage{max-width: max(100%,0px);max-width: min(100%,calc((100dvh - 320px) * 1.03));margin-inline: auto}.gc-live .gc-zoom{display: block}@media (min-width: 561px){.gc-live .gc-stage{max-width: min(100%,calc((100dvh - 440px) * 1.03))}}.gc-live [data-corner]{color: var(--ink-muted)}.gc-live [data-corner="fig"],.gc-live [data-corner="hint"]{display: none}.bg__gc-note{font: 400 12px/16px var(--font-mono);letter-spacing: .4px}.bg__gc-note summary{cursor: pointer;min-height: 24px;color: var(--ink)}.bg__gc-note .iso-legend{margin: 0;padding: 0;max-width: none;font: inherit;color: inherit}.bg__eq b{font-weight: 500;color: var(--ink);font-variant-numeric: tabular-nums}@media (max-width: 1023px){.bg__body{grid-template-columns: repeat(2,minmax(0,1fr))}.bg__id,.bg__lab,.bg__now,.bg__gc{grid-column: 1 / -1;max-width: none}}@media (max-width: 639px){.ro-axis{flex-wrap: wrap}.ro-axis>.ro-scanl{order: 3;flex: 1 0 100%;overflow: visible;white-space: normal}}@media (max-width: 639px){.bg{grid-template-columns: minmax(0,1fr);row-gap: var(--space-4)}.bg .h2,.bg__body{grid-column: 1}.bg .h2{padding-top: 0}.bg__body{column-gap: var(--space-4)}}.field{position: fixed;left: 0;top: 0;z-index: -1;pointer-events: none;display: block}.gridx{position: fixed;inset: 0;z-index: 50;pointer-events: none}.zoomable{display: block;min-width: 0;max-width: 100%;padding: 0;border: 0;background: none;cursor: zoom-in;margin-inline: auto}.zoomable img,.fig img{display: block;max-width: 100%;width: auto;height: auto;max-height: 80vh;object-fit: contain;margin-inline: auto}.fig video{display: block;max-width: 100%;max-height: 80vh;width: auto;height: auto;margin-inline: auto}.fig{margin: 0}.case-bar{position: sticky;top: 0;z-index: 5;display: flex;align-items: flex-start;gap: var(--space-4);height: 64px;box-sizing: border-box;margin: var(--space-8) 0 var(--space-8);background: var(--paper)}.case-bar::before{content: "";position: absolute;top: 0;bottom: 0;left: -12px;right: -12px;background: var(--paper);z-index: -1}.case-bar::after{content: "";position: absolute;left: 0;right: 0;bottom: 0;height: var(--line-hair);background: var(--rule)}.case-bar .back{display: inline-flex;align-items: flex-start;gap: var(--space-2);height: 64px;box-sizing: border-box;padding-top: 24px;color: var(--ink);text-decoration: none}.case-bar .back .parrow{margin-top: 2px}.case-bar__t{flex: 1;min-width: 0;padding-top: 26px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-family: var(--font-display);font-weight: 700;font-size: 13px;line-height: 20px}.ibtn{width: 48px;height: 48px;margin-top: var(--space-2);display: inline-flex;align-items: center;justify-content: center;border: var(--line-hair) solid var(--ink);color: var(--ink);text-decoration: none;box-sizing: border-box;flex: none}.ibtn.is-off{border-color: var(--rule);color: var(--rule)}.case-body{min-width: 0}.pn{position: relative;display: flex;justify-content: space-between;gap: var(--space-4);margin-top: var(--space-16);padding: var(--space-4) 0 var(--space-16)}.pn::before{content: "";position: absolute;left: 0;right: 0;top: 0;height: 2px;background: var(--accent)}.pn a{color: var(--ink);display: inline-flex;align-items: flex-start;gap: var(--space-2);min-height: 48px;box-sizing: border-box;padding-top: 12px;text-decoration: none}.pn a>.glyph{--glyph: 20px;margin-top: -1px}.pn a>.parrow{margin-top: 2px}.pn a:hover span{text-decoration: underline;text-decoration-color: var(--accent);text-underline-offset: 4px}@media (max-width: 639px){.pn{flex-direction: column;align-items: flex-start;gap: 0}}.dos{display: grid;grid-template-columns: minmax(0,1fr);gap: var(--space-8);align-items: start;margin: 0}@media (min-width: 1024px){.dos{grid-template-columns: calc(4 * var(--step) - var(--g)) minmax(0,1fr);column-gap: var(--g)}}@media (min-width: 640px) and (max-width: 1023px){.dos__work{order: -1}}.dos__work{display: grid;gap: var(--space-4);min-width: 0;align-items: start}.dos__work--row{grid-template-columns: repeat(2,minmax(0,1fr));gap: var(--g)}.dos__fig{margin: 0;min-width: 0}.dos__fig .zoomable{margin: 0;width: 100%}.dos__fig img,.dos__fig video{display: block;width: 100%;max-width: 100%;height: auto;max-height: none;border: var(--line-hair) solid var(--rule);background: var(--sheet);box-sizing: border-box}.dos__fig figcaption{margin-top: var(--space-2);font: italic 400 14px/20px var(--font-serif);color: var(--ink-muted);max-width: 64ch}.dos__sheet{position: relative;display: grid;gap: var(--space-4);align-content: start;min-width: 0;padding-top: var(--space-4)}.dos__sheet::before{content: "";position: absolute;left: 0;right: 0;top: 0;height: 2px;background: var(--accent)}.dos__id{display: flex;align-items: flex-start;gap: var(--space-3)}.dos__id .glyph{--glyph: 40px;margin-top: 4px}.dos__h{margin: 0;min-width: 0;font: 400 48px/48px var(--font-pixel);letter-spacing: 0;overflow-wrap: anywhere;-webkit-font-smoothing: none;font-synthesis: none}.dos__h--long{font-size: 32px;line-height: 40px}.dos__h .w{white-space: nowrap}.dos__h .ch{display: inline-block;vertical-align: top;white-space: pre}.dos__h .ch--on{font-family: var(--font-title,var(--font-display));font-weight: var(--to-w,700);text-transform: var(--to-case,none);-webkit-font-smoothing: auto}.dos__result{margin: 0;font: 700 16px/24px var(--font-display);text-wrap: pretty}.dos__k{display: block;margin: 0 0 var(--space-2);font: 500 12px/16px var(--font-mono);letter-spacing: .08em;text-transform: uppercase;color: var(--ink-muted)}.dos__dec ul,.dos__out ul{list-style: none;margin: 0;padding: 0;display: grid;gap: var(--space-2)}.dos__dec li{position: relative;padding-left: var(--space-4);font: var(--type-small)}.dos__dec li::before{content: "";position: absolute;left: 0;top: 6px;width: 8px;height: 8px;background: var(--accent)}.dos__ai{margin: var(--space-2) 0 0;padding: var(--space-2) 0 0 var(--space-4);border-top: var(--line-hair) solid var(--rule);font: var(--type-small)}.dos__ai b{font-weight: 700}.dos__links{gap: var(--space-2)}.dos__links .act{height: auto;min-height: 40px;padding: 10px var(--space-3);line-height: 20px;text-decoration: none}.dos__out ul{gap: 0}.dos__out a{display: grid;grid-template-columns: 24px minmax(0,1fr) 14px;gap: var(--space-3);align-items: start;padding: var(--space-2) 0;color: var(--ink);text-decoration: none;border-top: var(--line-hair) solid var(--rule)}.dos__out .glyph{--glyph: 24px}.dos__out .parrow{margin-top: 5px;color: var(--accent)}.dos__out b{display: block;font: 700 16px/24px var(--font-display);text-decoration: underline;text-decoration-color: var(--accent);text-decoration-thickness: 2px;text-underline-offset: 4px}.dos__out em{display: block;font: 400 12px/16px var(--font-mono);font-style: normal;color: var(--ink-muted)}.dos__out a:hover b,.dos__out a:focus-visible b{color: var(--accent)}.dos__status{margin: var(--space-2) 0 0;font: var(--type-small);color: var(--ink-muted)}.dos__built{margin: 0;font: 400 12px/16px var(--font-mono);color: var(--ink-muted)}.dos__built>span{white-space: nowrap}.dos__built>span:first-child{color: var(--ink)}.case-deep{position: relative;margin-top: var(--space-16);padding-top: var(--space-4)}.case-deep::before{content: "";position: absolute;left: 0;right: 0;top: 0;height: var(--line-hair);background: var(--ink)}@media (max-width: 639px){.dos{gap: var(--space-4)}.dos__sheet{display: contents}.dos__sheet::before{content: none}.dos__sheet>*{order: 3}.dos__id{order: 0;position: relative;padding-top: var(--space-3)}.dos__id::before{content: "";position: absolute;left: 0;right: 0;top: 0;height: 2px;background: var(--accent)}.dos__result{order: 1}.dos__work{order: 2;margin-bottom: var(--space-2)}.dos__h{font-size: 32px;line-height: 40px}.dos__h--xl{font-size: 24px;line-height: 32px;flex-basis: 100%}.dos__id:has(.dos__h--xl){flex-wrap: wrap;row-gap: var(--space-2)}.dos__id .glyph{--glyph: 32px;margin-top: 4px}.dos__work--row{gap: var(--space-2)}.case-deep{margin-top: var(--space-12)}}.case-top{display: flex;align-items: center;gap: var(--space-4);margin: 0 0 var(--space-4);flex-wrap: wrap}.case-top .glyph{--glyph: 60px}.case-h{font-family: var(--font-title,var(--font-display));font-weight: var(--to-w,700);font-size: 48px;line-height: 48px;letter-spacing: -.015em;margin: 0;overflow-wrap: anywhere}@media (max-width: 560px){.case-h{font-size: 32px;line-height: 36px}}.case-n{color: var(--ink-muted);margin-left: auto}.case-hero{margin: var(--space-4) 0;min-width: 0;border-top: 2px solid var(--accent);padding-top: var(--space-3)}.case-hero>img{display: block;max-width: 100%;max-height: 80vh;object-fit: contain}.case-col{max-width: 40rem;display: grid;gap: var(--space-4);margin: var(--space-6) 0}.case-col p{margin: 0;font: var(--type-body)}.oneliner{font: var(--type-lead) !important}.case-col a,.links a{color: var(--ink);text-decoration-color: var(--accent);text-decoration-thickness: 2px;text-underline-offset: 4px}.ss-spec{border-color: var(--accent);font-family: var(--font-mono)}.ss-spec>span{min-width: 0;overflow-wrap: anywhere}.spec-n{font-size: 10px;line-height: 0;margin-left: 2px;color: var(--accent)}.spec-src{margin: var(--space-2) 0 0;padding-left: var(--space-6);font: 400 12px/20px var(--font-mono);color: var(--ink-muted)}.spec-src li::marker{color: var(--accent)}.spec-src i{font-style: normal;color: var(--ink)}.fig .ss-spec,.case-col .ss-spec{text-transform: none;letter-spacing: .04em}.figs{display: grid;grid-template-columns: minmax(0,1fr);gap: var(--space-6);margin: var(--space-6) 0}.links{margin: var(--space-6) 0;padding: 0;list-style: none;display: grid;gap: var(--space-2);font: 13px/20px var(--font-mono)}.yt{position: relative;aspect-ratio: 16 / 9}.yt iframe{position: absolute;inset: 0;width: 100%;height: 100%;border: 0}.zoom{position: fixed;inset: 0;z-index: 10;background: var(--paper);display: grid;grid-template-rows: minmax(0,1fr) auto;place-items: center;cursor: zoom-out;touch-action: none;overflow: hidden;padding: max(var(--space-4),env(safe-area-inset-top)) var(--space-4) max(var(--space-4),env(safe-area-inset-bottom))}.zoom[hidden]{display: none}.zoom img{max-width: 100%;max-height: 100%;object-fit: contain;touch-action: none;transform-origin: center;cursor: grab}.zoom__cap{font: var(--type-caption);color: var(--ink-muted);margin: var(--space-2) 0 0}.zoom__x{position: absolute;top: max(var(--space-2),env(safe-area-inset-top));right: max(var(--space-2),env(safe-area-inset-right));z-index: 2;min-width: 48px;height: 48px;padding: 0 var(--space-3);background: var(--paper);color: var(--ink);border: var(--line-hair) solid var(--ink);cursor: pointer}.totop{position: fixed;right: max(var(--space-4),env(safe-area-inset-right));bottom: max(var(--space-4),env(safe-area-inset-bottom));z-index: 6;min-width: 48px;height: 48px;padding: 0 var(--space-3);background: var(--paper);color: var(--ink);border: var(--line-hair) solid var(--ink);cursor: pointer}.totop[hidden]{display: none}html:has(.gc-dlg[open]) .totop{display: none}@media (prefers-reduced-motion: reduce){html{scroll-behavior: auto}::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation: none !important}.row::before{transition: none}}.dos__inst{min-width: 0}.dos__inst .pv-tasty_tunez{grid-template-columns: minmax(0,1fr)}.cs-more>summary{cursor: pointer;list-style: revert}.cs-more>summary h2{display: inline-flex;align-items: baseline;gap: 12px;margin: 0}