:root{color-scheme:light;--canvas: #e6e6e2;--ink: #0d0d0c;--ink-hover: #2a2a28;--on-ink: #fafaf8;--grey: #5d5d59;--grey-2: #74746f;--line: #d4d4cf;--edge: #c6c6c1;--white: #fbfbfa;--well: #dcdcd7;--card-edge: rgba(13, 13, 12, .07);--hover: color-mix(in srgb, #fbfbfa 70%, transparent);--staging: #8e8e89;--accent: #2f5d9e;--lip: rgba(255, 255, 255, .14);--press: rgba(13, 13, 12, .28);--glow: rgba(255, 255, 255, .22);--ray: #8fa4d4;--ray-icon: #4f68a3;--ray-blend: multiply;--sans: ui-sans-serif, system-ui, -apple-system, "SF Pro Text", "Helvetica Neue", sans-serif;--mono: ui-monospace, "SF Mono", Menlo, monospace;--out: cubic-bezier(.16, 1, .3, 1)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--canvas: #121211;--ink: #f1f1ee;--ink-hover: #d6d6d2;--on-ink: #121211;--grey: #a8a8a2;--grey-2: #93938d;--line: #2b2b29;--edge: #464643;--white: #1b1b1a;--well: #1c1c1b;--card-edge: rgba(255, 255, 255, .06);--hover: color-mix(in srgb, #1b1b1a 80%, transparent);--staging: #73736f;--accent: #8fb3e8;--lip: rgba(255, 255, 255, .55);--press: rgba(0, 0, 0, .35);--glow: rgba(255, 255, 255, .9);--ray: #f2c46d;--ray-icon: #f0c062;--ray-blend: screen}}:root[data-theme=dark]{color-scheme:dark;--canvas: #121211;--ink: #f1f1ee;--ink-hover: #d6d6d2;--on-ink: #121211;--grey: #a8a8a2;--grey-2: #93938d;--line: #2b2b29;--edge: #464643;--white: #1b1b1a;--well: #1c1c1b;--card-edge: rgba(255, 255, 255, .06);--hover: color-mix(in srgb, #1b1b1a 80%, transparent);--staging: #73736f;--accent: #8fb3e8;--lip: rgba(255, 255, 255, .55);--press: rgba(0, 0, 0, .35);--glow: rgba(255, 255, 255, .9);--ray: #f2c46d;--ray-icon: #f0c062;--ray-blend: screen}*{box-sizing:border-box}html,body{margin:0}body{min-height:100dvh;overflow-x:clip;background:var(--canvas);color:var(--ink);font:15px/1.45 var(--sans);font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased}button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}a{color:inherit;text-decoration:none}p,h1,h2,ol,ul{margin:0}ol,ul{list-style:none;padding:0}code{font:13px/1.4 var(--mono)}::selection{background:var(--accent);color:var(--on-ink)}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:6px}.defs{position:absolute;width:0;height:0}.view{display:grid}:is(:root[data-view=background],:root:not([data-view]):has(#background:target)) .view-work{display:none}.view-work{position:relative;z-index:1}:is(:root[data-view=work],:root:not([data-view]):not(:has(#background:target))) .view-bg{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none;user-select:none;align-content:start;padding:140px max(clamp(16px,4vw,56px),calc((100vw - 1120px)/2 + clamp(16px,4vw,56px))) 0;filter:blur(16px);opacity:.16;transform:scale(1.05);transition:filter .65s var(--out),opacity .55s var(--out),transform .65s var(--out)}:is(:root[data-view=work],:root:not([data-view]):not(:has(#background:target))):has(.checkout:hover,.checkout:focus-visible) .view-bg{filter:blur(8px);opacity:.45;transform:scale(1.02)}.frame{max-width:1120px;margin:0 auto;padding:20px clamp(16px,4vw,56px) 96px}.top{position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:40px;margin:-20px -16px 0;padding:20px 16px 14px;background:linear-gradient(var(--canvas) 70%,color-mix(in srgb,var(--canvas) 0%,transparent))}.tools{display:flex;gap:4px;margin-left:auto}.act{display:inline-grid;place-items:center;min-width:40px;min-height:40px;padding:0 8px;border-radius:8px;color:var(--grey);font-weight:500;font-size:14px;transition:color .2s,background .2s}.act:hover{color:var(--ink);background:var(--hover)}.act:active{transform:translateY(1px)}.theme svg{grid-area:1 / 1}.theme .sun{display:none}:root[data-theme=dark] .theme .moon{display:none}:root[data-theme=dark] .theme .sun{display:block}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .theme .moon{display:none}:root:not([data-theme=light]) .theme .sun{display:block}}.theme{position:relative;transition:color .3s,background .2s}@media(hover:hover){.theme:hover,.theme:focus-visible{color:var(--ray-icon);background:transparent}.theme:after{content:"";position:absolute;right:50%;top:50%;z-index:-1;width:min(960px,96vw);height:260px;transform-origin:100% 0;transform:scale(.38);pointer-events:none;opacity:0;background:repeating-conic-gradient(from calc(218deg + var(--drift)) at 100% 0,transparent 0deg,color-mix(in srgb,var(--ray) 42%,transparent) .55deg,transparent 1.35deg,color-mix(in srgb,var(--ray) 16%,transparent) 1.85deg,transparent 2.5deg 3.2deg),repeating-conic-gradient(from calc(224deg - var(--drift) * .6) at 100% 0,transparent 0deg,color-mix(in srgb,var(--ray) 28%,transparent) .85deg,transparent 2deg,color-mix(in srgb,var(--ray) 10%,transparent) 2.65deg,transparent 3.4deg 4.6deg),conic-gradient(from 0deg at 100% 0,transparent 0 214deg,color-mix(in srgb,var(--ray) 38%,transparent) 226deg,color-mix(in srgb,var(--ray) 52%,transparent) 236deg 242deg,color-mix(in srgb,var(--ray) 38%,transparent) 252deg,transparent 264deg);-webkit-mask-image:conic-gradient(from 0deg at 100% 0,transparent 0 212deg,#000 224deg 248deg,transparent 262deg),radial-gradient(farthest-corner at 100% 0,#000 0%,rgba(0,0,0,.5) 22%,rgba(0,0,0,.12) 48%,transparent 62%);-webkit-mask-composite:source-in;mask-image:conic-gradient(from 0deg at 100% 0,transparent 0 212deg,#000 224deg 248deg,transparent 262deg),radial-gradient(farthest-corner at 100% 0,#000 0%,rgba(0,0,0,.5) 22%,rgba(0,0,0,.12) 48%,transparent 62%);mask-composite:intersect;transition:opacity .45s var(--out),transform .8s var(--out)}.theme:hover:after,.theme:focus-visible:after{opacity:1;transform:none;animation:aurora 7s linear infinite}}@property --drift{syntax: "<angle>"; inherits: false; initial-value: 0deg;}@keyframes aurora{to{--drift: 5deg}}.back{display:none;align-items:center;gap:6px;min-height:40px;color:var(--grey);font-weight:500;transition:color .2s}.back svg{width:14px;height:14px;transition:transform .25s var(--out)}.back:hover{color:var(--ink)}.back:hover svg{transform:translate(-3px)}.back-name{view-transition-name:name}:is(:root[data-view=background],:root:not([data-view]):has(#background:target)) .back{display:inline-flex}.view{gap:88px}.intro{display:grid;gap:28px;justify-items:start;padding-top:clamp(40px,12vh,120px)}.name,.block h2{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px 16px;letter-spacing:-.035em}.name{font-size:clamp(64px,15.4vw,178px);font-weight:200;letter-spacing:-.055em;line-height:.86;margin-left:-.06em;gap:0;flex-wrap:nowrap;white-space:nowrap}.name>span{font-weight:var(--w, 200);transition:font-weight .5s var(--out)}.name{view-transition-name:name;animation:settle 1.1s var(--out) both}:root.settled .name{animation:none}@keyframes settle{0%{font-weight:100;letter-spacing:-.015em}}.block h2{font-size:clamp(32px,4vw,44px);font-weight:300;margin-bottom:20px}.size{font-size:17px;font-weight:400;letter-spacing:0;color:var(--grey)}.lead{color:var(--ink);font-size:clamp(22px,2.6vw,30px);font-weight:400;letter-spacing:-.025em;line-height:1.3;max-width:36ch;text-wrap:balance}.nm{font-weight:500}.how{color:var(--grey)}.out{width:14px;height:14px;flex:none;color:var(--grey-2);transition:color .2s,transform .25s var(--out)}a:hover .out{color:var(--accent);transform:translate(2px,-2px)}.intro-foot{display:flex;flex-wrap:wrap;align-items:center;gap:16px 20px;margin-top:10px}.checkout,.primary{position:relative;isolation:isolate;overflow:hidden;display:inline-flex;align-items:center;min-height:44px;border-radius:9px;color:var(--on-ink);font-weight:500;background:linear-gradient(180deg,color-mix(in oklab,var(--ink),#fff 16%) 0%,var(--ink) 52%,color-mix(in oklab,var(--ink),#000 8%) 100%);box-shadow:inset 0 1px 0 var(--lip),inset 0 -1px #00000040,0 1px 1px var(--press),0 6px 12px -8px var(--press);transition:box-shadow .15s,transform .15s}.checkout:before,.primary:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(110px circle at var(--mx, 50%) var(--my, 0%),var(--glow),transparent 70%);opacity:0;transition:opacity .3s var(--out)}.checkout:hover:before,.primary:hover:before,.checkout:focus-visible:before,.primary:focus-visible:before{opacity:1}.checkout:active,.primary:active{transform:translateY(1px);box-shadow:inset 0 1px 2px var(--press),inset 0 0 0 1px #00000026}.checkout{gap:12px;padding:0 16px 0 20px}.checkout-mark{width:16px;height:24px;overflow:visible}.checkout-mark circle{fill:none;stroke:currentColor;stroke-width:1.6}.checkout-mark .stem{stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-dasharray:14;stroke-dashoffset:9;transition:stroke-dashoffset .4s var(--out)}.checkout:hover .stem,.checkout:focus-visible .stem{stroke-dashoffset:0}.checkout-mark circle,.checkout-mark .stem{transition:stroke-dashoffset .4s var(--out),fill .15s,stroke .15s}.checkout.is-committing .checkout-mark circle{fill:var(--accent);stroke:var(--accent)}.checkout.is-committing .stem{stroke:var(--accent);stroke-dashoffset:0}.sites{margin:0 -16px}.sites>li{position:relative}.sites>li:not([hidden])~li:not([hidden]):before{content:"";position:absolute;top:0;left:16px;right:16px;height:1px;background:var(--line);transition:opacity .2s}.sites>li:has(a:hover):before,.sites>li:has(a:hover)+li:before{opacity:0}.site{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) 170px;align-items:center;gap:24px;padding:22px 16px;border-radius:14px;transition:background .2s}a.site:hover{background:var(--hover)}a.site:hover .site-host{color:var(--accent)}.site-host{display:inline-flex;align-items:center;gap:10px;transition:color .2s;font-size:clamp(22px,2.6vw,30px);font-weight:300;letter-spacing:-.025em;overflow-wrap:anywhere}.site-host .out{width:16px;height:16px}.site-host.quiet{color:var(--grey-2)}.site-meta{display:grid;gap:2px}.site-meta .how{color:var(--grey-2);font-size:14px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.site-side{justify-self:end;display:inline-flex;align-items:center;gap:16px}.year{color:var(--grey-2);font-size:14px}.state{display:inline-flex;align-items:center;gap:6px;color:var(--grey);font-size:14px;white-space:nowrap}.state:before{content:"";width:6px;height:6px;border-radius:50%}.state.live{color:var(--ink)}.state.live:before{background:var(--accent)}.state.staging:before{background:var(--staging)}.state.building:before{box-shadow:inset 0 0 0 1.5px var(--grey-2)}.state.private:before{box-shadow:inset 0 0 0 1.5px var(--edge)}.state.stopped:before{width:7px;height:1.5px;border-radius:1px;background:var(--grey-2)}.work-tools{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;margin-bottom:16px}.work-tools[hidden]{display:none}.view>*,.work-tools>.seg{min-width:0}.seg{position:relative;isolation:isolate;display:flex;flex-wrap:wrap;gap:2px;padding:3px;border-radius:10px;background:var(--well);box-shadow:inset 0 1px 1px #0b0c0e0d}.seg:before{content:"";position:absolute;z-index:-1;top:0;bottom:0;left:0;width:var(--sw, 100%);clip-path:inset(3px calc(var(--sw, 100%) - var(--x, 0px) - var(--w, 0px)) 3px var(--x, 0px) round 8px);background:var(--white)}.seg.ready:before{transition:clip-path .38s var(--out)}.seg button[aria-pressed=true]{box-shadow:inset 0 0 0 1px var(--card-edge);border-radius:8px;transition:color .2s,box-shadow .38s}.seg button{display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:0 12px;border-radius:8px;color:var(--grey);font-size:14px;transition:color .2s,background .2s}.seg button:hover,.seg button[aria-pressed=true]{color:var(--ink)}.seg button:active{transform:translateY(1px)}.seg .n{color:var(--grey-2);font-weight:400;font-size:13px}.sites.is-moving>li{view-transition-name:var(--vt)}.more-rows{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:52px;margin-top:8px;border-radius:12px;color:var(--grey);font-weight:500;background:var(--well);box-shadow:inset 0 1px 1px #0b0c0e0d;transition:color .2s,background .2s,transform .15s}.more-chev{width:14px;height:14px;transition:transform .35s var(--out)}.more-rows:hover{color:var(--ink);background:color-mix(in oklab,var(--well),var(--white) 45%)}.more-rows:hover .more-chev{transform:translateY(2px)}.more-rows:active{transform:translateY(1px)}.more-rows[hidden]{display:none}.sites>li.flash>.site{animation:flash 2.2s var(--out)}@keyframes flash{0%,35%{background:var(--white)}to{background:transparent}}.channels{display:flex;flex-wrap:wrap;gap:8px 28px;color:var(--grey)}.channels a{display:inline-flex;align-items:center;gap:8px;min-height:40px;transition:color .2s}.channels a:hover{color:var(--accent)}.bg-hero{display:grid;gap:48px;padding-top:clamp(32px,9vh,96px)}.headline .stop{color:var(--accent)}.headline{font-size:clamp(52px,9vw,6rem);font-weight:200;letter-spacing:-.04em;line-height:.98;max-width:14ch;text-wrap:balance;margin-left:-.04em;hyphens:manual}.about{display:grid;grid-template-columns:minmax(0,300px) minmax(0,1fr);gap:48px;align-items:start}.portrait{width:100%;height:auto;border-radius:14px;filter:grayscale(0) contrast(1.05)}.about-text{display:grid;gap:16px;justify-items:stretch;width:100%;min-width:0;max-width:100%;font-size:17px;line-height:1.55}.about-text p,.about-text .chess{text-align:justify;text-justify:inter-word;text-align-last:left;text-wrap:pretty;-webkit-hyphens:auto;hyphens:auto;hyphenate-limit-chars:6 4 4;-webkit-hyphenate-limit-before:4;-webkit-hyphenate-limit-after:4;overflow-wrap:break-word}.chess{color:var(--grey);font-size:15px;line-height:1.5}.primary{padding:0 22px}.about-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px 24px;margin-top:8px}.copy{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 12px;border-radius:9px;color:var(--grey);font-weight:500;transition:color .2s,background .2s,transform .15s}.copy:hover,.copy.is-done{color:var(--accent);background:var(--hover)}.copy:active{transform:translateY(1px)}.copy .done-icon,.copy.is-done .copy-icon{display:none}.copy.is-done .done-icon{display:block;animation:tick .35s var(--out)}@keyframes tick{0%{transform:scale(.6);opacity:0}}.knight-wrap{display:inline-block;vertical-align:-3px;margin:0 3px 0 6px;border-radius:4px;cursor:default}.knight{width:18px;height:18px;display:block;color:var(--ink)}.knight-wrap:hover .knight,.knight-wrap:focus-visible .knight{animation:hop .9s var(--out)}@keyframes hop{0%{transform:translate(0)}30%{transform:translateY(-12px)}55%{transform:translate(7px,-12px)}to{transform:translate(0)}}.cmd{font-size:14px;letter-spacing:0;color:var(--grey);align-self:center}.graph{--gutter: 92px;--drawn: 100%;position:relative;padding-left:var(--gutter)}.rail{position:absolute;left:0;top:0;width:64px;overflow:visible;pointer-events:none}.rail path{fill:none;stroke-width:1.75;stroke-linecap:round}.rail.ghost path{stroke:var(--line)}.rail.ghost .dot{fill:var(--canvas);stroke:var(--edge);stroke-width:1.5}.rail.live{clip-path:inset(0 -24px calc(100% - var(--drawn)) -24px)}.rail.live path{stroke:var(--ink)}.rail.live .dot{fill:var(--canvas);stroke:var(--ink);stroke-width:1.75}.rail.live .head{fill:var(--canvas);stroke:var(--accent);stroke-width:1.75}.rail.live .head-dot{fill:var(--accent)}.rail.live,.rail.ghost{transition:opacity .25s}.rail.trace path{fill:none;stroke:var(--accent);stroke-width:2.25;stroke-linecap:round}.rail.trace .dot{fill:var(--accent)}.graph.is-tracing .rail.live{opacity:.25}.commit{transition:opacity .25s}.graph.is-tracing .commit:not(.in-trace){opacity:.4}.commit:focus-visible{outline-offset:4px}.tip{position:absolute;left:-4px;top:-4px;width:8px;height:8px;border-radius:50%;background:var(--accent);opacity:0;pointer-events:none;transition:opacity .3s}.tip.on{opacity:1}.graph.is-tracing .tip{opacity:0}.commits{display:grid}.commit{display:grid;grid-template-columns:170px minmax(0,1fr) minmax(0,1.25fr);align-items:baseline;gap:24px;padding:16px 0;box-shadow:inset 0 -1px 0 var(--line)}.commit:first-child{box-shadow:inset 0 1px 0 var(--line),inset 0 -1px 0 var(--line)}.commit .when{color:var(--grey)}.commit .who{display:grid;gap:2px}.commit .who .how{font-size:14px}.commit .proof{color:var(--grey-2);font-size:14px}.note{margin-left:10px;font-size:12px;font-weight:400;color:var(--grey-2);transition:color .5s var(--out)}.commit.reached .note{color:var(--ink)}.commit[data-current].reached .note{color:var(--accent)}.commit .nm{transition:color .5s var(--out)}.ledger li{box-shadow:inset 0 -1px 0 var(--line)}.ledger li:first-child{box-shadow:inset 0 1px 0 var(--line),inset 0 -1px 0 var(--line)}.ledger>li:not(:has(a)),.ledger a{display:grid;align-items:baseline;gap:24px;padding:16px 0}.ledger .when{display:inline-flex;align-items:center;gap:10px;color:var(--grey)}.ledger.two>li{grid-template-columns:minmax(0,1fr) minmax(0,1.3fr)}.ledger.links a{grid-template-columns:170px minmax(0,1fr) auto;align-items:center}.ledger.links .nm{font-size:17px}.ledger.links a:hover .nm{text-decoration:underline;text-decoration-color:var(--accent);text-decoration-thickness:1px;text-underline-offset:4px}.glyph{color:var(--ink)}.more{margin-top:12px}.more summary{cursor:pointer;color:var(--grey);min-height:40px;display:flex;align-items:center;width:fit-content}.more summary:hover{color:var(--ink)}.more .ledger{margin-top:4px}::view-transition-group(*){animation-duration:.55s;animation-timing-function:var(--out)}:root.checkout-vt::view-transition-old(root){animation:unfocus .28s ease-in both}:root.checkout-vt::view-transition-new(root){animation:focus .55s var(--out) both}:root.theme-vt::view-transition-old(root),:root.theme-vt::view-transition-new(root){animation:none;mix-blend-mode:normal}:root.theme-vt .name,:root.theme-vt .back-name{view-transition-name:none}::view-transition-old(name),::view-transition-new(name){height:100%;object-fit:contain;object-position:left center}@keyframes unfocus{to{opacity:0;filter:blur(8px)}}@keyframes focus{0%{opacity:0;filter:blur(10px)}}@media(max-width:860px){.site{grid-template-columns:minmax(0,1fr);grid-template-areas:"side" "host" "meta";row-gap:6px}.site-host{grid-area:host}.site-meta{grid-area:meta;margin-top:2px}.site .site-side{grid-area:side;justify-self:start;gap:12px}.seg{flex-wrap:nowrap;overflow-x:auto;max-width:100%;scrollbar-width:none}.seg::-webkit-scrollbar{display:none}.seg button{flex:none}.commit{grid-template-columns:140px minmax(0,1fr);gap:4px 20px}.commit .proof{grid-column:2}.about{grid-template-columns:minmax(0,200px) minmax(0,1fr);gap:32px}}@media(max-width:640px){.view{gap:64px}.about{grid-template-columns:1fr;gap:24px}.portrait{width:160px}.graph{--gutter: 48px}.commit{grid-template-columns:1fr;gap:2px}.commit .proof{grid-column:1;margin-top:4px}.note{display:block;margin:2px 0 0}.ledger.two>li{grid-template-columns:1fr;gap:2px}.ledger.links a{grid-template-columns:104px minmax(0,1fr) auto;gap:12px}.ledger.links .nm{font-size:15px;overflow-wrap:anywhere}.cmd{flex-basis:100%;font-size:13px}.readout{flex-direction:column;align-items:flex-start;gap:2px;width:fit-content;max-width:100%;padding:10px 14px}.readout>span+span{margin-left:0;padding-left:0;box-shadow:none}.top{margin:-20px -16px 0;padding:20px 16px 12px}}@media(max-width:380px){.about-text p,.about-text .chess{text-align:left;text-justify:auto;hyphens:none;-webkit-hyphens:none}}@media(prefers-reduced-motion:reduce){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none}.knight-wrap:hover .knight,.knight-wrap:focus-visible .knight{animation:none}.checkout-mark .stem{transition:none}.name{animation:none}.seg.ready:before{transition:none}.tip{display:none}.view-bg{transition:none!important}.theme:after,.theme:hover:after,.theme:focus-visible:after{transform:none;animation:none;transition:opacity .3s}.more-chev{transition:none}}