/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@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-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-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}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@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,ui-sans-serif, system-ui, 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{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{.static{position:static}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.grid{display:grid}.table{display:table}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.invert{--tw-invert:invert(100%);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,)}}:root{--paper:#efeee9;--ink:#181916;--muted:#73736c;--line:#cdccc5;--film:#11130f}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--paper);min-width:320px}body{background:var(--paper);color:var(--ink);font-family:var(--font-geist-sans), Arial, Helvetica, sans-serif;text-rendering:optimizelegibility;margin:0}a{color:inherit;text-decoration:none}a:focus-visible{outline-offset:5px;outline:1px solid}::selection{color:var(--paper);background:var(--ink)}.page-shell{grid-template-rows:1fr;width:min(100% - 48px,1560px);min-height:100svh;margin-inline:auto;display:grid}.page-shell.debug-active{grid-template-columns:minmax(0,1fr) minmax(260px,292px);column-gap:24px;width:min(100% - 32px,1880px)}.debug-active .hero{grid-area:1/1}.landing-page{align-items:center;width:min(100% - 48px,1560px);min-height:100svh;margin-inline:auto;padding-block:clamp(52px,8vh,108px);display:grid}.landing-introduction{width:min(100%,460px);margin-left:clamp(0px,9vw,176px);animation:.7s cubic-bezier(.2,.7,.2,1) both enter}.numbered-links,.experiments-back,.experiments-kicker,.debug-panel{font-family:var(--font-geist-mono), "SFMono-Regular", Consolas, monospace;letter-spacing:.055em;text-transform:uppercase;font-size:.66rem;line-height:1.3}.hero{grid-template-columns:minmax(230px,.54fr) minmax(0,1.46fr);align-items:center;gap:clamp(48px,7vw,126px);min-height:100svh;padding-block:clamp(52px,8vh,108px);display:grid}.introduction{align-self:center;max-width:460px;animation:.7s cubic-bezier(.2,.7,.2,1) both enter}.experiment-hero .experiments-back{margin-bottom:clamp(42px,7vh,76px);display:inline-block}h1{letter-spacing:-.075em;max-width:8ch;margin:0;font-size:clamp(3rem,5.35vw,6.7rem);font-weight:530;line-height:.91}.lede{letter-spacing:-.022em;max-width:35ch;margin:clamp(30px,4.5vh,54px) 0 0;font-size:clamp(.98rem,1.2vw,1.18rem);line-height:1.55}.numbered-links{border-top:1px solid var(--line);margin:clamp(28px,4.5vh,48px) 0 0;padding:0;list-style:none}.numbered-links li{border-bottom:1px solid var(--line)}.numbered-links a{grid-template-columns:35px minmax(0,1fr) auto;align-items:center;gap:8px;min-height:38px;transition:padding .16s,opacity .16s;display:grid}.numbered-links a:hover{padding-inline:4px}.numbered-links .link-number{color:var(--muted);font-variant-numeric:tabular-nums}.experiments-page{grid-template-rows:auto 1fr;width:min(100% - 48px,1160px);min-height:100svh;margin-inline:auto;padding-block:clamp(34px,6vh,72px);display:grid}.experiments-back{width:fit-content;color:var(--muted);transition:color .16s}.experiments-back:hover{color:var(--ink)}.experiments-layout{grid-template-columns:minmax(240px,.7fr) minmax(380px,1.3fr);align-items:start;gap:clamp(64px,10vw,150px);padding-block:clamp(72px,15vh,180px);display:grid}.experiments-kicker{color:var(--muted);margin:0 0 24px}.experiments-heading h1{max-width:none}.experiments-heading .lede{margin-top:32px}.experiment-index{margin-top:4px}.experiment-index a{grid-template-columns:42px minmax(120px,.55fr) minmax(180px,1fr) auto;min-height:82px}.experiment-description{color:var(--muted);font-family:var(--font-geist-sans), Arial, Helvetica, sans-serif;letter-spacing:-.012em;text-transform:none;font-size:.88rem;line-height:1.35}.visual{width:100%;margin:0;animation:.9s cubic-bezier(.2,.7,.2,1) .1s both enter}.film-frame{aspect-ratio:16/10;background:var(--ascii-background,var(--film));border:1px solid #1819164d;width:100%;min-height:330px;max-height:72svh;position:relative;overflow:hidden}.film,.film-scrim,.ascii-layer,.ascii-fallback{width:100%;height:100%;position:absolute;inset:0}.film{object-fit:cover;opacity:var(--video-opacity,1);filter:saturate(var(--video-saturation,.28)) contrast(var(--video-contrast,1.16)) brightness(var(--video-visible-brightness,var(--video-brightness,.78))) sepia(.08)}.shader-film{display:block}.film.is-contained{object-fit:contain;background:#000}.film.is-unfiltered{filter:none}.film-scrim{z-index:1;opacity:var(--video-opacity,1);background:linear-gradient(#090b081a,#090b084d),radial-gradient(circle at 70% 26%,#0000 0 16%,#07090626 72%)}.ascii-layer{z-index:2;opacity:var(--ascii-opacity,1);mix-blend-mode:normal;display:block}.ascii-fallback{z-index:2;color:var(--ascii-foreground,#f1efe4);font:clamp(.55rem, 1.2vw, 1rem) / 1.5 var(--font-geist-mono), monospace;letter-spacing:.03em;white-space:pre;opacity:var(--ascii-opacity,1);align-items:flex-end;margin:0;padding:6%;transition:opacity .3s;display:flex;overflow:hidden}.film-frame.is-ready .ascii-fallback{opacity:0}.debug-panel{z-index:20;color:#efeee9;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#10120ff0;border:1px solid #efeee93d;grid-area:1/2;align-self:center;width:100%;max-height:calc(100svh - 48px);padding:14px;position:sticky;top:24px;overflow-y:auto;box-shadow:0 16px 50px #00000038}.debug-panel button,.debug-panel input,.debug-panel select{font:inherit}.debug-heading{border-bottom:1px solid #efeee933;justify-content:space-between;align-items:center;padding-bottom:12px;display:flex}.debug-heading button,.debug-reset{color:inherit;text-transform:uppercase;cursor:pointer;background:0 0;border:0;padding:0}.debug-heading button:hover,.debug-reset:hover{opacity:.55}.render-meter{font-variant-numeric:tabular-nums;border-bottom:1px solid #efeee933;gap:5px;padding:11px 0;display:grid}.render-meter-primary,.render-meter-details{justify-content:space-between;align-items:center;gap:12px;display:flex}.render-meter-primary strong{color:#eef1d9;font-weight:500}.render-meter.is-lagging .render-meter-primary strong{color:#f1ad87}.render-meter-details{color:#efeee97a;font-size:.58rem}.debug-controls{gap:11px;padding-block:14px;display:grid}.debug-group,.debug-control{gap:11px;display:grid}.debug-group-heading{color:#efeee97a;border-top:1px solid #efeee924;margin-top:4px;padding-top:11px}.debug-group:first-of-type .debug-group-heading{margin-top:0}.debug-controls label{grid-template-columns:1fr auto;align-items:center;gap:7px 12px;display:grid}.debug-controls output{color:#efeee994;font-variant-numeric:tabular-nums}.debug-controls input[type=range]{accent-color:#d2d7bd;grid-column:1/-1;width:100%;margin:0}.debug-controls input[type=checkbox]{accent-color:#d2d7bd;cursor:pointer;width:15px;height:15px;margin:0}.style-controls,.source-controls{gap:13px;display:grid}.style-controls select,.source-controls select{color:#efeee9;background:#181a16;border:1px solid #efeee94d;grid-column:1/-1;width:100%;min-height:28px;padding:4px 6px}.color-control input[type=color]{cursor:pointer;background:#181a16;border:1px solid #efeee94d;grid-column:1/-1;width:100%;height:28px;padding:2px}.gradient-editor{border-top:1px solid #efeee924;gap:11px;padding-top:12px;display:grid}.gradient-editor-heading,.gradient-editor-heading>div,.gradient-editor-footer{justify-content:space-between;align-items:center;gap:9px;display:flex}.gradient-editor-heading>div{justify-content:flex-end}.gradient-editor-heading button,.gradient-editor-footer button{color:#efeee99e;text-transform:uppercase;cursor:pointer;background:0 0;border:0;padding:0}.gradient-editor-heading button:hover,.gradient-editor-footer button:hover{color:#efeee9}.gradient-editor-heading button:disabled,.gradient-editor-footer button:disabled{color:#efeee938;cursor:default}.gradient-bar{cursor:crosshair;touch-action:none;border:1px solid #efeee96b;height:35px;margin-bottom:25px;position:relative;box-shadow:inset 0 0 0 1px #11130f6b}.gradient-stop{z-index:2;bottom:-20px;left:calc(var(--gradient-stop) * 100%);background:var(--gradient-color);cursor:grab;touch-action:none;border:1px solid #efeee9;width:15px;height:15px;padding:0;position:absolute;transform:translate(-50%);box-shadow:0 0 0 1px #11130fd1}.gradient-stop:before{background:var(--gradient-color);content:"";border-top:1px solid #efeee9;border-left:1px solid #efeee9;width:7px;height:7px;position:absolute;top:-5px;left:3px;transform:rotate(45deg)}.gradient-stop:active{cursor:grabbing}.gradient-stop.is-selected{outline-offset:2px;outline:2px solid #d2d7bd}.gradient-stop:focus-visible{outline-offset:3px;outline:2px solid #efeee9}.gradient-stop-fields{gap:11px;display:grid}.gradient-density-axis{color:#efeee96b;text-transform:uppercase;justify-content:space-between;gap:12px;margin-top:-7px;font-size:.54rem;display:flex}.gradient-density-axis span:last-child{text-align:right}.gradient-editor-footer,.gradient-editor-help{color:#efeee973;font-size:.58rem}.gradient-editor-help{text-transform:none;margin:-3px 0 0;line-height:1.45}.curve-editor{border-top:1px solid #efeee924;gap:8px;margin-top:4px;padding-top:12px;display:grid}.curve-editor-heading{justify-content:space-between;align-items:center;display:flex}.curve-editor-heading button{color:#efeee994;text-transform:uppercase;cursor:pointer;background:0 0;border:0;padding:0}.curve-editor-heading button:hover{color:#efeee9}.curve-editor-chart{grid-template-rows:auto auto auto;grid-template-columns:12px minmax(0,1fr);gap:4px 7px;display:grid}.curve-editor-plot{aspect-ratio:1.42;grid-area:1/2;width:100%;position:relative}.curve-editor-plot canvas{cursor:crosshair;touch-action:none;border:1px solid #efeee93d;width:100%;height:100%;position:absolute;inset:0}.curve-point{z-index:2;left:calc(var(--curve-x) * 100%);top:calc(var(--curve-y) * 100%);cursor:grab;touch-action:none;background:#eef1d9;border:1px solid #11130f;border-radius:50%;width:13px;height:13px;padding:0;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #efeee9b8}.curve-point:active{cursor:grabbing}.curve-point:focus-visible{outline-offset:3px;outline:2px solid #efeee9}.curve-axis-y,.curve-axis-x,.curve-axis-scale,.curve-editor-help{color:#efeee973;font-size:.58rem}.curve-axis-y{writing-mode:vertical-rl;grid-area:1/1;place-self:center;transform:rotate(180deg)}.curve-axis-scale{font-variant-numeric:tabular-nums;grid-area:2/2;justify-content:space-between;padding-top:7px;display:flex;position:relative}.curve-axis-scale:before{content:"";background:linear-gradient(90deg,#050505,#fff);border:1px solid #efeee933;height:4px;position:absolute;top:0;left:0;right:0}.curve-axis-x{text-align:center;grid-area:3/2}.curve-editor-help{text-transform:none;margin:0 0 0 19px;line-height:1.45}.debug-reset{text-align:left;border-top:1px solid #efeee933;width:100%;padding-top:12px}@keyframes enter{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@media (width<=1040px){.page-shell.debug-active{grid-template-rows:1fr auto;grid-template-columns:1fr;width:min(100% - 48px,920px)}.debug-active .hero,.debug-active .debug-panel{grid-column:1}.debug-active .debug-panel{grid-row:2;max-height:none;margin-bottom:24px;position:static;overflow:visible}}@media (width<=800px){.page-shell{width:min(100% - 30px,680px)}.landing-page{width:min(100% - 30px,680px);padding-block:48px 60px}.hero{grid-template-columns:1fr;gap:52px;min-height:auto;padding-block:48px 60px}.introduction{max-width:540px}.landing-introduction{width:min(100%,540px);margin-left:0}h1{max-width:none;font-size:clamp(3.2rem,15vw,5.5rem)}.lede{max-width:39ch;margin-top:30px}.film-frame{aspect-ratio:4/5;min-height:390px}.page-shell.debug-active{width:min(100% - 30px,680px)}.experiments-page{width:min(100% - 30px,680px);padding-block:28px 52px}.experiments-layout{grid-template-columns:1fr;gap:58px;padding-block:72px 20px}.experiment-index a{grid-template-columns:35px minmax(0,1fr) auto;min-height:74px}.experiment-description{display:none}}@media (width<=440px){.film-frame{min-height:340px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.introduction,.landing-introduction,.visual{animation:none}}@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-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}