@layer reset,tokens,base,composition,components,utilities;@layer reset{*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:clip;-webkit-text-size-adjust:100%;text-size-adjust:100%}body{min-height:100svh;overflow-x:clip;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit;color:inherit}button{background:none;border:0;cursor:pointer}a{color:inherit;text-decoration:none}nav ul,nav ol{list-style:none}h1,h2,h3,h4,p{overflow-wrap:break-word}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}}@layer tokens{:root{color-scheme:dark;--ink: #141412;--ink-2: #1b1b17;--paper: #ece9e2;--chartreuse: #d4f34a;--olive: #4d5c08;--d-dim: #9a968a;--d-faint: #57544b;--d-line: #2b2a24;--l-surface: #f4f2ec;--l-text: #1b1a15;--l-dim: #5c584c;--l-faint: #a39e8f;--l-line: #d3cec1;--color-bg: light-dark(var(--paper), var(--ink));--color-surface: light-dark(var(--l-surface), var(--ink-2));--color-text: light-dark(var(--l-text), var(--paper));--color-text-2: light-dark(var(--l-dim), var(--d-dim));--color-faint: light-dark(var(--l-faint), var(--d-faint));--color-border: light-dark(var(--l-line), var(--d-line));--color-signal: light-dark(var(--olive), var(--chartreuse));--color-signal-fill: var(--chartreuse);--color-on-fill: var(--ink);--color-well: #090a09;--color-well-border: rgb(255 255 255 / 12%);--font-display: "Bricolage Grotesque", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "Cascadia Mono", monospace;--step--1: clamp(.78rem, .75rem + .12vw, .88rem);--step-0: clamp(1rem, .96rem + .18vw, 1.13rem);--step-1: clamp(1.19rem, 1.13rem + .28vw, 1.4rem);--step-2: clamp(1.5rem, 1.37rem + .6vw, 1.95rem);--step-3: clamp(1.9rem, 1.66rem + 1.1vw, 2.7rem);--step-4: clamp(2.5rem, 2rem + 2.3vw, 4.2rem);--step-5: clamp( 2.6rem, 1.7rem + 4.8vw, 6.6rem );--mono-xs: .75rem;--mono-s: .8125rem;--leading-tight: .98;--leading-snug: 1.2;--leading-body: 1.6;--tracking-caps: .22em;--space-3xs: .25rem;--space-2xs: .5rem;--space-xs: .75rem;--space-s: 1rem;--space-m: 1.5rem;--space-l: 2.5rem;--space-xl: clamp(3rem, 2.4rem + 3vw, 5rem);--space-2xl: clamp(4.5rem, 3.4rem + 5.5vw, 8rem);--gutter: clamp(1.25rem, 4.5vw, 4.5rem);--max: 97.5rem;--measure: 62ch;--size-header: 4rem;--size-status: 2rem;--radius-s: 2px;--hairline: 1px solid var(--color-border);--target-min: max(44px, 2.75rem);--target-coarse: max(48px, 3rem);--dur-fast: .18s;--dur-med: .32s;--dur-slow: .45s;--ease-out: cubic-bezier(.2, .7, .2, 1);--z-header: 100;--z-skip: 200}html[data-theme=dark]{color-scheme:dark}html[data-theme=light]{color-scheme:light}}@layer base{body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-display);font-weight:340;font-size:var(--step-0);line-height:var(--leading-body)}h1,h2,h3,h4{font-weight:640;line-height:var(--leading-snug);letter-spacing:-.015em;text-wrap:balance}h1{font-size:var(--step-4);line-height:var(--leading-tight)}h2{font-size:var(--step-3)}h3{font-size:var(--step-2)}h4{font-size:var(--step-1)}p{max-width:var(--measure)}small{font-size:var(--step--1)}strong{font-weight:640;color:var(--color-text)}em{font-style:normal;color:var(--color-signal)}code,kbd,samp,pre{font-family:var(--font-mono);font-size:.92em}pre{overflow-x:auto;padding:var(--space-s);background:var(--color-surface);border:var(--hairline)}hr{border:0;border-top:var(--hairline)}table{border-collapse:collapse;width:100%}th,td{text-align:left;padding:var(--space-2xs) var(--space-s);border-bottom:var(--hairline)}th{font-family:var(--font-mono);font-size:var(--mono-xs);font-weight:500;text-transform:uppercase;letter-spacing:var(--tracking-caps);color:var(--color-text-2)}a{transition:color var(--dur-fast) var(--ease-out);&:hover{color:var(--color-signal)}}html{scrollbar-color:var(--color-faint) var(--color-bg)}::selection{background:var(--color-signal-fill);color:var(--color-on-fill)}:focus{outline:none}:focus-visible{outline:2px solid var(--color-signal);outline-offset:var(--space-3xs);border-radius:var(--radius-s)}}@layer base{html[data-theme-motion]::view-transition-group(root){animation:none}html[data-theme-motion]::view-transition-image-pair(root){isolation:isolate}html[data-theme-motion]::view-transition-old(root),html[data-theme-motion]::view-transition-new(root){animation:none;mix-blend-mode:normal;display:block}html[data-theme-motion]::view-transition-old(root){z-index:1}html[data-theme-motion]::view-transition-new(root){z-index:2}html[data-theme-motion] a,html[data-theme-motion] .btn,html[data-theme-motion] .index-row{transition-property:none}@media(prefers-reduced-motion:reduce){html[data-theme-motion]::view-transition-old(root),html[data-theme-motion]::view-transition-new(root){animation:none!important}}}@layer composition{.stack>*+*{margin-block-start:var(--flow, var(--space-m))}.cluster{display:flex;flex-wrap:wrap;gap:var(--cluster-gap, var(--space-xs));align-items:var(--cluster-align, center)}.wrap{max-width:var(--max);margin-inline:auto;padding-inline:var(--gutter)}.sidebar{display:flex;flex-wrap:wrap;gap:var(--sidebar-gap, var(--space-xl));>:first-child{flex-basis:0;flex-grow:999;min-inline-size:55%}>:last-child{flex-basis:var(--sidebar-width, 20rem);flex-grow:1}}.grid{display:grid;gap:var(--grid-gap, var(--space-m));grid-template-columns:repeat(auto-fit,minmax(min(var(--grid-min, 18rem),100%),1fr))}.repel{display:flex;flex-wrap:wrap;gap:var(--space-s);justify-content:space-between;align-items:var(--repel-align, baseline)}.bleed{inline-size:100vw;margin-inline-start:calc(50% - 50vw)}.region{padding-block:var(--region-space, var(--space-2xl))}}@layer components{@keyframes brand-pulse{0%,to{opacity:1}50%{opacity:.45}}}@layer components{.kick{font-family:var(--font-mono);font-size:var(--mono-xs);font-weight:500;letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--color-text-2);display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2xs) .875rem;&:before{content:"";width:1.375rem;height:1px;background:var(--color-signal);flex:none}}.label{font-family:var(--font-mono);font-size:var(--mono-s);color:var(--color-text-2);&[data-tone=signal]{color:var(--color-signal)}}.status-pin{display:inline-flex;align-items:center;gap:var(--space-2xs);color:var(--color-text-2);& i{width:.375rem;height:.375rem;border-radius:50%;background:var(--color-signal);animation:brand-pulse 1.8s ease-in-out infinite}}.btn{display:inline-flex;align-items:center;gap:var(--space-2xs);font-family:var(--font-mono);font-size:var(--mono-s);font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:.85em 1.6em;background:var(--color-signal-fill);color:var(--color-on-fill);border-radius:var(--radius-s);transition:translate var(--dur-fast) var(--ease-out),opacity var(--dur-fast) var(--ease-out);&:hover{translate:0 -2px;color:var(--color-on-fill)}&[data-kind=ghost]{background:transparent;color:var(--color-text);border:var(--hairline);&:hover{border-color:var(--color-signal);color:var(--color-signal)}}}.panel{background:var(--color-surface);border:var(--hairline);border-radius:var(--radius-s);padding:var(--space-m);.panel-title{font-size:var(--step-1)}.panel-title[data-size=body]{font-size:var(--step-0);font-weight:640}.panel-summary{font-size:var(--step--1)}.panel-meta{margin-top:var(--space-xs)}}}@layer components{.index-row{display:grid;grid-template-columns:3.5rem 1fr auto;gap:var(--space-s);align-items:baseline;padding-block:var(--space-m);padding-inline:var(--space-s);margin-inline:calc(-1 * var(--space-s));border-bottom:var(--hairline);transition:background var(--dur-fast) var(--ease-out);.no{font-family:var(--font-mono);font-size:var(--mono-xs);color:var(--color-text-2)}&:hover{background:var(--color-surface)}.index-title-row{display:flex;align-items:baseline;gap:var(--space-s)}&[data-state=featured] .no{color:var(--color-signal)}&[data-layout=dated]{grid-template-columns:8rem 1fr auto}&[data-layout=timeline]{grid-template-columns:7rem 1fr}&[data-layout=home-writing]{grid-template-columns:6rem 1fr auto}.index-title{font-size:var(--step-1)}.index-title[data-size=body]{font-size:var(--step-0);font-weight:500}.index-title[data-weight=strong]{font-weight:700}.index-title[data-weight=semibold]{font-weight:640}.index-summary{max-width:var(--index-summary-measure, 52ch);font-size:var(--step--1)}&[data-layout=work] .index-summary{--index-summary-measure: 48ch}&[data-layout=timeline] .index-summary{--index-summary-measure: 62ch}.index-meta{margin-top:var(--space-2xs)}}}@layer components{.work-split{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-l);align-items:start}.index-row[data-layout=work]{grid-template-columns:3.5rem 1fr auto;.viewing{display:none}}.work-preview{display:none;position:sticky;top:var(--space-l);aspect-ratio:16 / 10;background:var(--color-well);border:1px solid var(--color-well-border);overflow:hidden;color-scheme:dark;& img{position:absolute;inset:8%;width:84%;height:84%;object-fit:contain;opacity:0;transition:opacity var(--dur-fast) var(--ease-out);filter:contrast(1.12) brightness(1.12)}& img[data-front]{opacity:1}& figcaption{position:absolute;inset:auto 0 0;padding:var(--space-2xs) var(--space-xs);display:flex;justify-content:space-between;align-items:baseline;text-transform:uppercase;letter-spacing:.08em;& b{color:var(--color-signal);font-weight:400}}}@media(min-width:56.25em){.work-split{grid-template-columns:minmax(0,1fr) clamp(24rem,31vw,31rem);column-gap:clamp(4rem,8vw,8.75rem)}.work-preview{display:block}.index-row[data-layout=work]{border-inline-start:2px solid transparent;.index-title{color:color-mix(in srgb,var(--color-text) 76%,var(--color-bg));transition:color var(--dur-fast) var(--ease-out)}.index-summary{transition:color var(--dur-fast) var(--ease-out)}.viewing{display:inline;opacity:0;transition:opacity var(--dur-fast) var(--ease-out)}}.index-row[data-previewed]{border-inline-start-color:var(--color-signal);background:linear-gradient(90deg,color-mix(in srgb,var(--color-signal) 5%,transparent),transparent 72%);.index-title{color:var(--color-text)}.index-summary{color:color-mix(in srgb,var(--color-text-2) 60%,var(--color-text))}.viewing{opacity:1}}.index-row[data-art]:hover:not([data-previewed]){background:none}}}@layer components{.proto-card{align-self:start;min-width:0;.proto-rows{margin:0;padding-block:var(--space-2xs)}.proto-row{display:grid;grid-template-columns:6.5rem minmax(0,1fr);gap:var(--space-s);padding:var(--space-xs) var(--space-s);font-size:var(--step--1);+.proto-row{border-top:var(--hairline)}& dt{font-family:var(--font-mono);font-size:var(--mono-s);font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--color-signal);padding-top:.1875rem}& dd{margin:0;color:var(--color-text);& a{color:inherit;text-underline-offset:.1875rem;&:hover{color:var(--color-signal)}}}}.proto-foot{display:flex;align-items:center;gap:var(--space-2xs);padding:var(--space-xs) var(--space-s);border-top:var(--hairline);font-family:var(--font-mono);font-size:var(--mono-s);letter-spacing:.1em;text-transform:uppercase;text-decoration:none;color:var(--color-text);& span[aria-hidden]{color:var(--color-text-2)}&:hover{color:var(--color-signal)}.caret{display:inline-block;width:.375rem;height:var(--space-xs);background:var(--color-signal);animation:brand-pulse 1.1s steps(2,end) infinite}}@media(max-width:30em){.proto-row{grid-template-columns:1fr;gap:.125rem}}}.conf{display:grid;gap:var(--space-2xs);.conf-row{display:grid;grid-template-columns:9rem 1fr;gap:var(--space-s);font-size:var(--step--1)}.conf-row dt{color:var(--color-signal);font-size:var(--mono-s)}.conf-row dd{color:var(--color-text-2);& a{color:inherit;text-underline-offset:.1875rem;&:hover{color:var(--color-text)}}}@media(max-width:30em){.conf-row{grid-template-columns:1fr;gap:.125rem}}}.contact-email{color:var(--color-signal);border-bottom:1px solid currentcolor;font-size:var(--step-2)}.contact-email[data-size=compact]{font-size:var(--step-1)}.contact-panel-title{margin-bottom:var(--space-s)}.availability-row{padding-bottom:var(--space-xs);border-bottom:var(--hairline);font-size:var(--step--1)}.availability-status{color:var(--color-signal)}}@layer components{.theme-toggle{display:inline-grid;place-items:center;min-width:var(--target-min);min-height:var(--target-min);font-family:var(--font-mono);font-size:var(--mono-s);border:var(--hairline);border-radius:var(--radius-s);color:var(--color-text-2);touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out);&:hover{color:var(--color-signal);border-color:var(--color-signal)}.glyph-sun,.glyph-moon{grid-area:1 / 1;transition:opacity var(--dur-fast) var(--ease-out)}&[aria-pressed=true] .glyph-moon{opacity:0}&[aria-pressed=true] .glyph-sun{opacity:1}&[aria-pressed=false] .glyph-moon{opacity:1}&[aria-pressed=false] .glyph-sun{opacity:0}&[data-busy=true]{cursor:progress;opacity:.78}}@media(pointer:coarse){.theme-toggle{min-width:var(--target-coarse);min-height:var(--target-coarse)}}}@layer components{.skip{position:fixed;top:var(--space-xs);left:var(--space-xs);z-index:var(--z-skip);transform:translateY(-260%);background:var(--color-signal-fill);color:var(--color-on-fill);font-family:var(--font-mono);font-size:var(--mono-s);padding:.625rem var(--space-s);transition:transform var(--dur-fast) var(--ease-out);&:focus-visible{transform:none;outline-offset:0}}.site-head{position:sticky;top:0;z-index:var(--z-header);background:var(--color-bg);border-bottom:var(--hairline)}.site-head .bar{display:flex;align-items:center;gap:var(--space-m);min-height:var(--size-header)}.site-head nav{min-width:0;margin-left:auto}.brand{font-size:var(--mono-s);font-weight:700;letter-spacing:.14em;display:inline-flex;align-items:center;gap:.625rem;white-space:nowrap}.brand .tick{width:.4375rem;height:.4375rem;border-radius:50%;background:var(--color-signal);animation:brand-pulse 2.6s ease-in-out infinite}.site-head .brand,.site-head .theme-toggle{flex:none}.site-nav{position:relative;display:flex;gap:var(--space-m);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;&::-webkit-scrollbar{display:none}&:after{content:"";position:absolute;left:0;bottom:0;height:1px;width:var(--line-w, 0);translate:var(--line-x, 0) 0;background:var(--color-signal);pointer-events:none}&[data-line-ready]:after{transition:translate .26s var(--ease-out),width .26s var(--ease-out)}@media(prefers-reduced-motion:reduce){&[data-line-ready]:after{transition:none}}& a{font-family:var(--font-mono);font-size:var(--mono-xs);font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--color-text-2);white-space:nowrap;padding-block:var(--space-2xs);border-bottom:1px solid transparent;transition:color var(--dur-fast) var(--ease-out)}& a:hover{color:var(--color-signal)}& a[aria-current=page]{color:var(--color-text);border-bottom-color:var(--color-signal)}&[data-line-ready] a[aria-current=page]{border-bottom-color:transparent}}.site-foot{border-top:var(--hairline);padding-block:var(--space-l);margin-top:var(--space-2xl)}.site-foot-brand{font-size:var(--mono-s);font-weight:700}.foot-link{transition:color var(--dur-fast) var(--ease-out);&:hover{color:var(--color-signal)}}.foot-btn{border:var(--hairline);padding:.375rem var(--space-xs);border-radius:var(--radius-s);transition:color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out);&:hover{color:var(--color-signal);border-color:var(--color-signal)}&[aria-pressed=true]{color:var(--color-on-fill);background:var(--color-signal-fill);border-color:var(--color-signal-fill)}}}@layer components{.atlas-shell{position:relative;z-index:1;min-width:0}.atlas-frame{position:relative;margin:0;border:var(--hairline);background:radial-gradient(120% 90% at 70% 20%,color-mix(in srgb,var(--color-signal) 4%,transparent),transparent 60%),var(--color-surface)}.atlas-frame:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(var(--color-signal),var(--color-signal)) top left / 12px 1px,linear-gradient(var(--color-signal),var(--color-signal)) top left / 1px 12px,linear-gradient(var(--color-signal),var(--color-signal)) bottom right / 12px 1px,linear-gradient(var(--color-signal),var(--color-signal)) bottom right / 1px 12px;background-repeat:no-repeat;opacity:.9}.atlas-meta{display:flex;justify-content:space-between;gap:var(--space-xs);padding:var(--space-xs) var(--space-s);border-bottom:var(--hairline);font-family:var(--font-mono);font-size:var(--mono-xs);font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--color-text-2)}[data-atlas-svg]{display:block;width:100%;height:auto;.mesh{stroke:var(--color-border);stroke-width:1;fill:none}.spoke{stroke:color-mix(in srgb,var(--color-text) 13%,transparent);stroke-width:1;fill:none}.route{stroke:var(--color-signal);stroke-width:1.4;fill:none;filter:drop-shadow(0 0 3px color-mix(in srgb,var(--color-signal) 45%,transparent));opacity:0;transition:opacity .5s ease}.route.on{opacity:1;transition:opacity .12s ease}.pulse{fill:var(--color-signal);filter:drop-shadow(0 0 4px var(--color-signal));opacity:0}.node{cursor:crosshair;outline:none}.node circle.core{fill:var(--color-text-2);transition:fill .2s ease}.node circle.halo{fill:none;stroke:color-mix(in srgb,var(--color-text) 16%,transparent);stroke-width:1;transition:stroke .2s ease}.node text{font-family:var(--font-mono);font-size:10px;letter-spacing:.14em;fill:var(--color-text-2);transition:fill .2s ease;text-transform:uppercase}.origin circle.core{fill:var(--color-text)}.origin text{fill:var(--color-text-2);font-weight:700}.node:hover circle.core,.node:focus-visible circle.core,.node.hot circle.core{fill:var(--color-signal);filter:drop-shadow(0 0 5px color-mix(in srgb,var(--color-signal) 70%,transparent))}.node:hover circle.halo,.node:focus-visible circle.halo,.node.hot circle.halo{stroke:color-mix(in srgb,var(--color-signal) 55%,transparent)}.node:hover text,.node:focus-visible text,.node.hot text{fill:var(--color-text)}}.atlas-tip{position:absolute;z-index:5;pointer-events:none;background:var(--color-bg);border:1px solid var(--color-signal);padding:var(--space-2xs) var(--space-xs);font-family:var(--font-mono);font-size:var(--mono-xs);letter-spacing:.06em;color:var(--color-text);white-space:nowrap;transform:translate(-50%,-130%);opacity:0;transition:opacity .15s ease;.r{color:var(--color-text-2)}}.atlas-tip.show{opacity:1}.readout{display:flex;align-items:center;gap:var(--space-xs);margin:0;padding:var(--space-xs) var(--space-s);border-top:var(--hairline);font-family:var(--font-mono);font-size:var(--mono-s);color:var(--color-text-2);letter-spacing:.04em;white-space:nowrap;overflow:hidden;.dot{width:.375rem;height:.375rem;border-radius:50%;background:var(--color-signal);flex:none}& b{color:var(--color-text);font-weight:500}.hit{color:var(--color-signal);font-weight:700}.caret{display:inline-block;width:.375rem;height:.75rem;background:var(--color-signal);margin-left:.125rem;animation:brand-pulse 1.1s steps(2,end) infinite;flex:none}}}@layer components{.page-head{padding-block:var(--space-xl) 0}.page-title{max-width:var(--page-title-measure, 16ch)}.page-title[data-measure=compact]{--page-title-measure: 15ch}.page-title[data-measure=narrow]{--page-title-measure: 14ch}.section-title{max-width:var(--section-title-measure, 16ch)}.section-title[data-measure=narrow]{--section-title-measure: 14ch}.catalog-note{margin-top:var(--space-m)}.section-closing{max-width:var(--measure);margin-top:var(--space-xl)}.article-header{max-width:52rem}.article-title{max-width:18ch}.article-summary{max-width:var(--measure);font-size:var(--step-1)}.prose{max-width:var(--measure);& h2{margin-top:var(--space-xl);font-size:var(--step-2)}& h3{margin-top:var(--space-l);font-size:var(--step-1)}& p{margin-top:var(--space-m)}& ul,ol{margin-top:var(--space-m);padding-left:1.2em;list-style:none;display:grid;gap:var(--space-2xs)}& li:before{content:"— ";color:var(--color-signal)}& pre{margin-top:var(--space-m)}& a{color:var(--color-signal);border-bottom:1px solid currentcolor}}.pager{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-s);border-top:var(--hairline);padding-top:var(--space-m);font-family:var(--font-mono);font-size:var(--mono-s);& a{color:var(--color-signal)}& a:hover{text-decoration:underline}[aria-disabled=true]{color:var(--color-faint);pointer-events:none}}.article-report .pager{max-width:var(--measure)}}@layer components{.hero-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-xl);align-items:center}.hero-title{overflow-wrap:normal;font-size:clamp(2rem,8.8vw,6.4rem);line-height:var(--leading-tight);& em{font-weight:300}}.writing-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-l) var(--space-xl);align-items:start}.case-card{transition:border-color var(--dur-fast) var(--ease-out);&:hover{border-color:var(--color-signal)}}.home-contact-title{max-width:18ch;font-size:clamp(1.75rem,4.5vw + .9rem,var(--step-4))}.home-contact-copy{max-width:44ch}@media(min-width:56.25em){.hero-grid{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}.writing-grid{grid-template-columns:minmax(16rem,.55fr) minmax(0,1fr)}.hero-title{font-size:clamp(2.5rem,4.6vw,4.8rem)}}}@layer components{.about-copy{max-width:var(--measure)}.about-education{padding-top:var(--space-m);border-top:var(--hairline);& p{max-width:var(--measure);font-size:var(--step--1)}}}@layer components{.styleguide-swatch{height:3.5rem;border:var(--hairline);background:var(--swatch-color)}.styleguide-h1-sample{font-size:var(--step-4);font-weight:640;line-height:var(--leading-tight);text-wrap:balance}}@layer components{.typeline{--flow: var(--space-l);font-family:var(--font-mono);font-size:var(--mono-s);letter-spacing:.04em;line-height:1.6;color:var(--color-text-2);display:flex;align-items:baseline;gap:var(--space-xs);max-width:none;.prompt{color:var(--color-signal);flex:none;user-select:none}.line{display:grid;min-width:0;position:relative}.ghost{grid-area:1 / 1;visibility:hidden;user-select:none}.live{position:absolute;inset:0 0 auto;max-height:var(--shell-max, none);overflow-y:auto;overscroll-behavior:contain;background:var(--color-bg);z-index:5;scrollbar-width:thin;scrollbar-color:var(--color-faint) transparent}.caret{display:inline-block;width:var(--space-2xs);height:1em;margin-left:.125rem;vertical-align:text-bottom;background:var(--color-signal);animation:brand-pulse 1.1s steps(2,end) infinite}}.shell-input{font:inherit;letter-spacing:inherit;color:var(--color-text);background:none;border:0;outline:none;padding:0;width:100%;grid-area:1 / 1;caret-color:var(--color-signal);&::placeholder{color:var(--color-text-2)}}.typeline[role=button]{cursor:text}.shell-open-btn{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;&:focus-visible{position:static;width:auto;height:auto;clip-path:none;white-space:normal;display:inline-block;margin-bottom:var(--space-2xs);font-family:var(--font-mono);font-size:var(--mono-s);color:var(--color-signal);border:1px solid var(--color-signal);padding:var(--space-3xs) var(--space-xs)}}}@layer components{html[data-xray] .region{outline:1px solid var(--color-signal);outline-offset:-1px}html[data-xray] .stack{outline:1px dashed var(--color-text-2);outline-offset:-3px}html[data-xray] :is(.cluster,.repel){outline:1px dotted var(--color-text-2);outline-offset:-2px}html[data-xray] :is(.grid,.sidebar){outline:1px dashed color-mix(in srgb,var(--color-signal) 55%,transparent);outline-offset:-5px}.xray-legend{display:none;position:fixed;bottom:var(--space-xs);left:var(--space-s);z-index:150;background:var(--color-bg);border:1px solid var(--color-signal);padding:var(--space-xs) var(--space-s);font-family:var(--font-mono);font-size:var(--mono-xs);color:var(--color-text-2);max-width:min(18.75rem,calc(100vw - 2rem));max-height:60vh;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--color-faint) transparent;& p{margin:0 0 .375rem;display:flex;align-items:center;gap:var(--space-2xs);flex-wrap:wrap}.xl-title{color:var(--color-signal);letter-spacing:var(--tracking-caps);justify-content:space-between}.xl-actions{display:inline-flex;gap:.375rem;flex:none}.xl-close{font-family:var(--font-mono);font-size:var(--mono-xs);letter-spacing:.1em;color:var(--color-text);border:1px solid var(--color-signal);padding:var(--space-3xs) var(--space-2xs);cursor:pointer;flex:none;&:hover{background:var(--color-signal-fill);color:var(--color-on-fill)}}.xl-swatch{width:1.125rem;height:0;flex:none}.xl-region{border-top:1px solid var(--color-signal)}.xl-stack{border-top:1px dashed var(--color-text-2)}.xl-cluster{border-top:1px dotted var(--color-text-2)}.xl-grid{border-top:1px dashed color-mix(in srgb,var(--color-signal) 55%,transparent)}.xl-chip{width:.625rem;height:.625rem;border:1px solid var(--color-border);flex:none}.xl-chip[data-token=bg]{background:var(--color-bg)}.xl-chip[data-token=surface]{background:var(--color-surface)}.xl-chip[data-token=text]{background:var(--color-text)}.xl-chip[data-token=signal]{background:var(--color-signal)}.xl-pair{display:inline-flex;align-items:center;gap:var(--space-3xs);white-space:nowrap}.xl-note{color:var(--color-text-2);margin-bottom:0;display:block;overflow-wrap:anywhere}}html[data-xray] .xray-legend{display:block}@media(min-width:48em){.xray-legend{bottom:calc(var(--size-status) + var(--space-xs))}}.xray-legend[data-pin=top]{top:calc(var(--size-header) + var(--space-xs));bottom:auto}}@layer components{.status-bar{display:none;position:fixed;inset:auto 0 0;z-index:140;min-height:var(--size-status);align-items:center;justify-content:space-between;gap:var(--space-s);padding-inline:var(--gutter);background:var(--color-bg);border-top:var(--hairline);font-family:var(--font-mono);font-size:var(--mono-xs);letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-2);.sb-left,.sb-right{display:flex;align-items:center;gap:var(--space-2xs);min-width:0}.sb-sep{color:var(--color-border)}[data-sb-theme]{color:var(--color-text-2)}[data-sb-colo]{color:var(--color-signal)}[data-sb-section]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}@media(min-width:48em){.status-bar{display:flex}body{padding-block-end:var(--size-status)}}}@layer components{.flamenco-overlay{position:fixed;inset:0;z-index:300;display:grid;place-items:center;padding:var(--space-s);background:color-mix(in srgb,var(--color-bg) 82%,transparent)}.flamenco-panel{width:min(42.5rem,100%);background:var(--color-surface);border:1px solid var(--color-signal);.fl-meta,.fl-foot{display:flex;justify-content:space-between;align-items:center;gap:var(--space-s);margin:0;padding:var(--space-xs) var(--space-s);font-family:var(--font-mono);font-size:var(--mono-xs);letter-spacing:.14em;text-transform:uppercase;color:var(--color-text-2)}.fl-meta{border-bottom:var(--hairline)}.fl-foot{border-top:var(--hairline);color:var(--color-text-2)}.fl-canvas{display:block;width:100%;height:min(20rem,52vh);outline:none;touch-action:manipulation}}.flamenco-panel .fl-stage{position:relative}.flamenco-panel .fl-pause{position:absolute;inset:0;display:grid;place-content:center;gap:var(--space-s);justify-items:center;background:color-mix(in srgb,var(--color-surface) 72%,transparent);.fl-pause-actions{margin:0;display:flex;gap:var(--space-2xs)}.fl-pause-label{margin:0;font-family:var(--font-mono);font-size:var(--mono-s);font-weight:700;letter-spacing:var(--tracking-caps);color:var(--color-text)}}.flamenco-panel .fl-pause[hidden]{display:none}.flamenco-panel :is(.fl-menu-btn,[data-fl-sound]):before{content:"▸";display:inline-block;inline-size:1ch;margin-inline-end:.125rem;color:var(--color-signal);opacity:0}.flamenco-panel :is(.fl-menu-btn,[data-fl-sound])[data-fl-selected]:before{opacity:1}}@layer utilities{.mono{font-family:var(--font-mono)}.text-signal{color:var(--color-signal)}.text-dim{color:var(--color-text-2)}.measure{max-width:var(--measure)}.list-plain{list-style:none}.uppercase-label{font-family:var(--font-mono);font-size:var(--mono-xs);font-weight:500;text-transform:uppercase;letter-spacing:var(--tracking-caps)}.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}}@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:300 800;font-stretch:100%;font-display:swap;src:url(/fonts/v9-3y9K6as8bTXqnANBjzKo3IeZx8z6up5BeSl9D4djx9PpZBMlGIInE.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,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-weight:400;font-display:swap;src:url(/fonts/v24-tDbv2o-flEEny0FZhsfKu5WU4zr3EBX0PnT8RD8yKwBNntkaToggR7BYRbKPxDcwg.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,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-weight:500;font-display:swap;src:url(/fonts/v24-tDbv2o-flEEny0FZhsfKu5WU4zr3EBX0PnT8RD8yKwBNntkaToggR7BYRbKPxDcwg.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,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-weight:700;font-display:swap;src:url(/fonts/v24-tDbv2o-flEEny0FZhsfKu5WU4zr3EBX0PnT8RD8yKwBNntkaToggR7BYRbKPxDcwg.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}