@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-ease:initial}}}@layer theme{:root,:host{--spacing:.25rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-mono-font-family:var(--font-neon), ui-monospace, "SF Mono", Menlo, Consolas, monospace;--color-ground:var(--ground);--color-raised:var(--raised);--color-grid:var(--grid);--color-rule:var(--rule);--color-ink:var(--ink);--color-ink-2:var(--ink-2);--color-ink-3:var(--ink-3);--color-accent:var(--accent);--color-accent-wash:var(--accent-wash);--color-accent-select:var(--accent-select);--color-transparent:transparent;--color-current:currentColor;--font-mono:var(--font-neon), ui-monospace, "SF Mono", Menlo, Consolas, monospace;--font-note:var(--font-radon), var(--font-neon), ui-monospace, monospace;--text-micro:.6875rem;--text-micro--line-height:1.2;--text-micro--letter-spacing:.02em;--text-meta:.78125rem;--text-meta--line-height:1.4;--text-meta--letter-spacing:.01em;--text-nav:.8125rem;--text-nav--line-height:1;--text-body:.9375rem;--text-body--line-height:1.65;--text-body--letter-spacing:.005em;--text-lead:1.0625rem;--text-lead--line-height:1.55;--text-note:1.125rem;--text-note--line-height:1.2;--text-bio:1.375rem;--text-bio--line-height:1.5;--text-bio--letter-spacing:-.01em;--text-h2:1.625rem;--text-h2--line-height:1.2;--text-h2--letter-spacing:-.02em;--text-h2--font-weight:500;--text-display:clamp(2.875rem, calc(10vw + 1rem), 10rem);--text-display--line-height:.94;--text-display--letter-spacing:-.03em;--text-display--font-weight:300;--radius-pill:9999px;--ease-out:cubic-bezier(.23, 1, .32, 1);--ease-in-out:cubic-bezier(.77, 0, .175, 1);--ease-drawer:cubic-bezier(.32, .72, 0, 1)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.table{display:table}.h-0\.5{height:.125rem}.h-screen{height:100vh}.min-h-\[100dvh\]{min-height:100dvh}.w-0\.5{width:.125rem}.grow{flex-grow:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.flex-wrap{flex-wrap:wrap}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.border{border-style:var(--tw-border-style);border-width:1px}.p-1{padding:.25rem}.p-32{padding:8rem}.text-h2{font-size:1.625rem;line-height:var(--tw-leading,1.2);letter-spacing:var(--tw-tracking,-.02em);font-weight:var(--tw-font-weight,500)}.text-bio{font-size:1.375rem;line-height:var(--tw-leading,1.5);letter-spacing:var(--tw-tracking,-.01em)}.text-lead{font-size:1.0625rem;line-height:var(--tw-leading,1.55)}.text-wrap{text-wrap:wrap}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.ordinal{--tw-ordinal:ordinal;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.underline{text-decoration-line:underline}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.ease-drawer{--tw-ease:var(--ease-drawer);transition-timing-function:var(--ease-drawer)}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}}.dot-grid{z-index:var(--z-ground);pointer-events:none;background-image:radial-gradient(circle at 1px 1px, var(--grid) 1px, transparent 1.25px);background-size:32px 32px;background-position:var(--gutter-page) 0;min-height:100%;position:absolute;inset:0}@media (min-width:1296px){.dot-grid{background-position:calc(50% - 584px) 0}}.ruler,.ruler-corner{z-index:var(--z-chrome);background:var(--ground);pointer-events:none;position:fixed}.ruler{--ox:max(var(--gutter-page), calc(50vw - 600px));overflow:hidden}.ruler-top{top:var(--nav-h);height:var(--ruler);border-bottom:1px solid var(--rule);left:0;right:0}.ruler-left{top:var(--chrome-h);width:var(--ruler);border-right:1px solid var(--rule);bottom:0;left:0}.ruler-corner{top:var(--nav-h);width:var(--ruler);height:var(--ruler);border-right:1px solid var(--rule);border-bottom:1px solid var(--rule);left:0}.ruler-top-ticks{background-image:linear-gradient(to right, var(--ink-3) 1px, transparent 1px), linear-gradient(to right, var(--ink-3) 1px, transparent 1px), linear-gradient(to right, var(--ink-3) 1px, transparent 1px);background-position:0 100%,0 100%,0 100%;background-repeat:repeat-x;background-size:8px 4px,50px 8px,100px 12px;position:absolute;inset:0}@supports (background-position:mod(1px, 2px) 0){.ruler-top-ticks{background-position:mod(var(--ox), 8px) 100%, mod(var(--ox), 50px) 100%, mod(var(--ox), 100px) 100%}}.ruler-top-nums{width:0;position:absolute;top:0;bottom:0}.ruler-left-strip{top:calc(-1 * var(--chrome-h));will-change:transform;background-image:linear-gradient(to bottom, var(--ink-3) 1px, transparent 1px), linear-gradient(to bottom, var(--ink-3) 1px, transparent 1px), linear-gradient(to bottom, var(--ink-3) 1px, transparent 1px);background-position:100% 0,100% 0,100% 0;background-repeat:repeat-y;background-size:4px 8px,8px 50px,12px 100px;height:100dvh;position:absolute;left:0;right:0}.ruler-num{font-size:var(--text-micro);line-height:var(--text-micro--line-height);letter-spacing:var(--text-micro--letter-spacing);color:var(--ink-3);font-variant-numeric:tabular-nums;white-space:nowrap;position:absolute;top:3px}.ruler-num-v{writing-mode:vertical-rl;left:5px;transform:rotate(180deg)}.ruler-mark{background:var(--accent);opacity:0;will-change:transform;position:absolute;top:0;left:0}.ruler-mark-x{width:1px;height:100%}.ruler-mark-y{width:100%;height:1px}@media (max-width:767px){.ruler-left,.ruler-corner{display:none}}.annotation{width:fit-content;font-family:var(--font-note);font-size:var(--text-note);line-height:var(--text-note--line-height);color:var(--ink-2);transform:rotate(var(--r,0deg));transform-origin:0 100%;white-space:nowrap;pointer-events:none;margin:0}.annotation-arrow{fill:none;stroke:var(--ink-2);stroke-width:1.25px;stroke-linecap:round;stroke-linejoin:round;flex:none;overflow:visible}.frame{--frame-fill:var(--ground);--frame-stroke:var(--rule);--frame-handle:var(--ink-2);z-index:var(--z-content);background:var(--frame-fill);padding:var(--frame-pad);position:relative}.frame.surface-raised{--frame-fill:var(--raised)}.frame[data-status=in-progress]{--frame-stroke:var(--ink-3)}.frame[data-highlight=true]{--frame-stroke:var(--ink-2)}.frame:has(:focus-visible){--frame-stroke:var(--ink-2)}.frame[data-status=deployed]{--frame-handle:var(--accent)}.frame>[data-frame-border]{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.frame>[data-frame-border] rect{x:.5px;y:.5px;fill:none;width:calc(100% - 1px);height:calc(100% - 1px);stroke:var(--frame-stroke);stroke-width:1px;shape-rendering:crispedges;transition:stroke var(--dur-hover) var(--ease-hover)}.frame[data-status=in-progress]>[data-frame-border] rect{stroke-dasharray:4 4}.frame>[data-handle]{background:var(--frame-fill);border:1px solid var(--frame-handle);opacity:0;pointer-events:none;width:7px;height:7px;transition:opacity var(--dur-hover) var(--ease-hover), border-color var(--dur-hover) var(--ease-hover);position:absolute}.frame>[data-handle=tl]{top:-3px;left:-3px}.frame>[data-handle=tr]{top:-3px;right:-3px}.frame>[data-handle=bl]{bottom:-3px;left:-3px}.frame>[data-handle=br]{bottom:-3px;right:-3px}.frame[data-status=deployed]>[data-handle],.frame[data-highlight=true]>[data-handle]{opacity:1}.frame:has(:focus-visible)>[data-handle]{opacity:1}.frame-body{position:relative}.frame-label{font-size:var(--text-meta);line-height:var(--text-meta--line-height);letter-spacing:var(--text-meta--letter-spacing);color:var(--ink-2);white-space:nowrap;margin:0;padding-bottom:6px;font-weight:400;position:absolute;bottom:100%;left:0}.frame-coords{color:var(--ink-3);font-variant-numeric:tabular-nums}.frame-tab{background:var(--frame-fill);border:1px solid var(--frame-stroke);height:28px;transition:border-color var(--dur-hover) var(--ease-hover);border-bottom:0;align-items:center;padding:0 12px;display:flex;position:absolute;bottom:calc(100% - 1px)}.frame-tab .frame-label{padding:0;position:static}@media (prefers-reduced-motion:no-preference){html.js .frame:not([data-drawn])>[data-frame-border]{clip-path:inset(0 100% 100% 0)}html.js .frame:not([data-drawn])>[data-handle],html.js .frame:not([data-drawn])>.frame-label,html.js .frame:not([data-drawn])>.frame-tab{opacity:0}}.connector{width:100%;height:100%;z-index:var(--z-connector);pointer-events:none;position:absolute;top:0;left:0;overflow:visible}.conn-node{fill:var(--ground);stroke:var(--accent);stroke-width:1px}.conn-seg .seg,.conn-seg .arrow{fill:none;stroke:var(--accent-rest);stroke-width:1px;stroke-linecap:butt;transition:stroke var(--dur-state) var(--ease-hover), stroke-width var(--dur-state) var(--ease-hover)}.conn-seg[data-active] .seg,.conn-seg[data-active] .arrow,.conn-seg[data-hover] .seg,.conn-seg[data-hover] .arrow{stroke:var(--accent);stroke-width:1.5px}.conn-seg .hit{fill:none;stroke:#0000;stroke-width:16px;pointer-events:stroke}@media (pointer:coarse){.conn-seg .hit{pointer-events:none}}@keyframes seg-draw{to{stroke-dashoffset:0}}@keyframes seg-arrow{to{opacity:1}}@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()){html.js .conn-seg .seg{stroke-dasharray:1;stroke-dashoffset:1px;animation:seg-draw var(--ease-linear) both;animation-timeline:view();animation-range:entry 10% cover 45%}html.js .conn-seg .arrow{opacity:0;animation:seg-arrow var(--ease-linear) both;animation-timeline:view();animation-range:cover 40% cover 45%}}}main>.frame+.frame,.canvas>footer>.frame{margin-top:var(--section-gap)}.hero{padding-top:40px;padding-bottom:96px;position:relative}@media (min-width:768px){.hero{min-height:calc(100dvh - var(--chrome-h));padding-top:48px;padding-bottom:0}}@media (min-width:1280px){.hero{padding-top:64px}}.hero>*{position:relative}.hero>.hero-field{position:absolute}.hero-name-row{width:fit-content;max-width:100%;display:flex}.hero .hero-note{align-items:flex-end;gap:4px;margin:0;display:flex;position:absolute;top:calc(100% + 6px);left:calc(50% + 48px)}.hero .hero-note [data-dir=left]{display:none}@media (max-width:879px){.hero .hero-note{left:96px}.hero .sel-readout{left:0;transform:none}}@media (min-width:880px){.hero .hero-note{top:calc(var(--text-display) * .44);align-items:center;left:calc(100% + 24px)}.hero .hero-note [data-dir=left]{display:block}.hero .hero-note [data-dir=up]{display:none}}.hero-name{font-size:var(--text-display);letter-spacing:-.03em;color:var(--ink);margin:0;font-weight:300;font-stretch:125%;line-height:.94}.hero-name span{white-space:nowrap;display:block}.selection-frame{vertical-align:top;background:var(--ground);font-size:var(--text-display);padding:.1em .31em .14em;line-height:1;display:inline-block;position:relative}.selection-frame>[data-sel-border]{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.selection-frame>[data-sel-border] rect{x:.5px;y:.5px;fill:none;width:calc(100% - 1px);height:calc(100% - 1px);stroke:var(--accent);stroke-width:1px;shape-rendering:crispedges}.selection-frame>[data-handle]{background:var(--ground);border:1px solid var(--accent);pointer-events:none;width:7px;height:7px;position:absolute}.selection-frame>[data-handle=tl]{top:-3px;left:-3px}.selection-frame>[data-handle=tr]{top:-3px;right:-3px}.selection-frame>[data-handle=bl]{bottom:-3px;left:-3px}.selection-frame>[data-handle=br]{bottom:-3px;right:-3px}.sel-readout{background:var(--accent);color:var(--ground);font-size:var(--text-micro);line-height:var(--text-micro--line-height);letter-spacing:var(--text-micro--letter-spacing);font-variant-numeric:tabular-nums;white-space:nowrap;pointer-events:none;border-radius:9999px;padding:2px 6px;position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%)}.sel-readout:empty{display:none}@media (prefers-reduced-motion:no-preference){html.js .selection-frame:not([data-drawn])>[data-sel-border]{clip-path:inset(0 100% 100% 0)}html.js .selection-frame:not([data-drawn])>[data-handle],html.js .selection-frame:not([data-drawn])>.frame-label,html.js .selection-frame:not([data-drawn])>.sel-readout{opacity:0}}.subline{max-width:calc(var(--text-display) * 5.15 - 24px);font-size:1rem;line-height:var(--text-lead--line-height);color:var(--ink-2);margin:40px 0 0;display:grid}@media (min-width:640px){.subline{font-size:var(--text-lead)}}@media (min-width:768px){.subline{max-width:min(610px, calc(var(--text-display) * 5.27 - 24px))}}@media (min-width:1280px){.subline{max-width:min(690px, calc(var(--text-display) * 5.27 - 24px))}}.subline>*{grid-area:1/1}.subline>.sr-only{position:absolute}.subline-typed{min-width:0}.caret{vertical-align:-.2em;background:var(--accent);opacity:0;width:.55em;height:1.1em;transition:opacity var(--dur-state) var(--ease-out);margin-left:.1em;display:inline-block}.subline[data-state=typing] .caret{opacity:1}@media (prefers-reduced-motion:reduce){.caret{display:none}}@media (prefers-reduced-motion:no-preference){html.js .subline:not([data-state=final]) .subline-sizer{visibility:hidden}}.hero-links{font-size:var(--text-body);line-height:var(--text-body--line-height);color:var(--ink);flex-wrap:wrap;gap:24px;margin-top:24px;display:flex}.hero-links a{transition:text-decoration-color var(--dur-hover) var(--ease-hover), color var(--dur-hover) var(--ease-hover), transform var(--dur-press) var(--ease-out);align-items:center;gap:4px;margin-block:-10px;padding-block:10px;display:inline-flex}.hero-links a:active{transform:scale(.97)}.hero-field{width:100vw;z-index:var(--z-ground);pointer-events:none;margin-left:-50vw;top:0;bottom:0;left:50%;overflow:hidden}.hero-field canvas{opacity:0;transition:opacity var(--dur-crossfade) var(--ease-in-out);display:block;position:absolute}.hero-field[data-p5-ready] canvas{opacity:1}@media (prefers-reduced-motion:reduce){.hero-field canvas{transition:none}}html.has-cursor:not([data-cursor-native]),html.has-cursor:not([data-cursor-native]) *{cursor:none}html.has-cursor :is(input,textarea,select,[contenteditable=true],[data-native-cursor]),html.has-cursor :is(input,textarea,select,[contenteditable=true],[data-native-cursor]) *{cursor:auto}.cursor{z-index:var(--z-cursor);pointer-events:none;position:fixed;top:0;left:0}.cursor-dot{will-change:transform;width:6px;height:6px;position:absolute;top:0;left:0}.cursor-dot-core{background:var(--ink);width:6px;height:6px;transform:scale(var(--cursor-press,1));transition:transform var(--dur-press) var(--ease-out);border-radius:9999px;display:block}.cursor[data-state=pressed]{--cursor-press:.8}.cursor-pill{background:var(--accent);color:var(--ground);font:var(--text-micro) / 1.2 var(--font-mono);letter-spacing:.02em;white-space:nowrap;will-change:transform;border-radius:9999px;padding:2px 6px;position:absolute;top:0;left:0}.cursor[data-state=hidden] .cursor-dot,.cursor[data-state=hidden] .cursor-pill,.cursor[data-state=native] .cursor-dot,.cursor[data-state=native] .cursor-pill{opacity:0;transition:opacity var(--dur-press) var(--ease-out)}.cursor[data-state=visible] .cursor-dot,.cursor[data-state=visible] .cursor-pill,.cursor[data-state=pressed] .cursor-dot,.cursor[data-state=pressed] .cursor-pill{opacity:1;transition:none}.sound-toggle{width:44px;height:48px;color:var(--ink-2);transition:transform var(--dur-press) var(--ease-out), color var(--dur-hover) var(--ease-hover);background:0 0;border:0;place-items:center;padding:0;display:inline-grid;position:relative}.sound-toggle:active{transform:scale(.97)}.sound-icon{transition:opacity var(--dur-hover) var(--ease-hover);grid-area:1/1;place-items:center;display:grid}.sound-toggle[data-on=false] .sound-icon[data-icon=on],.sound-toggle[data-on=true] .sound-icon[data-icon=off]{opacity:0}@media (hover:hover) and (pointer:fine){.sound-toggle:hover{color:var(--ink)}}:where(.scramble-link){transition:transform var(--dur-press) var(--ease-out);display:inline-block}:where(.scramble-link):active{transform:scale(.97)}.scramble-text{min-width:calc(var(--n,0) * 1ch);white-space:pre;display:inline-block}.agent-stage{width:100%;z-index:var(--z-agents);pointer-events:none;position:absolute;top:0;left:0;overflow:clip}.agent{pointer-events:none;will-change:transform;width:0;height:0;position:absolute;top:0;left:0}.agent:not([data-visible]){visibility:hidden;transition:visibility 0s linear var(--dur-press)}.agent-arrow{color:var(--ink-2);transform-origin:2px 2px;transition:transform var(--dur-press) var(--ease-out);position:absolute;top:-2px;left:-2px}.agent-pill{border:1px solid var(--ink-2);background:var(--ground);color:var(--ink-2);font:var(--text-micro) / 1.2 var(--font-mono);letter-spacing:.02em;white-space:nowrap;pointer-events:auto;cursor:inherit;transition:transform var(--dur-press) var(--ease-out), color var(--dur-hover) var(--ease-hover);border-radius:9999px;padding:1px 6px;position:absolute;top:16px;left:12px}.agent[data-flip] .agent-pill{left:auto;right:12px}.agent-pill:active,.agent[data-pressed] .agent-pill,.agent[data-pressed] .agent-arrow{transform:scale(.97)}@media (hover:hover) and (pointer:fine){.agent-pill:hover{color:var(--ink)}}[data-agent-target~=word]{transition:background-color var(--dur-hover) var(--ease-hover)}[data-agent-target~=word][data-agent-selected]{background-color:var(--accent-wash)}.work-note{position:absolute;top:-44px;left:calc(70% + 16px)}@media (max-width:767px){.work-note{display:none}}@media (min-width:768px) and (max-width:1023px){.work-note{left:auto;right:calc(30% + 16px)}}.stack{--card-h:clamp(480px, calc(100dvh - 148px), 600px);--stack-hold:160px;padding-top:12px;position:relative}.stack-slot{height:0}.stack-card{--content-opacity:1;--tab-opacity:1;margin-bottom:48px}.stack-card:last-child{margin-bottom:0}.stack-card>.frame{height:100%}.frame.project-card,.detail .frame{--hairline-plate:var(--ground)}.detail .frame.surface-raised{--hairline-plate:var(--raised)}.stack-card .frame-body{height:100%;opacity:var(--content-opacity)}.stack-card .frame-label{opacity:var(--tab-opacity)}@media (min-width:768px){.stack{padding-top:0;display:flow-root}.stack-card{height:var(--card-h);margin-bottom:var(--stack-hold);transform-origin:50% 0;position:sticky;top:124px}.stack-card:last-child{margin-bottom:var(--stack-hold)}.stack{margin-bottom:calc(-1 * var(--stack-hold))}}.frame.project-card{padding:20px}.project-grid{grid-template-columns:1fr;row-gap:32px;height:100%;display:grid}.project-text{min-width:0}.project-figure{align-self:center;width:100%;position:relative}.project-figure .figure{width:100%}.figure-read{font-size:var(--text-micro);letter-spacing:.02em;color:var(--ink-2);font-variant-numeric:tabular-nums;white-space:nowrap;line-height:1.2;position:absolute;top:calc(100% + 4px);right:0}@media (min-width:768px){.frame.project-card{padding:32px}.project-grid{grid-template-columns:repeat(12,1fr);gap:0 24px}.project-text{grid-column:1/span 6;align-self:center}.project-figure{width:min(100%, calc((var(--card-h) - 80px) * 1.25));grid-column:7/span 6}}@media (min-width:1024px){.frame.project-card{padding:40px}.project-text{grid-column:1/span 5}.stack-card[data-layout=mirror]{margin-left:var(--stack-inset)}.stack-card[data-layout=compact]{width:var(--stack-w)}.stack-card[data-layout=band]{height:calc(var(--card-h) + 110px)}.stack-card[data-layout=compact]{height:auto;min-height:calc(var(--card-h) + 130px)}.layout-focal .project-figure{grid-column:6/span 7;justify-self:end}.layout-mirror .project-figure{grid-area:1/1/auto/span 6;justify-self:start}.layout-mirror .project-text{grid-area:1/7/auto/span 6}.layout-band .project-grid{grid-template-rows:minmax(120px,1fr) auto;row-gap:40px;height:100%}.layout-band .project-figure{border-bottom:1px solid var(--rule);grid-area:1/1/auto/-1;align-self:stretch;width:100%;padding-bottom:20px;display:flex}.layout-band .figure{aspect-ratio:auto;flex:1;min-height:0}.layout-band .figure-read{top:auto;bottom:0;right:0}.layout-band .project-text{grid-area:2/1/auto/-1;grid-template-columns:repeat(12,1fr);align-content:start;column-gap:24px;display:grid}.layout-band .project-name,.layout-band .label-grid,.layout-band .project-links{grid-column:1/span 5}.layout-band .project-name{grid-row:1}.layout-band .label-grid{grid-row:2;align-self:start}.layout-band .project-links{grid-row:3;align-self:start;margin-top:20px}.layout-band .project-pitch,.layout-band .project-facts{grid-column:6/span 7}.layout-band .project-pitch{grid-row:1/span 2;margin-top:0}.layout-band .project-facts{grid-row:3;margin-top:0}.layout-compact .project-grid{grid-template-columns:1fr;align-content:start;row-gap:24px;height:auto}.layout-compact .project-text{grid-column:1}.layout-compact .project-figure{grid-column:1;justify-self:end;width:min(100%,240px);margin-bottom:20px}}.project-name{font-size:var(--text-h2);letter-spacing:-.02em;color:var(--ink);font-weight:500;line-height:1.2}@media (max-width:639px){.project-name{font-size:1.375rem}}.project-pitch{max-width:44ch;color:var(--ink);font-size:var(--text-lead);letter-spacing:0;margin-top:16px;line-height:1.55}@media (max-width:639px){.project-pitch{font-size:1rem}}.project-facts{font-size:var(--text-body);color:var(--ink-2);flex-direction:column;gap:8px;margin:24px 0 0;padding:0;line-height:1.65;list-style:none;display:flex}.project-facts>li{max-width:64ch;padding-left:16px;position:relative}.project-facts>li:before{content:"·";color:var(--ink-3);position:absolute;left:0}.project-links{flex-wrap:wrap;gap:0 16px;margin-top:24px;display:flex}.project-note{color:var(--ink-2);font-size:var(--text-body);max-width:64ch;margin-top:16px}.label-grid{font-size:var(--text-meta);letter-spacing:.01em;grid-template-columns:7ch 1fr;gap:4px 16px;margin-top:12px;line-height:1.4;display:grid}.label-grid>div{display:contents}.label-grid dt{color:var(--ink-2)}.label-grid dd{color:var(--ink);font-variant-numeric:tabular-nums;margin:0}.bracket{font-size:var(--text-body);color:var(--ink);transition:transform var(--dur-press) var(--ease-out);margin:-10px -4px;padding:10px 4px;line-height:1.65;text-decoration:none;display:inline-block}.bracket>span{color:var(--ink-3);transition:color var(--dur-hover) var(--ease-hover)}.bracket:active{transform:scale(.97)}@media (hover:hover) and (pointer:fine){.bracket:hover{text-decoration-line:underline;-webkit-text-decoration-color:var(--ink);-webkit-text-decoration-color:var(--ink);-webkit-text-decoration-color:var(--ink);text-decoration-color:var(--ink)}.bracket:hover>span{color:var(--ink-2)}}.more-frame{margin-top:var(--section-gap)}@media (min-width:768px){.more-frame{margin-left:204px}}@media (min-width:1024px){.more-frame{margin-left:408px}}.more-list{margin:0;padding:0;list-style:none}.more-list>li{grid-template-columns:1fr auto 14px;align-items:baseline;gap:4px 12px;padding-block:14px;display:grid;position:relative}.more-list>li:before{content:"";background:var(--accent-wash);opacity:0;pointer-events:none;transition:opacity var(--dur-hover) var(--ease-hover);position:absolute;inset:0}.more-list>li[data-agent-selected]:before{opacity:1}.more-list>li:has(>.more-name:active){transform:scale(.97)}.more-name{color:var(--ink);font-size:var(--text-body);text-underline-offset:4px;transition:text-decoration-color var(--dur-hover) var(--ease-hover);grid-area:1/1;justify-self:start;line-height:1.65;-webkit-text-decoration:underline #0000;text-decoration:underline #0000;text-decoration-thickness:1px}.more-name:after{content:"";position:absolute;inset:0}.more-name:focus-visible{outline:none}.more-list>li:has(>.more-name:focus-visible):after{content:"";outline:1.5px solid var(--accent);outline-offset:3px;pointer-events:none;position:absolute;inset:0}.more-line{color:var(--ink-2);font-size:var(--text-body);grid-area:2/1/auto/-1;line-height:1.65}.more-line .cite{z-index:1;position:relative}.more-status{color:var(--ink-2);font-size:var(--text-meta);grid-area:3/1/auto/-1;line-height:1.4}.more-year{color:var(--ink-2);font-size:var(--text-meta);text-align:right;font-variant-numeric:tabular-nums;grid-area:1/2}.more-arrow{color:var(--ink-2);transition:transform var(--dur-state) var(--ease-drawer);grid-area:1/3;align-self:center;display:block;transform:rotate(-45deg)}@media (min-width:768px){.more-list>li{grid-template-columns:22ch 1fr 11ch 5ch 16px;gap:0 24px}.more-name,.more-line,.more-status,.more-year{grid-area:1}.more-year{text-align:right}.more-arrow{grid-area:1;align-self:start;margin-top:.5em}}.more-list>li{transition:opacity var(--dur-hover) var(--ease-hover), transform var(--dur-press) var(--ease-out)}.more-list:has(>li:has(:focus-visible))>li:not(:has(:focus-visible)){opacity:.4}@media (hover:hover) and (pointer:fine){.more-list:has(>li:hover)>li:not(:hover){opacity:.4}.more-list>li:hover .more-name{-webkit-text-decoration-color:var(--ink);-webkit-text-decoration-color:var(--ink);-webkit-text-decoration-color:var(--ink);text-decoration-color:var(--ink)}.more-list>li:has(:focus-visible) .more-name{-webkit-text-decoration-color:var(--ink);-webkit-text-decoration-color:var(--ink);-webkit-text-decoration-color:var(--ink);text-decoration-color:var(--ink)}}@media (prefers-reduced-motion:no-preference) and (hover:hover) and (pointer:fine){.more-list>li:hover .more-arrow{transform:rotate(0)}}@media (prefers-reduced-motion:no-preference){.more-list>li:has(:focus-visible) .more-arrow{transform:rotate(0)}html.js .more-list:not([data-revealed])>li{opacity:0;filter:blur(4px);transform:translateY(6px)}html.js .more-list[data-revealed]:not([data-settled])>li{opacity:1;filter:blur();transition:opacity var(--dur-reveal) var(--ease-out) calc(var(--i) * var(--stagger)), filter var(--dur-reveal) var(--ease-out) calc(var(--i) * var(--stagger)), transform var(--dur-reveal) var(--ease-out) calc(var(--i) * var(--stagger));transform:translateY(0)}}.detail{row-gap:var(--section-gap);padding-top:32px;padding-bottom:var(--section-gap);grid-template-columns:1fr;display:grid}.detail>*{min-width:0}.detail-head{position:relative}.detail-icon{width:64px;height:64px;margin-bottom:16px;display:block}.detail-copy{max-width:64ch;color:var(--ink);font-size:var(--text-body);line-height:1.65}.detail-figure{width:100%;max-width:720px}.detail-image{width:100%;height:auto;display:block}.detail-screen-security-report-card{max-height:900px;overflow:hidden}.detail-footer{font-size:var(--text-body);flex-wrap:wrap;justify-content:space-between;gap:16px;line-height:1.65;display:flex}.detail-footer a{text-decoration:none}@media (hover:hover) and (pointer:fine){.detail-footer a:hover{text-decoration:underline;-webkit-text-decoration-color:var(--ink);-webkit-text-decoration-color:var(--ink);-webkit-text-decoration-color:var(--ink);text-decoration-color:var(--ink)}}@media (min-width:768px){.detail{grid-template-columns:repeat(12,1fr);column-gap:24px;padding-top:64px}.detail-col-12{grid-column:1/-1}.detail-col-8{grid-column:1/span 8}.detail-half{grid-column:span 6}.detail-icon{top:var(--frame-pad);right:var(--frame-pad);margin:0;position:absolute}}@media (min-width:1024px){.detail[data-has-figure] .detail-head,.detail[data-has-figure] .detail-problem,.detail[data-has-figure] .detail-built{grid-column:1/span 7}.detail[data-has-figure] .detail-head{grid-row:1}.detail[data-has-figure] .detail-problem{grid-row:2}.detail[data-has-figure] .detail-built{grid-row:3}.detail[data-has-figure] .detail-figure-frame{grid-area:1/8/span 3/span 5;align-self:start}}.figure{aspect-ratio:5/4;width:100%;position:relative}.figure[data-error=true]{background:var(--hairline-plate)}.figure{--hairline-hi:var(--ink)}.figure:focus-visible,.figure[data-active]{--hairline-hi:var(--accent)}@media (hover:hover) and (pointer:fine){.figure:hover{--hairline-hi:var(--accent)}}.figure-slider{flex-direction:column;gap:12px;display:flex}.figure-slider-row{font-size:var(--text-meta);align-items:center;gap:12px;line-height:1.4;display:flex}.figure-slider-row label{color:var(--ink-2)}.figure-slider-row output{color:var(--ink-2);text-align:right;font-variant-numeric:tabular-nums;min-width:4ch}.figure-slider-row input[type=range]{appearance:none;cursor:auto;background:0 0;flex:1;min-width:0;height:32px;margin:0;padding:0}.figure-slider-row input[type=range]::-webkit-slider-runnable-track{background:var(--ink-3);border:0;height:1px}.figure-slider-row input[type=range]::-moz-range-track{background:var(--ink-3);border:0;height:1px}.figure-slider-row input[type=range]::-webkit-slider-thumb{appearance:none;box-sizing:border-box;border:1px solid var(--ink);background:var(--ground);border-radius:0;width:11px;height:11px;margin-top:-5px}.figure-slider-row input[type=range]::-moz-range-thumb{box-sizing:border-box;border:1px solid var(--ink);background:var(--ground);border-radius:0;width:11px;height:11px}.figure-slider-row input[type=range]:focus-visible{outline:1.5px solid var(--accent);outline-offset:3px}.not-found-wrap{padding-top:64px}.not-found{gap:32px;display:grid}.not-found-figure{width:100%;max-width:360px}.not-found-read{text-align:right;font-size:var(--text-micro);color:var(--ink-2);min-height:1.2em;margin:8px 0 0}.not-found-text{flex-direction:column;align-items:flex-start;gap:16px;display:flex}.not-found-text h1{font-size:var(--text-h2);letter-spacing:-.02em;margin:0;font-weight:500;line-height:1.2}.not-found-text p{color:var(--ink-2);font-size:var(--text-body);overflow-wrap:anywhere;margin:0;line-height:1.65}.not-found-text code{font:inherit;color:var(--ink)}@media (min-width:768px){.not-found{grid-template-columns:minmax(0,360px) minmax(0,1fr);align-items:center;gap:48px}}@media (min-width:1024px){.not-found-wrap{width:66.6667%;margin-left:16.6667%}}.lab-note{display:none;position:absolute;top:-40px;right:48px}@media (min-width:768px){.lab-note{display:block}}.lab-grid{grid-template-columns:minmax(0,1fr);gap:32px;display:grid}.lab-more{width:fit-content;font-size:var(--text-body);margin:24px 0 0 auto;line-height:1.65;display:block}.lab-cell{--frame-pad:16px;flex-direction:column;min-width:0;display:flex}.lab-cell>.frame-body{flex-direction:column;flex:1;min-height:0;display:flex}@media (max-width:767px){.lab-cell-circle .lab-stage{aspect-ratio:1}.lab-cell-attractor .lab-stage,.lab-cell-life .lab-stage{aspect-ratio:4/3}}@media (min-width:768px){.lab-grid{grid-template-rows:420px 380px;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px}.lab-cell-circle{grid-column:1/span 6}.lab-cell-attractor{grid-column:7/span 6}.lab-cell-life{grid-column:1/span 6}.lab-cell-terminal{grid-column:7/span 6}.lab-cell .lab-stage{flex:1;min-height:0}}@media (min-width:1024px){.lab-grid{grid-template-rows:480px 400px}.lab-cell-circle{grid-column:1/span 7}.lab-cell-attractor{grid-column:8/span 5}.lab-cell-life{grid-column:1/span 5}.lab-cell-terminal{grid-column:6/span 7}}.lab-cell-page .lab-stage{flex:1;min-height:0}.lab-cell-page.lab-cell-circle{height:560px}.lab-cell-page.lab-cell-attractor{height:520px}.lab-cell-page.lab-cell-life{height:440px}.lab-cell-page.lab-cell-terminal{max-width:720px;height:auto}@media (max-width:767px){.lab-cell-page.lab-cell-circle{height:auto}.lab-cell-page.lab-cell-circle .lab-stage{aspect-ratio:1;flex:none}.lab-cell-page.lab-cell-attractor,.lab-cell-page.lab-cell-life{height:auto}.lab-cell-page.lab-cell-attractor .lab-stage,.lab-cell-page.lab-cell-life .lab-stage{aspect-ratio:4/3;flex:none}}.lab-stage{background:var(--raised);touch-action:none;-webkit-user-select:none;user-select:none;position:relative;overflow:hidden}.lab-poster,.lab-host{position:absolute;inset:0}.lab-host canvas{display:block}.lab-poster-hint{text-align:center;color:var(--ink-2);font-size:var(--text-body);justify-content:center;align-items:center;padding:16px;line-height:1.65;display:flex;position:absolute;inset:0}.lab-poster-img{object-fit:cover;width:100%;height:100%}.lab-life-pre{width:100%;height:100%;color:var(--ink-2);letter-spacing:0;white-space:pre;margin:0;font-family:inherit;font-size:12.5px;line-height:14px;overflow:hidden}.lab-ref{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.lab-ref circle{fill:none;stroke:var(--ink-3);stroke-width:1px;stroke-dasharray:4 6;vector-effect:non-scaling-stroke;opacity:.55}.lab-ref{transition:opacity var(--dur-state) var(--ease-out)}.lab-ref[data-hidden]{opacity:0}@media (prefers-reduced-motion:no-preference){html.js .lab-host canvas{opacity:0;transition:opacity var(--dur-crossfade) var(--ease-in-out)}html.js .lab-stage[data-ready] .lab-host canvas{opacity:1}}.lab-foot{min-height:32px;font-size:var(--text-meta);justify-content:space-between;align-items:center;gap:16px;padding-top:8px;line-height:1.4;display:flex}.lab-hint{color:var(--ink-2);margin:0}.lab-readout{color:var(--ink);text-align:right;font-variant-numeric:tabular-nums;white-space:pre;align-items:center;gap:12px;margin:0;display:flex}.lab-foot .lab-readout span:first-child{white-space:normal}.lab-num{white-space:pre}.lab-score[data-empty]{visibility:hidden}.lab-score{font-variant-numeric:tabular-nums}.lab-step{min-height:32px;color:var(--ink);font:inherit;cursor:pointer;transition:transform var(--dur-press) var(--ease-out);background:0 0;border:0;padding:0 4px}.lab-step:active{transform:scale(.97)}.lab-bracket{color:var(--ink-3)}.lab-terminal{flex-direction:column;flex:1;justify-content:center;min-height:0;display:flex}.lab-terminal .figure-slider{width:100%;margin-inline:auto}@media (min-width:768px){.lab-cell-home.lab-cell-terminal .lab-terminal .figure-slider{height:100%}.lab-cell-home.lab-cell-terminal .lab-terminal .figure{aspect-ratio:5/4;flex:1 1 0;align-self:center;width:auto;max-width:100%;min-height:0}}.lab-page-head{flex-direction:column;gap:16px;display:flex}.lab-page-head h1{font-size:var(--text-h2);letter-spacing:-.02em;margin:0;font-weight:500;line-height:1.2}.lab-page-head p{max-width:64ch;color:var(--ink-2);font-size:var(--text-lead);margin:0;line-height:1.55}@media (max-width:639px){.lab-page-head h1{font-size:1.375rem}.lab-page-head p{font-size:1rem}}.lab-page{gap:var(--section-gap);flex-direction:column;padding-top:32px;display:flex}@media (min-width:768px){.lab-page{padding-top:64px}}.lab-page-toys{flex-direction:column;gap:32px;display:flex}.lab-experiments{flex-direction:column;gap:24px;margin:0;padding:0;list-style:none;display:flex}.lab-experiments li{max-width:64ch;font-size:var(--text-body);gap:4px;line-height:1.65;display:grid}.lab-experiments .name{color:var(--ink)}.lab-experiments .line{color:var(--ink-2)}.proof-row{grid-template-columns:minmax(0,1fr);align-items:end;gap:24px;max-width:100%;display:grid}.proof-heat,.proof-commit,.proof-clock{min-width:0}@media (min-width:768px){.proof-row{grid-template-columns:minmax(0,1fr) auto;column-gap:32px}.proof-heat{grid-column:1/-1}}@media (min-width:1280px){.proof-row{grid-template-rows:auto auto;grid-template-columns:auto minmax(0,1fr)}.proof-heat{grid-area:1/1/span 2}.proof-commit{grid-area:1/2;align-self:start}.proof-clock{grid-area:2/2}}.proof-key{color:var(--ink-2);font-size:var(--text-meta);margin:0 0 4px;line-height:1.4}.proof-value{color:var(--ink);font-size:var(--text-body);font-variant-numeric:tabular-nums;margin:0;line-height:1.65}.proof-sr{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.heatmap{width:fit-content;max-width:100%;position:relative}.heat-count{margin-bottom:12px}.heat-scroll{overscroll-behavior-x:contain;scrollbar-width:thin;margin:-4px;padding:4px;overflow-x:auto}@media (max-width:639px){.heat-scroll{scrollbar-width:none}.heat-scroll::-webkit-scrollbar{display:none}}.heat-wrap{width:fit-content}.heat-grid{grid-template-rows:repeat(7,11px);grid-auto-columns:11px;grid-auto-flow:column;gap:2px;display:grid}.heat-cell{text-align:center;width:11px;height:11px;color:var(--heat-0);font-size:11px;line-height:11px;display:block}.heat-cell[data-level="1"]{color:var(--heat-1)}.heat-cell[data-level="2"]{color:var(--heat-2)}.heat-cell[data-level="3"]{color:var(--heat-3)}.heat-cell[data-level="4"]{color:var(--heat-4)}.heat-cell[data-active]{outline:1px solid var(--accent);outline-offset:1px}.heat-caption{text-align:right;min-height:1.2em;color:var(--ink-2);font-size:var(--text-micro);margin:8px 0 0;line-height:1.2}.commit-line{max-width:40ch}.commit-line a{-webkit-line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;text-decoration-line:none;display:-webkit-box;overflow:hidden}@media (hover:hover) and (pointer:fine){.commit-line a:hover{text-decoration-line:underline}}.commit-line .cite{margin-left:4px}.commit-time{color:var(--ink-2);font-size:var(--text-body);margin:0;line-height:1.65}.clock .clock-value{white-space:nowrap;min-width:11ch;min-height:1.65em}.clock:not([data-ready]) .proof-key{visibility:hidden}.clock-digits{align-items:baseline;display:inline-flex}.clock-suffix{margin-left:1ch}.clock-colon{padding-inline:1px}.about-grid{grid-template-columns:minmax(0,1fr);gap:48px;display:grid}.bio{max-width:34em;color:var(--ink-2);letter-spacing:-.01em;margin:0;font-size:1.125rem;line-height:1.5}.bio .bright{color:var(--ink)}.bio [data-agent-target=word]{transition:background-color var(--dur-hover) var(--ease-hover)}.bio [data-agent-selected]{background:var(--accent-wash)}@media (min-width:640px){.bio{font-size:var(--text-bio)}}.about-side{flex-direction:column;gap:32px;min-width:0;display:flex}.about-rest{flex-direction:column;gap:32px;display:flex}.about-group{flex-direction:column;gap:8px;margin:0;display:flex}.about-group dt{color:var(--ink-2);font-size:var(--text-meta);line-height:1.4}.about-group dd{color:var(--ink);font-size:var(--text-body);margin:0;line-height:1.65}.about-group dd .cite,.about-group dt .cite{margin-left:4px}@media (min-width:768px){.about-side{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;column-gap:24px;display:grid}}@media (min-width:1024px){.about-grid{grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px}.bio{grid-column:1/span 8}.about-side{flex-direction:column;grid-column:9/span 4;display:flex}}.nav-inner{max-width:calc(var(--canvas-max) + 2 * var(--gutter-page));padding-inline:var(--gutter-page);height:100%;margin-inline:auto}.nav nav{height:var(--nav-h);white-space:nowrap;font-size:var(--text-nav);align-items:center;gap:0;font-weight:450;line-height:1;display:flex;overflow:hidden}.nav nav>a,.nav nav>button,.nav-resume>a{min-width:44px;height:var(--nav-h);color:var(--ink-2);font:inherit;transition:color var(--dur-hover) var(--ease-hover), transform var(--dur-press) var(--ease-out);background:0 0;border:0;flex:none;justify-content:center;align-items:center;padding-inline:10px;text-decoration-line:none;display:inline-flex;position:relative}.nav nav>a:active,.nav nav>button:active,.nav-resume>a:active{transform:scale(.97)}.nav nav>a:hover,.nav nav>button:hover,.nav-resume>a:hover{color:var(--ink)}.nav nav>a[data-nav=home]{color:var(--ink);margin-left:-10px;font-weight:600}.nav nav>a[data-nav=home]:after{display:none}.nav nav>a:after{content:"";background:var(--accent);transform-origin:0;height:1px;transition:transform var(--dur-state) var(--ease-out);position:absolute;top:calc(50% + 12.5px);left:10px;right:10px;transform:scaleX(0)}.nav nav>a[aria-current]:not([data-nav=home]){color:var(--ink)}.nav nav>a[aria-current]:not([data-nav=home]):after{transform:scaleX(1)}@media (prefers-reduced-motion:reduce){.nav nav>a:after{opacity:0;transition:opacity .15s var(--ease-hover);transform:none}.nav nav>a[aria-current]:not([data-nav=home]):after{opacity:1}}.nav-sep{background:var(--rule);flex:none;width:1px;height:16px;margin-left:auto;margin-right:6px}.nav-resume{flex:none;align-items:center;display:inline-flex;position:relative}.nav-resume>a{padding-right:20px}.nav-resume svg{color:var(--ink-2);pointer-events:none;position:absolute;top:50%;right:6px;transform:translateY(-50%)}@media (max-width:639px){.nav nav>a[data-nav=now]{display:none}.nav nav>a,.nav nav>button,.nav-resume>a{padding-inline:6px}.nav nav>a:after{left:6px;right:6px}.nav nav>a[data-nav=home]{margin-left:-6px}.nav-resume>a{padding-right:16px}.nav-resume svg{right:3px}}@media (max-width:379px){.nav nav>a[data-nav=about]{display:none}}.cite{color:var(--ink-2);font-size:var(--text-micro);letter-spacing:.02em;vertical-align:baseline;margin-left:2px;line-height:1.2;text-decoration-line:none}.cite:hover{color:var(--ink)}.site-footer{padding-bottom:96px}.footer-links{font-size:var(--text-nav);flex-wrap:wrap;gap:0 24px;margin:0 0 32px;padding:0;font-weight:450;line-height:1;list-style:none;display:flex}.footer-links a{min-height:44px;color:var(--ink);transition:transform var(--dur-press) var(--ease-out);align-items:center;text-decoration-line:none;display:inline-flex}.footer-links a:active{transform:scale(.97)}.colophon{max-width:64ch;color:var(--ink-2);font-size:var(--text-meta);margin:0 0 8px;line-height:1.4}.copyright{color:var(--ink-2);font-size:var(--text-meta);margin:0 0 48px;line-height:1.4}.sources{font-size:var(--text-meta);columns:1;margin:0;padding:0;line-height:1.4;list-style:none}@media (min-width:1024px){.sources{columns:2;column-gap:48px}}.sources li{break-inside:avoid;color:var(--ink);transition:background-color .6s var(--ease-out);background-color:#0000;margin:0 -8px 8px;padding:4px 8px}.sources li:target{background-color:var(--accent-wash)}.sources .src-n{text-indent:0;min-width:5ch;display:inline-block}.sources li{text-indent:-5ch;padding-left:calc(8px + 5ch)}.sources .src-n,.sources .src-note{color:var(--ink-2)}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ground:#0a0c0f;--raised:#121417;--grid:#35383c8c;--rule:#24272a;--ink:#dee2e7;--ink-2:#9da2a8;--ink-3:#65696f;--accent:#6aa9ed;--accent-wash:#6aa9ed1f;--accent-select:#6aa9ed3d;--accent-rest:#6aa9ed66;--hl-mid:#44484d;--hl-lo:#2b2e32;--heat-0:#24272a;--heat-1:#3a5777;--heat-2:#49709c;--heat-3:#588bc2;--heat-4:#6aa9ed;--ease-hover:ease;--ease-linear:linear;--dur-press:.12s;--dur-hover:.15s;--dur-label:.18s;--dur-state:.2s;--dur-crossfade:.4s;--dur-frame:.56s;--dur-reveal:.6s;--stagger:60ms;--z-ground:0;--z-connector:5;--z-content:10;--z-sticky:20;--z-chrome:40;--z-agents:60;--z-cursor:70;--z-toast:80;--z-skip:90;--nav-h:48px;--ruler:24px;--chrome-h:72px;--canvas-max:1200px;--gutter-page:16px;--section-gap:64px;--frame-pad:20px}@media (min-width:640px){:root{--frame-pad:24px}}@media (min-width:768px){:root{--gutter-page:40px;--section-gap:96px;--frame-pad:32px}}@media (min-width:1024px){:root{--gutter-page:48px;--section-gap:128px;--frame-pad:48px}}@supports (color:oklch(0 0 0)){:root{--ground:oklch(15.5% .006 255);--raised:oklch(19% .007 255);--grid:oklch(34% .008 255/.55);--rule:oklch(27% .008 255);--ink:oklch(91% .008 255);--ink-2:oklch(71% .01 255);--ink-3:oklch(52% .01 255);--accent:oklch(72% .12 252);--accent-wash:oklch(72% .12 252/.12);--accent-select:oklch(72% .12 252/.24);--accent-rest:oklch(72% .12 252/.4);--hl-mid:oklch(40% .009 255);--hl-lo:oklch(30% .008 255)}}:root,.surface-ground{--hairline-plate:var(--ground)}.surface-raised{--hairline-plate:var(--raised)}:root{--hairline-hi:var(--accent);--hairline-edge:var(--ink-3);--hairline-mid:var(--hl-mid);--hairline-lo:var(--hl-lo);--hairline-stroke:1;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;accent-color:var(--accent)}::selection{background:var(--accent-select);color:var(--ink)}html{caret-color:var(--accent);scrollbar-width:thin;scrollbar-color:var(--rule) var(--ground)}::-webkit-scrollbar{background:var(--ground);width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--rule)}::-webkit-scrollbar-thumb:hover{background:var(--ink-3)}:focus-visible{outline:1.5px solid var(--accent);outline-offset:3px}:focus:not(:focus-visible){outline:none}a{color:inherit;text-underline-offset:4px;text-decoration-line:underline;text-decoration-thickness:1px;-webkit-text-decoration-color:var(--ink-3);-webkit-text-decoration-color:var(--ink-3);-webkit-text-decoration-color:var(--ink-3);text-decoration-color:var(--ink-3);transition:text-decoration-color var(--dur-hover) var(--ease-hover), color var(--dur-hover) var(--ease-hover)}a:hover{-webkit-text-decoration-color:var(--ink);-webkit-text-decoration-color:var(--ink);-webkit-text-decoration-color:var(--ink);text-decoration-color:var(--ink)}time,data,[data-num],.num{font-variant-numeric:tabular-nums}:target,[id]{scroll-margin-top:96px}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}body{background:var(--ground);color:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}html,body{overflow-x:clip}body{font-family:var(--font-mono);font-size:var(--text-body);letter-spacing:.005em;font-feature-settings:"calt" 1, "liga" 1;line-height:1.65}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.page{min-height:100dvh;padding-top:var(--chrome-h);position:relative}.canvas{z-index:var(--z-content);max-width:calc(var(--canvas-max) + 2 * var(--gutter-page));padding-inline:var(--gutter-page);margin-inline:auto;position:relative}main{position:relative}.nav{height:var(--nav-h);background:var(--ground);z-index:var(--z-chrome);position:fixed;top:0;left:0;right:0}.cite{font-size:var(--text-micro);color:var(--ink-2);font-variant-numeric:tabular-nums;margin-left:2px;text-decoration:none;position:relative;top:-.5em}.cite:hover{color:var(--ink);text-decoration:underline}.skip{z-index:var(--z-skip);background:var(--raised);border:1px solid var(--rule);font-size:var(--text-nav);padding:8px 12px;text-decoration:none;position:fixed;top:8px;left:8px;transform:translateY(-200%)}.skip:focus-visible{transform:none}[data-sonner-toaster]{z-index:var(--z-toast)}.toast{background:var(--raised);border:1px solid var(--rule);color:var(--ink);font:var(--text-meta) / 1.4 var(--font-mono);align-items:center;gap:16px;min-width:280px;padding:10px 12px;display:flex}.toast-action{color:var(--accent);cursor:pointer;background:0 0;border:0;padding:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}
@font-face{font-stretch:100% 125%;font-family:neon;src:url(../media/MonaspaceNeon_Var_latin.p.32g_06ppa6yo2.woff2)format("woff2");font-display:swap;font-weight:200 800;font-style:normal}.Szrq2a_className{font-family:neon,ui-monospace,SF Mono,Menlo,Consolas,monospace}.Szrq2a_variable{--font-neon:"neon", ui-monospace, SF Mono, Menlo, Consolas, monospace}
@font-face{font-stretch:100% 125%;font-family:radon;src:url(../media/MonaspaceRadon_Var_notes-s.3na350rgkajso.woff2)format("woff2");font-display:swap;font-weight:200 800;font-style:normal}@font-face{font-family:radon Fallback;src:local(Arial);ascent-override:94.5%;descent-override:20.0%;line-gap-override:10.0%;size-adjust:100.0%}._990_DW_className{font-family:radon,radon Fallback}._990_DW_variable{--font-radon:"radon", "radon Fallback"}