:root{color-scheme:light dark;--hue-sky:250;--hue-star:78;--hue-sea:195;--hue-live:150;--hue-vio:305;--accent:oklch(48% .115 var(--hue-sky));--accent-strong:oklch(37% .1 var(--hue-sky));--star:oklch(52% .105 var(--hue-star));--sea:oklch(50% .082 var(--hue-sea));--live:oklch(50% .12 var(--hue-live));--vio:oklch(50% .16 var(--hue-vio));--bg:oklch(98.6% .004 95);--surface:oklch(96.2% .006 95);--text:oklch(24% .012 95);--text-muted:oklch(46% .014 95);--border:oklch(87% .009 95);--code-bg:oklch(95.5% .008 95);--sky-star:oklch(38% .05 250);--sky-alpha:.5;--rule:oklch(84% .035 var(--hue-sky));--type-ratio:1.25;--text-m:1.0625rem;--text-s:calc(var(--text-m) / var(--type-ratio));--text-xs:calc(var(--text-s) / var(--type-ratio));--text-l:calc(var(--text-m) * var(--type-ratio));--text-xl:calc(var(--text-l) * var(--type-ratio));--text-2xl:calc(var(--text-xl) * var(--type-ratio));--text-3xl:calc(var(--text-2xl) * var(--type-ratio));--text-4xl:calc(var(--text-3xl) * var(--type-ratio));--leading-body:1.6;--leading-tight:1.15;--space-ratio:1.5;--space-s:1rem;--space-xs:calc(var(--space-s) / var(--space-ratio));--space-2xs:calc(var(--space-xs) / var(--space-ratio));--space-3xs:calc(var(--space-2xs) / var(--space-ratio));--space-m:calc(var(--space-s) * var(--space-ratio));--space-l:calc(var(--space-m) * var(--space-ratio));--space-xl:calc(var(--space-l) * var(--space-ratio));--space-2xl:calc(var(--space-xl) * var(--space-ratio));--measure:34rem;--measure-wide:68rem;--card-min:20.5rem;--stat-min:9rem;--spotlight:18rem;--control-size:34px;--radius-chip:var(--space-3xs);--radius-panel:var(--space-2xs);--font-system:ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;--font-mono:ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace}:root[data-theme=dark]{color-scheme:dark;--accent:oklch(80% .095 var(--hue-sky));--accent-strong:oklch(88% .06 var(--hue-sky));--star:oklch(84% .135 var(--hue-star));--sea:oklch(82% .1 var(--hue-sea));--live:oklch(82% .125 var(--hue-live));--vio:oklch(80% .125 var(--hue-vio));--bg:oklch(17.5% .012 250);--surface:oklch(22% .014 250);--text:oklch(92% .008 250);--text-muted:oklch(73% .014 250);--border:oklch(34% .017 250);--code-bg:oklch(23% .014 250);--sky-star:oklch(95% .01 250);--sky-alpha:1;--rule:oklch(38% .035 var(--hue-sky))}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--accent:oklch(80% .095 var(--hue-sky));--accent-strong:oklch(88% .06 var(--hue-sky));--star:oklch(84% .135 var(--hue-star));--sea:oklch(82% .1 var(--hue-sea));--live:oklch(82% .125 var(--hue-live));--vio:oklch(80% .125 var(--hue-vio));--bg:oklch(17.5% .012 250);--surface:oklch(22% .014 250);--text:oklch(92% .008 250);--text-muted:oklch(73% .014 250);--border:oklch(34% .017 250);--code-bg:oklch(23% .014 250);--sky-star:oklch(95% .01 250);--sky-alpha:1;--rule:oklch(38% .035 var(--hue-sky))}}:root[data-theme=light]{color-scheme:light}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--text);font-family:var(--font-system);font-size:var(--text-m);line-height:var(--leading-body);padding:0 var(--space-s);flex-direction:column;min-height:100dvh;margin:0;display:flex}@media (prefers-reduced-motion:no-preference){body,body *,body :before,body :after{transition:background-color .4s,border-color .4s,color .4s}}h1,h2,h3,p,ul,ol,dl,figure{margin:0}h1,h2,h3{line-height:var(--leading-tight);text-wrap:balance;overflow-wrap:break-word}h1{font-size:clamp(var(--text-xl), 1.2rem + 2.4vw, var(--text-2xl));letter-spacing:-.02em;font-weight:660}h2{font-size:var(--text-l);letter-spacing:-.01em;font-weight:640}h3{font-size:var(--text-m);font-weight:660}p,li{text-wrap:pretty}li{margin-bottom:var(--space-2xs)}li:last-child{margin-bottom:0}ul,ol{padding-left:var(--space-m)}strong{font-weight:660}.muted{color:var(--text-muted)}.page>*+*,.wrap>*+*,.hero>*+*,.section>*+*,.panel>*+*,.readme>*+*{margin-block-start:var(--flow-space,var(--space-s))}h2{--flow-space:var(--space-xl)}h3{--flow-space:var(--space-l)}.page{width:100%;max-width:var(--measure);padding:var(--space-xl) 0 var(--space-l);margin:0 auto}.wrap{width:100%;max-width:var(--measure-wide);padding:var(--space-xl) 0 var(--space-l);margin-inline:auto}.wrap>p{max-width:var(--measure)}.eyebrow{font-size:var(--text-s);color:var(--text-muted);letter-spacing:.02em}.eyebrow+h1{--flow-space:var(--space-xs)}.lede{--flow-space:var(--space-xs);font-size:var(--text-l);color:var(--text-muted);text-wrap:pretty;line-height:1.4}a{color:var(--accent);text-underline-offset:.16em;text-decoration-thickness:1px;text-decoration-color:color-mix(in oklch, currentcolor 45%, transparent)}@media (prefers-reduced-motion:no-preference){a{transition:color .12s,text-decoration-color .12s}}a:hover{color:var(--accent-strong);text-decoration-color:currentColor}a:focus-visible,:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:2px}::selection{background:color-mix(in oklch, var(--accent) 22%, transparent)}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.controls{top:var(--space-s);right:var(--space-s);align-items:center;gap:var(--space-2xs);z-index:2;display:flex;position:fixed}.theme-toggle{display:none}:root[data-js] .theme-toggle{width:var(--control-size);height:var(--control-size);border:1px solid var(--border);background:var(--surface);color:var(--text-muted);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;padding:0;display:inline-flex}.theme-toggle:hover{color:var(--accent);border-color:var(--accent)}.theme-toggle svg{width:var(--space-m);height:var(--space-m);display:block}.theme-toggle [data-glyph]{display:none}:root:not([data-theme]) .theme-toggle [data-glyph=system],:root[data-theme=light] .theme-toggle [data-glyph=light],:root[data-theme=dark] .theme-toggle [data-glyph=dark]{display:block}.palette-open{height:var(--control-size);padding-inline:var(--space-xs);border:1px solid var(--border);border-radius:var(--radius-chip);background:var(--surface);color:var(--text-muted);font-family:var(--font-mono);font-size:var(--text-s);cursor:pointer}.palette-open:hover{color:var(--accent);border-color:var(--accent)}.palette{width:min(32rem, calc(100vw - var(--space-m)));margin-inline:auto;padding:var(--space-xs);border:1px solid var(--border);border-radius:var(--radius-panel);background:var(--surface);color:var(--text);margin-top:12vh}.palette::backdrop{background:oklab(0% none none/.45)}.palette-input{width:100%;padding:var(--space-xs);border:1px solid var(--border);border-radius:var(--radius-chip);background:var(--bg);color:var(--text);font:inherit}.palette-list{margin-top:var(--space-2xs);max-height:50vh;padding:0;list-style:none;overflow-y:auto}.palette-list li{margin:0}.palette-list [role=option]{align-items:baseline;gap:var(--space-2xs);width:100%;padding:var(--space-2xs) var(--space-xs);border-radius:var(--radius-chip);color:var(--text);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;text-decoration:none;display:flex}.palette-list [aria-selected=true]{background:var(--bg);color:var(--accent)}.palette-hint{color:var(--text-muted);font-size:var(--text-s);margin-left:auto}.palette-empty{padding:var(--space-xs);color:var(--text-muted);font-size:var(--text-s)}.palette-status{padding-inline:var(--space-xs);color:var(--text-muted);font-size:var(--text-s)}.palette-status:empty{display:none}.skip{background:var(--surface);color:var(--text);padding:var(--space-xs) var(--space-s);border:1px solid var(--border);z-index:3;border-radius:4px;position:absolute;top:0;left:-9999px}.skip:focus{left:var(--space-s);top:var(--space-s)}code{font-family:var(--font-mono);background:var(--code-bg);overflow-wrap:break-word;border-radius:3px;padding:.1em .35em;font-size:.875em}pre{background:var(--code-bg);border:1px solid var(--border);padding:var(--space-s);border-radius:5px;overflow-x:auto}pre code{font-size:var(--text-s);white-space:pre;background:0 0;padding:0}img{border:1px solid var(--border);border-radius:5px;max-width:100%;height:auto;display:block}hr{border:0;border-top:1px solid var(--rule);margin:var(--space-xl) 0}.provenance{--flow-space:var(--space-2xl);border-left:2px solid var(--accent);background:var(--surface);padding:var(--space-xs) var(--space-s);color:var(--text-muted);font-size:var(--text-s);border-radius:0 4px 4px 0}.page>.readme{margin-block-start:var(--space-l)}.readme{border-top:1px solid var(--rule);padding-top:var(--space-xs)}.readme>:first-child{margin-block-start:var(--space-m)}.reading-progress{background:linear-gradient(90deg, var(--star), var(--accent), var(--vio));clip-path:inset(0 100% 0 0);pointer-events:none;z-index:2;height:3px;position:fixed;top:0;left:0;right:0}@supports (animation-timeline:scroll()){@media (prefers-reduced-motion:no-preference){.reading-progress{animation-name:grow-reading-progress;animation-timing-function:linear;animation-fill-mode:both;animation-timeline:scroll(root)}}}@keyframes grow-reading-progress{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}@supports (animation-timeline:view()){@media screen and (prefers-reduced-motion:no-preference){.reveal{animation-name:reveal;animation-timing-function:ease-out;animation-fill-mode:both;animation-timeline:view();animation-range:entry entry 50%}}}@keyframes reveal{0%{opacity:0;transform:translateY(var(--space-m))}to{opacity:1;transform:none}}@media (prefers-reduced-motion:no-preference){@view-transition{navigation:auto}::view-transition-old(root),::view-transition-new(root){animation-duration:.18s}}.site-footer{width:100%;max-width:var(--measure);padding:var(--space-m) 0 var(--space-xl);border-top:1px solid var(--rule);color:var(--text-muted);font-size:var(--text-s);text-wrap:pretty;margin-block-start:auto;margin-inline:auto}.site-footer-links{margin-top:var(--space-2xs)}.vela-light{display:none}:root[data-js] .vela-light{color:var(--accent);font:inherit;text-decoration:underline;text-decoration-color:color-mix(in oklch, currentcolor 45%, transparent);text-underline-offset:.16em;cursor:pointer;background:0 0;border:0;padding:0;display:inline}.vela-light:before{content:" · ";color:var(--text-muted);text-decoration:none}.vela-light:hover{color:var(--accent-strong)}@media (prefers-reduced-motion:no-preference){.gravity{transition:transform 1.1s cubic-bezier(.55,0,.9,.35);transition-delay:var(--fall-delay,0s)}.gravity-fall{transform:translateY(120vh)}}:root[data-grid] body:after{content:"";z-index:3;pointer-events:none;background-image:repeating-linear-gradient(to bottom, color-mix(in oklab, var(--accent) 22%, transparent) 0, color-mix(in oklab, var(--accent) 22%, transparent) 1px, transparent 1px, transparent 4rem);position:fixed;inset:0}#sky{z-index:0;pointer-events:none;width:100%;height:100%;opacity:var(--sky-intensity,1);font-size:var(--text-xs);font-family:var(--font-mono);position:fixed;inset:0}.wrap,.page,.site-footer{z-index:1;position:relative}.page:before{content:"";inset:0 calc(-1 * var(--space-s));z-index:-1;background:color-mix(in oklab, var(--bg) 78%, transparent);pointer-events:none;position:absolute}@media screen and (prefers-reduced-motion:no-preference){:root[data-arrive]:not([data-arrive-go]) :is(.controls,.site-header,.hero>*,main>:not(.hero):not(.reveal),.site-footer){opacity:0;transform:translateY(var(--space-s));filter:blur(var(--space-2xs))}:root[data-arrive][data-arrive-go] :is(.controls,.site-header,.hero>*,main>:not(.hero):not(.reveal),.site-footer){opacity:1;filter:none;transition:opacity 1.1s cubic-bezier(.16,.84,.28,1),transform 1.1s cubic-bezier(.16,.84,.28,1),filter 1.1s cubic-bezier(.16,.84,.28,1),background-color .4s,border-color .4s,color .4s;transition-delay:var(--arrival,0s), var(--arrival,0s), var(--arrival,0s), 0s, 0s, 0s;transform:none}}.card-media{position:relative}.card-scene{width:100%;height:100%;position:absolute;inset:0}.project-grid{--flow-space:var(--space-xl);grid-template-columns:repeat(auto-fit, minmax(min(var(--card-min), 100%), 1fr));gap:var(--space-m);padding:0;list-style:none;display:grid}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-panel);--c:var(--accent);isolation:isolate;flex-direction:column;margin:0;display:flex;position:relative;overflow:hidden}@media (prefers-reduced-motion:no-preference){.card{transition:border-color .12s}}.card:hover,.card:has(a:focus-visible){border-color:var(--c)}@media (prefers-reduced-motion:no-preference) and (hover:hover) and (pointer:fine){.card{transition:border-color .12s,transform .12s,box-shadow .12s}.card:before{content:"";border-radius:inherit;z-index:-1;opacity:0;background:radial-gradient(var(--spotlight) var(--spotlight) at var(--px,50%) var(--py,50%), color-mix(in oklch, var(--c) 20%, transparent), transparent 65%);pointer-events:none;transition:opacity .12s;position:absolute;inset:-1px}.card:hover:before{opacity:1}.card:hover{transform:translateY(calc(var(--space-3xs) * -1));box-shadow:0 var(--space-2xs) var(--space-m) color-mix(in oklab, var(--c) 22%, transparent)}}.card-name a:after{content:"";position:absolute;inset:0}.card-media{aspect-ratio:16/9;background:color-mix(in oklch, var(--card-accent) 18%, transparent);border-bottom:1px solid var(--border)}.case-shot{aspect-ratio:16/9;background:color-mix(in oklch, var(--card-accent,var(--accent)) 14%, transparent);border:1px solid var(--border);border-radius:var(--radius-panel);display:block;overflow:hidden}.case-shot-img{object-fit:cover;width:100%;height:auto;display:block}.card-body{gap:var(--space-xs);padding:var(--space-m);flex-direction:column;flex:1;display:flex}.card-name{--flow-space:0}.card-blurb{color:var(--text-muted)}.card-tags{gap:var(--space-3xs);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.card-tags li{padding:var(--space-3xs) var(--space-2xs);background:var(--code-bg);border-radius:var(--radius-chip);font-family:var(--font-mono);font-size:var(--text-s);color:var(--text-muted);margin:0}.card-foot{align-items:center;gap:var(--space-2xs);flex-wrap:wrap;margin-top:auto;display:flex}.card-where{font-size:var(--text-s);color:var(--text-muted)}.card-status{padding:var(--space-3xs) var(--space-2xs);border:1px solid color-mix(in oklab, var(--status-color) 45%, var(--bg));border-radius:var(--radius-chip);background:var(--bg);color:var(--status-color);font-size:var(--text-s)}.site-header{justify-content:space-between;align-items:center;gap:var(--space-s);padding-block:var(--space-m);flex-wrap:wrap;display:flex}.wordmark{align-items:center;gap:var(--space-2xs);font-size:var(--text-l);letter-spacing:-.01em;color:var(--text);font-weight:660;text-decoration:none;display:inline-flex}.orb{width:var(--space-xs);height:var(--space-xs);background:var(--accent);box-shadow:0 0 0 var(--space-3xs) color-mix(in oklab, var(--accent) 22%, transparent);border-radius:50%;flex:none}.site-nav ul{gap:var(--space-s);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.site-nav li{margin:0}.site-nav a{font-size:var(--text-s);color:var(--text-muted);text-decoration:none}.site-nav a:hover{color:var(--accent)}.hero{padding-block:var(--space-2xl) var(--space-xl)}.headline{font-size:clamp(var(--text-2xl), 1.3rem + 5.6vw, var(--text-4xl));letter-spacing:-.03em;max-width:18ch;line-height:1.05}.headline-accent{color:var(--text)}@supports (background-clip:text){.headline-accent{background-image:linear-gradient(100deg, var(--star), var(--accent), var(--vio));color:#0000;background-clip:text}}@media (forced-colors:active){.headline-accent{color:canvastext;background-image:none}}.hero .lede{--flow-space:var(--space-m);max-width:46ch;color:var(--text)}.actions{--flow-space:var(--space-l);gap:var(--space-xs);flex-wrap:wrap;display:flex}.button{align-items:center;gap:var(--space-2xs);padding:var(--space-xs) var(--space-m);border:1px solid var(--accent);border-radius:var(--radius-chip);font-size:var(--text-m);text-decoration:none;display:inline-flex}.button-solid{background:var(--accent);color:var(--bg)}.button-quiet{color:var(--accent);border-color:var(--border);background:0 0}@media (prefers-reduced-motion:no-preference){.button{transition:background-color .12s,border-color .12s,color .12s}}.button-solid:hover{background:var(--accent-strong);border-color:var(--accent-strong);color:var(--bg)}.button-quiet:hover{border-color:var(--accent);color:var(--accent-strong)}.stats{grid-template-columns:repeat(auto-fit, minmax(min(var(--stat-min), 100%), 1fr));gap:var(--space-m);padding:var(--space-m) 0;border-block:1px solid var(--rule);list-style:none;display:grid}.stats li{margin:0}.stat-figure{font-size:var(--text-2xl);line-height:var(--leading-tight);letter-spacing:-.02em;display:block}.stat-label{margin-top:var(--space-3xs);font-size:var(--text-s);color:var(--text-muted);display:block}.wrap>.section{margin-block-start:var(--space-2xl)}.section-title{--flow-space:0}.section>p,.section dd,.panel>p{max-width:var(--measure)}.section-note{--flow-space:var(--space-2xs);color:var(--text-muted)}.section>.panel{margin-block-start:var(--space-m)}.panel{padding:var(--space-m);border:1px dashed color-mix(in oklab, var(--vio) 55%, var(--bg));border-radius:var(--radius-panel)}.panel-name{--flow-space:0;color:var(--vio)}.contact-actions{--flow-space:var(--space-m);gap:var(--space-xs);flex-wrap:wrap;display:flex}@media print{#sky,.reading-progress,.controls,.palette{display:none}}