@font-face{font-family:Archivo;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/fonts/archivo-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Archivo;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/fonts/archivo-latin-ext.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Cormorant Garamond;font-style:italic;font-display:swap;font-weight:300;src:url(/fonts/cormorant-garamond-300-italic.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Cormorant Garamond;font-style:italic;font-display:swap;font-weight:400;src:url(/fonts/cormorant-garamond-400-italic.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:JetBrains Mono;font-style:normal;font-display:swap;font-weight:100 800;src:url(/fonts/jetbrains-mono-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--ink:#050505;--charcoal:#292929;--graphite:#626262;--mist:#a5a5a5;--highlight:#ececec;--paper:#fff;--paper-warm:#f8f8f6;--error:#e0a3a0;--good:#b5cbb9;--band-scheme:light;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (prefers-color-scheme:light){:root:not([data-theme=night]){--ink:#f8f8f6;--charcoal:#e3e3e0;--graphite:gray;--mist:#4f4f4f;--highlight:#0b0b0b;--paper:#050505;--paper-warm:#0a0a0a;--error:#a5403a;--good:#3f6b4a;--band-scheme:dark;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}}:root[data-theme=day]{--ink:#f8f8f6;--charcoal:#e3e3e0;--graphite:gray;--mist:#4f4f4f;--highlight:#0b0b0b;--paper:#050505;--paper-warm:#0a0a0a;--error:#a5403a;--good:#3f6b4a;--band-scheme:dark;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root{--line-dark:color-mix(in srgb, var(--highlight) 14%, transparent);--line-light:color-mix(in srgb, var(--ink) 12%, transparent);--line-ghost:color-mix(in srgb, var(--highlight) 45%, transparent);--line-faint:color-mix(in srgb, var(--highlight) 25%, transparent);--wash:color-mix(in srgb, var(--highlight) 5%, transparent);--scrim-20:color-mix(in srgb, var(--ink) 20%, transparent);--scrim-50:color-mix(in srgb, var(--ink) 50%, transparent);--scrim-60:color-mix(in srgb, var(--ink) 60%, transparent);--scrim-70:color-mix(in srgb, var(--ink) 70%, transparent);--scrim-72:color-mix(in srgb, var(--ink) 72%, transparent);--scrim-78:color-mix(in srgb, var(--ink) 78%, transparent);--scrim-85:color-mix(in srgb, var(--ink) 85%, transparent);--scrim-90:color-mix(in srgb, var(--ink) 90%, transparent);--scrim-94:color-mix(in srgb, var(--ink) 94%, transparent);--scrim-97:color-mix(in srgb, var(--ink) 97%, transparent);--white:#fff;--f-display:"Archivo", "Helvetica Neue", Helvetica, Arial, sans-serif;--f-poet:"Cormorant Garamond", "Cormorant", Garamond, "Times New Roman", serif;--f-mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--gutter:clamp(16px, 4vw, 56px);--step--1:clamp(.78rem, .74rem + .15vw, .86rem);--step-0:clamp(1rem, .96rem + .2vw, 1.1rem);--step-1:clamp(1.25rem, 1.1rem + .6vw, 1.6rem);--step-2:clamp(1.7rem, 1.3rem + 1.8vw, 2.8rem);--step-3:clamp(2.4rem, 1.6rem + 3.6vw, 4.8rem);--ease:cubic-bezier(.2, .7, .1, 1)}*{box-sizing:border-box}[hidden]{display:none!important}html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{background:var(--ink);color:var(--highlight);font-family:var(--f-display);font-size:var(--step-0);-webkit-font-smoothing:antialiased;margin:0;line-height:1.55;overflow-x:clip}body:before{content:"";height:env(safe-area-inset-top,0px);z-index:60;background:var(--ink);position:fixed;inset:0 0 auto}img{max-width:100%;display:block}a{color:inherit}::selection{background:var(--highlight);color:var(--ink)}:focus-visible{outline:2px solid var(--mist);outline-offset:3px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.wrap{width:100%;max-width:1320px;padding-left:max(var(--gutter), env(safe-area-inset-left,0px));padding-right:max(var(--gutter), env(safe-area-inset-right,0px));margin-inline:auto}.eyebrow,.label{font-family:var(--f-mono);font-size:var(--step--1);letter-spacing:.14em;text-transform:uppercase;color:var(--mist);margin:0}em{font-family:var(--f-poet);font-style:italic;font-weight:400}.trail{pointer-events:none;z-index:55;mix-blend-mode:difference;width:100%;height:100%;position:fixed;inset:0}.grain{z-index:54;pointer-events:none;opacity:.07;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 1.1 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");animation:.9s steps(6,end) infinite grain;position:fixed;inset:-50%}@keyframes grain{0%{transform:translate(0)}20%{transform:translate(-3%,2%)}40%{transform:translate(2%,-4%)}60%{transform:translate(-4%,-1%)}80%{transform:translate(3%,3%)}to{transform:translate(0)}}@media (prefers-reduced-motion:reduce){.grain{animation:none}}:root[data-theme=day] .grain{filter:invert()}@media (prefers-color-scheme:light){:root:not([data-theme=night]) .grain{filter:invert()}}.nav{top:env(safe-area-inset-top,0px);z-index:50;padding-block:1.1rem;padding-left:max(var(--gutter), env(safe-area-inset-left,0px));padding-right:max(var(--gutter), env(safe-area-inset-right,0px));mix-blend-mode:difference;color:var(--white);justify-content:space-between;align-items:center;gap:1.5rem;display:flex;position:fixed;left:0;right:0}.nav a{text-decoration:none}.nav-mark{letter-spacing:.02em;text-transform:none;align-items:center;gap:.6rem;font-size:1rem;font-weight:800;font-stretch:125%;display:flex}.moon-icon{width:22px;height:22px;image-rendering:pixelated}.nav-links{gap:clamp(1rem,2.4vw,2.2rem);display:flex}.nav-links a,.nav-cta{font-family:var(--f-mono);letter-spacing:.14em;text-transform:uppercase;padding-block:.3rem;font-size:.72rem;position:relative}.nav-links a:after{content:"";transform-origin:100%;height:1px;transition:transform .5s var(--ease);background:currentColor;position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.nav-links a:hover:after{transform-origin:0;transform:scaleX(1)}.nav-cta{border:1px solid;padding:.45rem .8rem}@media (max-width:860px){.nav-links{display:none}}.btn{--bg:var(--highlight);--fg:var(--ink);font-family:var(--f-mono);letter-spacing:.14em;text-transform:uppercase;border:1px solid var(--bg);cursor:pointer;background:var(--bg);color:var(--fg);isolation:isolate;transition:color .4s var(--ease);justify-content:center;align-items:center;gap:.6rem;padding:1rem 1.4rem;font-size:.76rem;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.btn:before{content:"";z-index:-1;background:var(--fg);clip-path:inset(0 100% 0 0);transition:clip-path .55s steps(8,end);position:absolute;inset:0}.btn:hover:before,.btn:focus-visible:before{clip-path:inset(0)}.btn:hover,.btn:focus-visible{color:var(--bg)}.btn-ghost{--bg:transparent;--fg:var(--highlight);border-color:var(--line-ghost);color:var(--highlight)}.btn-ghost:hover,.btn-ghost:focus-visible{color:var(--ink)}.btn-sm{padding:.65rem 1rem;font-size:.7rem}.hero{background:var(--ink);align-items:center;min-height:max(660px,100svh);display:flex;position:relative;overflow:hidden}.hero-gl,.hero-dust{width:100%;height:100%;position:absolute;inset:0}.hero-gl{z-index:1}.hero-dust{z-index:4;pointer-events:none}.hero:after{content:"";z-index:3;pointer-events:none;background:linear-gradient(90deg, var(--scrim-94) 0%, var(--scrim-78) 30%, transparent 58%), linear-gradient(0deg, var(--scrim-70) 0%, transparent 22%);position:absolute;inset:0}.hero-inner{z-index:5;width:100%;padding-block:calc(6rem + env(safe-area-inset-top,0px)) 4rem;padding-left:max(var(--gutter), env(safe-area-inset-left,0px));padding-right:max(var(--gutter), env(safe-area-inset-right,0px));justify-items:start;gap:1.5rem;display:grid;position:relative}.hero-title{text-transform:uppercase;letter-spacing:-.02em;text-wrap:balance;max-width:11ch;margin:0;font-size:clamp(2.6rem,1.4rem + 4.6vw,6.2rem);font-weight:800;font-stretch:120%;line-height:.92}.hero-lede{max-width:34rem;color:var(--mist);font-size:var(--step-1);text-wrap:pretty;margin:0;line-height:1.45}.hero-actions{flex-wrap:wrap;gap:.8rem;margin-top:.6rem;display:flex}.hero-legend{z-index:4;right:max(var(--gutter), env(safe-area-inset-right,0px));font-family:var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--mist);gap:1.6rem;font-size:.68rem;display:flex;position:absolute;bottom:1.6rem}.hero-legend span{align-items:center;gap:.55rem;display:inline-flex}.hero-legend i{width:8px;height:8px;display:inline-block}.lg-data{background:var(--graphite);box-shadow:11px 0 0 -2px var(--graphite), 20px 0 0 -3px var(--graphite);margin-right:16px}.lg-app{background:var(--highlight);width:12px!important;height:12px!important}@media (max-width:860px){.hero{align-items:flex-end}.hero:after{background:linear-gradient(0deg, var(--scrim-97) 0%, var(--scrim-85) 45%, var(--scrim-20) 75%, var(--scrim-50) 100%)}.hero-legend{display:none}}.thesis{padding-block:clamp(5rem,14vh,10rem);position:relative}.thesis .wrap{gap:1.4rem;display:grid}.thesis-line{text-transform:uppercase;font-weight:700;font-stretch:112%;font-size:var(--step-3);letter-spacing:-.015em;text-wrap:balance;max-width:15ch;margin:0;line-height:.98}.thesis-line--soft{font-family:var(--f-poet);text-transform:none;letter-spacing:0;color:var(--mist);text-align:right;justify-self:end;max-width:22ch;font-style:italic;font-weight:300;font-stretch:100%;line-height:1.05}.thesis-body{color:var(--mist);grid-template-columns:repeat(auto-fit,minmax(min(100%,22rem),1fr));gap:2rem;max-width:60rem;margin-top:3rem;display:grid}.thesis-body p{max-width:36rem;margin:0}.thesis-body p:last-child{color:var(--highlight);font-family:var(--f-poet);font-style:italic;font-size:var(--step-1);line-height:1.3}.specs{border-top:1px solid var(--line-dark);grid-template-columns:repeat(auto-fit,minmax(min(100%,13rem),1fr));margin:4rem 0 0;display:grid}.specs>div{align-content:start;gap:.4rem;min-width:0;padding:1.4rem 1.4rem 0 0;display:grid}.specs dt{font-family:var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--mist);font-size:.7rem}.specs dd{font-weight:800;font-stretch:125%;font-size:var(--step-3);font-variant-numeric:tabular-nums;margin:0;line-height:1}.specs dd small{font-family:var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--mist);margin-top:.5rem;font-size:.72rem;font-weight:400;font-stretch:100%;display:block}.specs>div:first-child dd small{font-size:var(--step-1);letter-spacing:0;margin-left:.1em;display:inline}.night{background:var(--ink);transition:background-color .6s;position:relative}.night-stage{height:100vh;height:100svh;position:sticky;top:0;overflow:hidden}.night-gl{width:100%;height:100%;position:absolute;inset:0}.night-stage:after{content:"";pointer-events:none;background:linear-gradient(90deg, var(--scrim-90) 0%, var(--scrim-72) 30%, transparent 55%);opacity:var(--shade,1);transition:opacity .3s;position:absolute;inset:0}.night-hud{z-index:2;right:max(var(--gutter), env(safe-area-inset-right,0px));text-align:right;color:var(--hud,var(--highlight));justify-items:end;gap:.6rem;display:grid;position:absolute;bottom:clamp(1.5rem,6vh,4rem)}.night-hud .eyebrow{color:inherit;opacity:.75}.night-hud .eyebrow em{text-transform:none;letter-spacing:0;font-size:1.2em}.night-clock{font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-size:clamp(3.6rem,2rem + 9vw,10rem);font-weight:800;font-stretch:125%;line-height:.85}.night-bar{opacity:.25;background:currentColor;width:min(26rem,70vw);height:2px;position:relative}.night-bar i{opacity:1;background:currentColor;width:0;position:absolute;inset:0 auto 0 0}.night-steps{margin:-100vh 0 0;z-index:3;padding:0;padding-left:max(var(--gutter), env(safe-area-inset-left,0px));padding-right:max(var(--gutter), env(safe-area-inset-right,0px));margin-top:-100svh;list-style:none;position:relative}.night-steps li{opacity:.62;max-width:26rem;min-height:85vh;transition:opacity .6s var(--ease), transform .8s var(--ease);align-content:center;gap:.4rem;display:grid;transform:translateY(1.5rem)}.night-steps li:first-child{min-height:100vh}.night-steps li:last-child{min-height:120vh}.night-steps li.on{opacity:1;transform:none}.night-steps time{font-family:var(--f-mono);letter-spacing:.14em;color:var(--mist);font-variant-numeric:tabular-nums;font-size:.8rem}.night-steps h3{text-transform:uppercase;font-weight:800;font-stretch:118%;font-size:var(--step-2);margin:0;line-height:1}.night-steps p{font-family:var(--f-poet);font-style:italic;font-size:var(--step-1);color:var(--highlight);margin:0;line-height:1.3}.night-brand-name{font-family:var(--f-mono);letter-spacing:.14em;text-transform:uppercase;opacity:0;min-height:1.2em;transition:opacity .5s var(--ease);font-size:.76rem}.night.branding .night-brand-name{opacity:.85}.night.branding .night-hud{mix-blend-mode:difference;color:var(--white)}.dial{flex-wrap:wrap;gap:.4rem;margin-top:.9rem;display:flex}.dial button{cursor:pointer;font:inherit;font-family:var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--highlight);background:var(--scrim-60);border:1px solid var(--line-faint);min-height:44px;transition:border-color .3s var(--ease), background-color .3s var(--ease);align-items:center;gap:.5rem;padding:.55rem .75rem .55rem .55rem;font-size:.72rem;display:inline-flex}.dial button:hover{border-color:var(--line-ghost)}.dial button[aria-pressed=true]{border-color:var(--highlight);background:var(--wash)}.dial i{border-radius:var(--r,0);background:radial-gradient(circle at 50% 50%, var(--b) 0 34%, var(--g) 36%);width:1.4rem;height:1.4rem;box-shadow:inset 0 0 0 1px var(--line-faint);flex:none}.sw-ledger{--g:#050505;--b:#4a72ff}.sw-orchard{--g:#fbf8f2;--b:#2f7a55;--r:50%}.sw-signal{--g:#040c08;--b:#39ff88;--r:3px}.sw-atelier{--g:#f3ede2;--b:#8f1d2c}.sw-poster{--g:#ffd60a;--b:#ff3b1f}.sw-tidal{--g:#0e1a2b;--b:#ff7a59;--r:6px}.night.dawn .night-steps time{color:var(--graphite)}.night:not(.dawn) .night-steps li:not(.on) time{color:var(--highlight)}.night.dawn .night-steps h3,.night.dawn .night-steps p{color:var(--ink)}@media (max-width:700px){.night-steps li{background:linear-gradient(90deg, var(--scrim-60), transparent);margin-left:-1rem;padding:1rem}.night.dawn .night-steps li{background:linear-gradient(90deg, color-mix(in srgb, var(--paper) 75%, transparent), transparent)}.night-steps li.night-brand{background:var(--scrim-85);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}}.paper{background:var(--paper-warm);color:var(--ink);color-scheme:var(--band-scheme)}.paper .eyebrow,.paper .label{color:var(--graphite)}.paper ::selection{background:var(--ink);color:var(--paper)}.sec-head{gap:1rem;max-width:52rem;margin-bottom:clamp(2.5rem,6vh,4rem);display:grid}.sec-head h2{text-transform:uppercase;font-weight:800;font-stretch:118%;font-size:var(--step-3);letter-spacing:-.015em;text-wrap:balance;margin:0;line-height:.95}.sec-lede{font-size:var(--step-1);max-width:40rem;color:var(--mist);text-wrap:pretty;margin:0;line-height:1.4}.paper .sec-lede{color:var(--graphite)}.dna{border-top:1px solid var(--line-light);padding-block:clamp(5rem,12vh,9rem) clamp(3rem,8vh,6rem)}.dna-grid{background:var(--line-light);border:1px solid var(--line-light);grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;display:grid}.dna-card{background:var(--paper-warm);grid-template-rows:auto 1fr;min-width:0;display:grid}.dna-card--wide{grid-column:span 2}.dna-card canvas{aspect-ratio:4/3;background:var(--paper-warm);width:100%;display:block}.dna-card--wide canvas{aspect-ratio:auto;height:100%;min-height:0}.dna-card--wide{grid-template-rows:minmax(0,1fr) auto}.dna-card>div{border-top:1px solid var(--line-light);gap:.3rem;padding:1.2rem 1.4rem 1.5rem;display:grid}.dna-card h3{text-transform:uppercase;letter-spacing:.06em;margin:0;font-size:.95rem;font-weight:800;font-stretch:125%}.dna-card p{color:var(--graphite);max-width:34rem;margin:0;font-size:.95rem}.hint{font-family:var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--graphite);margin-left:.3rem;font-size:.7rem}@media (max-width:900px){.dna-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dna-card--wide{grid-column:span 2}.dna-card--wide canvas{aspect-ratio:16/9;height:auto}}@media (max-width:560px){.dna-grid{grid-template-columns:minmax(0,1fr)}.dna-card--wide{grid-column:auto}.dna-card--wide canvas{aspect-ratio:4/3}}.nightlist{border-top:1px solid var(--line-dark);padding-block:clamp(6rem,16vh,12rem) clamp(4rem,10vh,7rem)}.nightlist .wrap{justify-items:start;gap:1.4rem;display:grid}.nl-title{text-transform:uppercase;font-weight:800;font-stretch:118%;font-size:var(--step-3);letter-spacing:-.015em;text-wrap:balance;max-width:18ch;margin:0;line-height:.98}.nl-title em{text-transform:none;letter-spacing:0;color:var(--mist);font-weight:300;font-stretch:100%}.nl-next{font-family:var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--mist);margin:0;font-size:.8rem}.nl-next strong{color:var(--highlight);font-weight:500}.nl-form{border:1px solid var(--line-ghost);width:min(100%,38rem);margin-top:1rem;display:flex}.nl-form input{min-width:0;color:var(--highlight);font:inherit;background:0 0;border:0;flex:1;padding:1rem 1.2rem;font-size:1rem}.nl-form input::placeholder{color:var(--graphite)}.nl-form input:focus-visible{background:var(--wash);outline:none}.nl-form .btn{border:0;flex:none}@media (max-width:520px){.nl-form{flex-direction:column}}.nl-msg{min-height:1.6em;font-family:var(--f-poet);font-style:italic;font-size:var(--step-1);color:var(--highlight);margin:0}.nl-msg.err{font-family:var(--f-mono);letter-spacing:.08em;color:var(--mist);font-size:.8rem;font-style:normal}.foot{padding-bottom:1.4rem;position:relative;overflow:hidden}.foot canvas{aspect-ratio:7;width:100%;display:block}.foot-row{border-top:1px solid var(--line-dark);margin-left:max(var(--gutter), env(safe-area-inset-left,0px));margin-right:max(var(--gutter), env(safe-area-inset-right,0px));font-family:var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--mist);flex-wrap:wrap;justify-content:space-between;gap:1rem;padding-top:1.2rem;font-size:.7rem;display:flex}.foot-row a{color:var(--mist);text-decoration:none}.foot-row a:hover{color:var(--highlight)}.scr{color:var(--graphite)}.mark{width:32px;height:32px;image-rendering:pixelated;flex:none;display:block}:root[data-theme=day] :not(.nav)>.nav-mark>.mark{filter:invert()}@media (prefers-color-scheme:light){:root:not([data-theme=night]) :not(.nav)>.nav-mark>.mark{filter:invert()}}.night-clock,.night-steps time{text-transform:uppercase}.security{padding-block:0 clamp(5rem,12vh,9rem)}.security .sec-head{border-top:1px solid var(--line-light);padding-top:clamp(4rem,10vh,7rem)}.sec-grid{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:start;gap:clamp(2rem,5vw,5rem);display:grid}@media (max-width:900px){.sec-grid{grid-template-columns:minmax(0,1fr)}}.matrix-wrap{gap:1rem;min-width:0;display:grid}.matrix-wrap canvas{aspect-ratio:8/5;background:var(--paper-warm);border:1px solid var(--line-light);width:100%;display:block}.matrix-roles{border:1px solid var(--line-light);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.matrix-roles button{appearance:none;color:var(--graphite);cursor:pointer;font-family:var(--f-mono);letter-spacing:.1em;text-transform:uppercase;background:0 0;border:0;min-width:0;padding:.8rem .4rem;font-size:.72rem}.matrix-roles button+button{border-left:1px solid var(--line-light)}.matrix-roles button:hover{color:var(--ink)}.matrix-roles button.on{background:var(--ink);color:var(--paper)}.matrix-note{color:var(--graphite);min-height:3em;margin:0;font-size:.95rem}.controls{border-top:1px solid var(--line-light);margin:0;padding:0;list-style:none;display:grid}.controls li{border-bottom:1px solid var(--line-light);padding-block:1.1rem;grid-template-columns:14rem minmax(0,1fr);gap:1rem;padding-left:1.4rem;display:grid;position:relative}.controls li:before{content:"";background:var(--ink);width:6px;height:6px;position:absolute;top:1.55rem;left:0}.controls b{text-transform:uppercase;letter-spacing:.05em;font-size:.9rem;font-weight:800;font-stretch:125%}.controls span{color:var(--graphite)}@media (max-width:560px){.controls li{grid-template-columns:minmax(0,1fr);gap:.2rem}}.deploy{padding-block:clamp(5rem,12vh,9rem)}.deploy-grid{background:var(--line-dark);border:1px solid var(--line-dark);grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;display:grid}@media (max-width:860px){.deploy-grid{grid-template-columns:minmax(0,1fr)}}.deploy-grid article{background:var(--ink);align-content:start;gap:.6rem;min-width:0;padding:0 0 1.6rem;display:grid}.deploy-grid canvas{aspect-ratio:4/3;border-bottom:1px solid var(--line-dark);width:100%;margin-bottom:.8rem;display:block}.deploy-grid h3,.deploy-grid p{margin:0;padding-inline:1.4rem}.deploy-grid h3{text-transform:uppercase;letter-spacing:.06em;font-size:.95rem;font-weight:800;font-stretch:125%}.deploy-grid p{color:var(--mist);max-width:30rem}.nl-sub{color:var(--mist);font-size:var(--step-1);max-width:36rem;margin:0;line-height:1.4}.nl-form{width:min(100%,48rem)}.nl-form select{appearance:none;border:0;border-left:1px solid var(--line-faint);color:var(--highlight);font:inherit;cursor:pointer;background:0 0;background-image:linear-gradient(45deg, transparent 50%, var(--mist) 50%), linear-gradient(-45deg, transparent 50%, var(--mist) 50%);background-position:right 1.2rem center,right .9rem center;background-repeat:no-repeat;background-size:5px 5px;min-width:0;padding:1rem 2.4rem 1rem 1.2rem;font-size:1rem}.nl-form select option{background:var(--charcoal);color:var(--highlight)}.nl-form select:focus-visible{background-color:var(--wash);outline:none}@media (max-width:640px){.nl-form select{border-left:0;border-top:1px solid var(--line-faint)}.nl-form{flex-direction:column}}.nav-end{align-items:center;gap:1.2rem;display:flex}.sound{appearance:none;color:inherit;cursor:pointer;font-family:var(--f-mono);letter-spacing:.14em;text-transform:uppercase;background:0 0;border:0;align-items:center;gap:.55rem;padding:.4rem 0;font-size:.68rem;display:inline-flex}.sound-bars{align-items:flex-end;gap:2px;height:11px;display:inline-flex}.sound-bars i{opacity:.55;background:currentColor;width:3px;height:3px;display:block}.sound.on .sound-bars i{opacity:1}.sound.playing .sound-bars i{animation:1.1s steps(4,end) infinite eq}.sound.playing .sound-bars i:nth-child(2){animation-delay:-.35s}.sound.playing .sound-bars i:nth-child(3){animation-delay:-.7s}.sound.playing .sound-bars i:nth-child(4){animation-delay:-.2s}@keyframes eq{0%{height:3px}25%{height:9px}50%{height:5px}75%{height:11px}to{height:3px}}@media (prefers-reduced-motion:reduce){.sound.playing .sound-bars i{height:7px;animation:none}}@media (max-width:520px){.sound-label{display:none}}.theme-toggle{appearance:none;color:inherit;cursor:pointer;font-family:var(--f-mono);letter-spacing:.14em;text-transform:uppercase;background:0 0;border:0;align-items:center;gap:.55rem;padding:.4rem 0;font-size:.68rem;display:inline-flex}.theme-mark{grid-template-columns:repeat(3,3px);grid-auto-rows:3px;gap:1px;display:inline-grid}.theme-mark i{opacity:.2;background:currentColor;transition:opacity .3s steps(3,end)}[data-theme-pref=night] .theme-mark i:is(:first-child,:nth-child(2),:nth-child(4),:nth-child(7),:nth-child(8)),[data-theme-pref=day] .theme-mark i:is(:nth-child(2),:nth-child(4),:nth-child(5),:nth-child(6),:nth-child(8)){opacity:1}[data-theme-pref=day] .theme-mark i:is(:first-child,:nth-child(3),:nth-child(7),:nth-child(9)){opacity:.45}[data-theme-pref=system] .theme-mark i:is(:first-child,:nth-child(4),:nth-child(7)){opacity:1}[data-theme-pref=system] .theme-mark i:is(:nth-child(2),:nth-child(5),:nth-child(8)){opacity:.55}@media (max-width:520px){.theme-label{display:none}}ml-theme{align-items:center;display:inline-flex}ml-theme.corner{z-index:3;color:var(--highlight);top:calc(18px + env(safe-area-inset-top,0px));right:max(var(--gutter), env(safe-area-inset-right,0px));position:absolute}body>ml-theme.corner{position:fixed}ml-hero,ml-night,ml-gen,ml-matrix,ml-demo-form,ml-sound,ml-trail,ml-foot,ml-scramble{display:contents}