*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:Public Sans,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:IBM Plex Mono,ui-monospace,SFMono-Regular,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.container{width:100%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.visible{visibility:visible}.static{position:static}.fixed{position:fixed}.relative{position:relative}.sticky{position:sticky}.inline{display:inline}.flex{display:flex}.table{display:table}.grid{display:grid}.contents{display:contents}.hidden{display:none}.grow{flex-grow:1}.italic{font-style:italic}.outline{outline-style:solid}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}@font-face{font-family:Newsreader;src:url(/fonts/newsreader-latin.woff2) format("woff2");font-style:normal;font-weight:400 600;font-display:swap}@font-face{font-family:JetBrains Mono;src:url(/fonts/jetbrains-mono-latin.woff2) format("woff2");font-style:normal;font-weight:400 700;font-display:swap}:root{--paper: #F4F3EF;--panel: #EDEBE5;--ink: #14161B;--soft: #5C6068;--rule: #DDDAD2;--blue: #1F4FD8;--amber: #B4741E;--green: #2E6B4F;--red: #A63028;--teal: #1F6E7A;--mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Consolas, monospace;--serif: "Newsreader", Georgia, serif;--figure-aspect-browser: 16 / 10;--figure-aspect-phone: 9 / 19.5;--figure-aspect-canvas: 16 / 9;color:var(--ink);background:var(--paper);font-family:var(--serif);font-synthesis:none}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{min-width:320px}button,a{-webkit-tap-highlight-color:transparent}a{color:var(--blue)}:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.skip-link{position:fixed;z-index:60;top:-100%;left:14px;padding:10px 16px;border-radius:0 0 5px 5px;background:var(--blue);color:#fff;font:600 12px var(--mono);text-decoration:none}.skip-link:focus-visible{top:0;outline-offset:-2px}.editor-app{display:flex;flex-direction:column;height:100dvh;overflow:hidden;background:var(--paper)}.topbar{height:44px;flex:none;display:flex;align-items:center;gap:14px;padding:0 14px;border-bottom:1px solid var(--rule);background:var(--panel);font-family:var(--mono)}.brand{color:var(--ink);font-size:12px;font-weight:700;text-decoration:none}.brand span{color:var(--soft);font-weight:400}.topnav{display:flex;align-items:center;gap:14px}.topnav a{color:var(--soft);font-size:11px;text-decoration:none}.topnav a:hover{color:var(--blue)}.resume-link{margin-left:auto;min-height:44px;display:inline-flex;align-items:center;color:var(--ink);font-size:11px;text-underline-offset:3px}.mobile-files{display:none;min-width:52px;min-height:44px;border:0;background:transparent;color:var(--ink);font:500 12px var(--mono)}.palette-trigger{min-width:176px;min-height:30px;display:flex;align-items:center;gap:10px;margin-left:18px;padding:0 8px 0 10px;border:1px solid var(--rule);border-radius:5px;background:var(--paper);color:var(--soft);font:12px var(--mono);cursor:pointer}.palette-trigger:hover{border-color:var(--blue);color:var(--ink)}.palette-trigger span{flex:1;text-align:left}.palette-trigger kbd{padding:2px 6px;border:1px solid var(--rule);border-radius:3px;background:var(--panel);color:var(--soft);font:10px var(--mono)}.editor-body{display:flex;flex:1;min-height:0}.file-tree{width:236px;flex:none;overflow-y:auto;border-right:1px solid var(--rule);background:var(--panel);padding:14px 0 20px}.file-tree ul{margin:0;padding:0;list-style:none}.tree-heading{margin:0 16px 8px;color:var(--soft);font:500 10px var(--mono);letter-spacing:.14em;text-transform:uppercase}.tree-folder>ul{margin:0;padding:0;list-style:none}.tree-folder-summary{min-height:44px;display:flex;align-items:center;gap:7px;padding:8px 16px;color:var(--soft);font:12px var(--mono);cursor:pointer;list-style:none}.tree-folder-summary::-webkit-details-marker{display:none}.tree-folder-summary:before{content:"";width:7px;height:7px;flex:none;border-right:1.5px solid var(--soft);border-bottom:1.5px solid var(--soft);transform:rotate(-45deg);transition:transform .12s ease}.tree-folder[open]>.tree-folder-summary:before{transform:rotate(45deg)}.tree-folder-summary:hover{color:var(--ink)}.tree-folder-summary--nested{padding-left:32px}.tree-folder-count{margin-left:auto;color:var(--soft);font:10px var(--mono)}.tree-file{min-height:44px;display:flex;align-items:center;gap:8px;padding:0 16px;color:var(--ink);text-decoration:none;font:12px var(--mono)}.tree-file--nested{padding-left:32px}.tree-file--nested-2{padding-left:48px}.tree-file:hover{background:#1f4fd812}.tree-file.is-active{color:var(--blue);background:#1f4fd81f;box-shadow:inset 2px 0 var(--blue);font-weight:500}.tree-file.is-unseen .tree-name{font-weight:500}.tree-name{min-width:0;overflow:hidden;text-overflow:ellipsis}.lang-dot{width:9px;height:9px;flex:none;border-radius:50%;background:var(--soft)}.lang-dot--none{background:none;box-shadow:inset 0 0 0 1px var(--rule)}.git-mark{margin-left:auto;flex:none;font:600 11px var(--mono)}.git-mark--amber{color:var(--amber)}.git-mark--green{color:var(--green)}.git-mark--blue{color:var(--blue)}.git-mark--teal{color:var(--teal)}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.editor-main{min-width:0;flex:1;display:flex;flex-direction:column}.tab-list-wrap{position:relative;height:40px;flex:none;border-bottom:1px solid var(--rule);background:var(--panel)}.tab-list{height:100%;display:flex;overflow-x:auto;scrollbar-width:none}.tab-list::-webkit-scrollbar{display:none}.tab-fade{position:absolute;z-index:1;top:0;bottom:0;width:28px;pointer-events:none}.tab-fade-start{left:0;background:linear-gradient(to right,var(--panel),transparent)}.tab-fade-end{right:0;background:linear-gradient(to left,var(--panel),transparent)}.tab{min-width:-moz-max-content;min-width:max-content;display:flex;align-items:stretch;border-right:1px solid var(--rule);color:var(--soft);font:12px var(--mono)}.tab.is-active{color:var(--ink);background:var(--paper);box-shadow:inset 0 2px var(--tab-accent, var(--blue))}.tab a{min-height:40px;display:flex;align-items:center;padding:0 5px 0 15px;color:inherit;text-decoration:none}.tab button{width:44px;min-height:40px;border:0;background:transparent;color:inherit;font:18px var(--mono);cursor:pointer;opacity:0;transition:opacity .12s ease,background-color .12s ease}.tab:hover button,.tab:focus-within button{opacity:1}.tab button:hover{background:var(--rule)}.document{flex:1;overflow-y:auto;padding:50px 54px 88px}.document-copy{max-width:640px;font-size:18px;line-height:1.62}.document-path{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 24px;color:var(--soft);font:12px var(--mono)}.document-path a{color:var(--soft);text-underline-offset:3px}.document h1{margin:0 0 10px;font-size:clamp(34px,5vw,44px);font-weight:500;line-height:1.08;letter-spacing:-.02em}.document h2{margin:42px 0 14px;font-size:24px;font-weight:500;line-height:1.2}.document-lede{margin:0 0 20px;font-size:21px;line-height:1.45}.gloss{margin:-2px 0 16px;color:var(--soft);font:13px var(--mono)}.gloss-term{margin-right:6px;color:var(--ink);font-weight:600}.gloss-lang{margin-right:6px;font-style:italic}.gloss-lang:before{content:"("}.gloss-lang:after{content:")"}.gloss-meaning:before{content:"— "}.document-copy>p:not(.document-path,.document-lede,.stage-note){margin:0 0 18px}.document-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:28px 0;padding:16px 0;border-block:1px solid var(--rule)}.document-meta dt{color:var(--soft);font:10px var(--mono);letter-spacing:.1em;text-transform:uppercase}.document-meta dd{margin:4px 0 0;font-size:16px}.stat-strip{display:flex;flex-wrap:wrap;gap:22px 32px;margin:22px 0 0}.stat-strip>div{display:flex;flex-direction:column-reverse;min-width:0}.stat-strip dt{max-width:22ch;color:var(--soft);font-size:13px;line-height:1.35}.stat-strip dd{margin:0 0 2px;color:var(--blue);font:600 26px var(--mono);letter-spacing:-.01em}.stage-note{color:var(--soft);font-style:italic}.project-metadata{grid-template-columns:repeat(2,minmax(0,1fr))}.project-metadata>div{min-width:0}.project-metadata dd{overflow-wrap:anywhere}.metadata-todo{color:var(--amber);font:11px/1.4 var(--mono)}.project-body section+section{margin-top:38px}.project-body p{margin:0 0 18px}.project-body ul{margin:0 0 18px;padding-left:24px}.project-body li{margin-bottom:8px}.project-body strong{font-weight:600}.project-document h3{margin:0 0 7px;font-size:19px;font-weight:500;line-height:1.3}.decision-list{display:grid;gap:12px}.decision-list section,.project-body .decision-list section+section{margin:0;padding:15px 16px;border:1px solid var(--rule);background:#ffffff8c}.decision-list p{margin:0;color:var(--soft);font-size:16px}.feature-showcase{display:grid;gap:18px;margin:32px 0}.showcase-tabs{display:flex;flex-wrap:wrap;gap:6px}.showcase-tab{min-height:36px;padding:0 13px;border:1px solid var(--rule);border-radius:4px;background:var(--paper);color:var(--soft);font:500 12px var(--mono);cursor:pointer}.showcase-tab:hover{border-color:var(--blue);color:var(--ink)}.showcase-tab.is-active{position:relative;z-index:1;border-color:var(--blue);color:var(--blue);background:#1f4fd814}.showcase-panel{display:grid;gap:20px}.showcase-copy h3{margin:0 0 8px;font-size:19px;font-weight:500}.showcase-copy p{margin:0 0 12px;color:var(--soft);font-size:16px;line-height:1.5}.showcase-copy ul{margin:0;padding-left:20px}.showcase-copy li{margin-bottom:6px;font-size:15px;line-height:1.5}.showcase-copy li p{display:inline;margin:0;color:inherit}.showcase-media{border:1px solid var(--rule);border-radius:7px;overflow:hidden;background:var(--panel);box-shadow:0 1px 2px #14161b0d,0 16px 34px -20px #14161b66}.showcase-media video,.showcase-media img{display:block;width:100%;max-height:56vh;-o-object-fit:cover;object-fit:cover;-o-object-position:top center;object-position:top center}.showcase-media-open{display:block;width:100%;padding:0;border:0;background:none;cursor:zoom-in}@media (min-width: 720px){.showcase-panel{grid-template-columns:minmax(0,260px) minmax(0,1fr);align-items:start}}.viewer-slot{margin:42px 0}.viewer-slot img,.viewer-slot video{display:block;width:100%;max-height:560px;border:1px solid var(--rule);border-radius:6px;background:var(--panel);-o-object-fit:contain;object-fit:contain}.viewer-slot figcaption{margin-top:8px;color:var(--soft);font:11px var(--mono)}.viewer-placeholder{min-height:260px;border:1px solid var(--rule);border-radius:6px;background:var(--panel)}.capture-pending{display:grid;place-content:center;gap:8px;justify-items:center;margin:28px 0;padding:28px 20px;border:1px dashed var(--rule);border-radius:7px;background:var(--panel);text-align:center;aspect-ratio:var(--figure-aspect-browser);max-height:320px}.capture-pending--phone{width:min(100%,340px);margin-inline:auto;aspect-ratio:var(--figure-aspect-phone)}.capture-pending--canvas{aspect-ratio:var(--figure-aspect-canvas)}.capture-pending-mark{padding:3px 9px;border:1px solid var(--amber);border-radius:3px;color:var(--amber);font:600 10px var(--mono);letter-spacing:.08em;text-transform:uppercase}.capture-pending p{max-width:34ch;margin:0;color:var(--soft);font-size:15px;line-height:1.4}.viewer-mount{min-height:1px}.viewer-toolbar{display:flex;align-items:center;gap:14px;margin-bottom:14px;padding:8px;border:1px solid var(--rule);border-radius:5px;background:var(--panel);font:10px var(--mono);color:var(--soft)}.viewer-toolbar>span{margin-left:auto;padding-right:5px}.viewer-toggle{display:flex}.viewer-toggle button{min-width:72px;min-height:44px;padding:0 14px;border:1px solid var(--rule);background:var(--paper);color:var(--soft);font:500 11px var(--mono);cursor:pointer}.viewer-toggle button:first-child{border-radius:4px 0 0 4px}.viewer-toggle button:last-child{margin-left:-1px;border-radius:0 4px 4px 0}.viewer-toggle button[aria-pressed=true]{position:relative;z-index:1;border-color:var(--blue);color:var(--blue);background:#1f4fd814}.device-frame{width:min(100%,310px);max-height:580px;margin:0 auto;padding:10px;overflow:hidden;border:1px solid var(--rule);border-radius:34px;background:var(--ink)}.device-frame img{width:100%;max-height:558px;border:0;border-radius:24px;-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top}.viewer-note{margin:8px 0 0;color:var(--soft);font-size:15px}.phone-fan{position:relative;width:min(100%,300px);height:62vh;max-height:520px;margin:20px auto 40px}.phone-fan-item{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;padding:0;border:0;background:none;cursor:zoom-in;transform:rotate(calc((var(--fan-index) - (var(--fan-count) - 1) / 2) * 7deg)) translate(calc((var(--fan-index) - (var(--fan-count) - 1) / 2) * 34px));transform-origin:bottom center;z-index:var(--fan-index);transition:transform .18s ease}.phone-fan-item:hover,.phone-fan-item:focus-visible{transform:rotate(calc((var(--fan-index) - (var(--fan-count) - 1) / 2) * 7deg)) translate(calc((var(--fan-index) - (var(--fan-count) - 1) / 2) * 34px)) translateY(-10px);z-index:4}.phone-fan .phone-bezel{display:block;width:100%;height:100%;padding:9px;overflow:hidden;border-radius:30px;background:var(--ink);box-shadow:0 16px 34px -14px #14161b73}.phone-fan .phone-bezel img{width:100%;height:100%;border-radius:22px;-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top}@media (prefers-reduced-motion: reduce){.phone-fan-item{transform:none;left:calc(var(--fan-index) * 6%)}}.project-layout{display:grid;gap:44px}.project-layout.has-preview{grid-template-columns:minmax(0,560px) minmax(380px,640px)}.project-layout.has-preview .document-copy{max-width:560px}.project-preview{min-width:0}.preview-sticky{position:sticky;top:4px;max-width:100%}.preview-label{margin:0 0 10px;color:var(--soft);font:500 10px var(--mono);letter-spacing:.14em;text-transform:uppercase}.preview-tabs{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 12px}.preview-tab{min-height:30px;padding:0 11px;border:1px solid var(--rule);border-radius:4px;background:var(--paper);color:var(--soft);font:500 11px var(--mono);cursor:pointer}.preview-tab:hover{border-color:var(--blue);color:var(--ink)}.preview-tab.is-active{position:relative;z-index:1;border-color:var(--blue);color:var(--blue);background:#1f4fd814}.preview-stack{display:grid}.preview-stack>.project-figure{grid-area:1 / 1;margin:0;opacity:0;visibility:hidden;transition:opacity .2s ease}.preview-stack>.project-figure.is-active{opacity:1;visibility:visible}.figure-filmstrip{display:flex;gap:16px;margin:24px -4px 32px;padding:4px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none}.figure-filmstrip::-webkit-scrollbar{display:none}.filmstrip-item{flex:none;width:min(78vw,300px);scroll-snap-align:start}.filmstrip-item .project-figure{margin:0}.filmstrip-label{margin:0 0 6px;color:var(--soft);font:500 10px var(--mono);letter-spacing:.1em;text-transform:uppercase}.project-figure{margin:28px 0}.project-figure figcaption{margin-top:9px;color:var(--soft);font-size:15px;line-height:1.45}.figure-frame{display:block;overflow:hidden}.figure-frame img{display:block;width:100%;opacity:1;transition:opacity .18s ease}.figure-open{display:block;width:100%;padding:0;border:0;background:none;text-align:left;cursor:zoom-in}.figure-mockup-note{display:block;margin-top:3px;color:var(--amber);font:600 10px var(--mono);letter-spacing:.08em;text-transform:uppercase}@keyframes shimmer{0%{background-position:-120% 0}to{background-position:220% 0}}.is-loading{background:linear-gradient(100deg,var(--panel) 40%,var(--rule) 50%,var(--panel) 60%);background-size:250% 100%;animation:shimmer 1.4s ease-in-out infinite}.is-loading img{opacity:0}.project-figure--browser .figure-frame,.project-figure--none .figure-frame{border:1px solid var(--rule);border-radius:7px;background:var(--panel);box-shadow:0 1px 2px #14161b0d,0 16px 34px -20px #14161b66}.project-figure--browser .figure-frame:before{content:"";display:block;height:26px;border-bottom:1px solid var(--rule);background-image:radial-gradient(circle at 15px 13px,var(--rule) 3.5px,transparent 4px),radial-gradient(circle at 29px 13px,var(--rule) 3.5px,transparent 4px),radial-gradient(circle at 43px 13px,var(--rule) 3.5px,transparent 4px)}.project-figure--browser .figure-frame img{max-height:60vh;-o-object-fit:cover;object-fit:cover;-o-object-position:top center;object-position:top center}.project-figure--phone .figure-frame{width:min(100%,340px);margin:0 auto;padding:9px;border-radius:30px;background:var(--ink)}.project-figure--phone .figure-frame img{max-height:68vh;border-radius:22px;-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top}.project-figure--phone figcaption{text-align:center}.project-figure--canvas .figure-frame{border:1px solid var(--rule);border-radius:7px;background:var(--ink)}.project-figure--canvas .figure-frame img{max-height:60vh;-o-object-fit:contain;object-fit:contain}.figure-frame img:not([width]){aspect-ratio:var(--figure-aspect-browser);height:auto}.project-figure--phone .figure-frame img:not([width]){aspect-ratio:var(--figure-aspect-phone)}.project-figure--canvas .figure-frame img:not([width]){aspect-ratio:var(--figure-aspect-canvas)}.lightbox{z-index:70;width:min(100vw,1240px);max-width:100vw;max-height:100vh;margin:auto;padding:0;border:0;background:transparent;color:#fff}.lightbox::backdrop{background:#14161be0}.lightbox-stage{position:relative;display:grid;place-items:center;min-height:40vh;padding:24px}.lightbox-img{display:block;width:auto;height:auto;max-width:100%;max-height:88vh;-o-object-fit:contain;object-fit:contain;border-radius:4px}.lightbox-nav{position:absolute;top:50%;width:44px;height:44px;display:grid;place-items:center;margin-top:-22px;border:1px solid rgb(255 255 255 / 25%);border-radius:50%;background:#14161b8c;color:#fff;font-size:22px;line-height:1;cursor:pointer}.lightbox-nav:hover{background:#14161bc7}.lightbox-nav--prev{left:10px}.lightbox-nav--next{right:10px}.lightbox-close{position:absolute;top:10px;right:10px;width:40px;height:40px;border:0;border-radius:50%;background:#14161b8c;color:#fff;font-size:22px;line-height:1;cursor:pointer}.lightbox-close:hover{background:#14161bc7}.lightbox-footer{display:flex;align-items:baseline;justify-content:space-between;gap:16px;padding:0 24px 20px}.lightbox-caption{margin:0;color:#ffffffd1;font-size:15px;line-height:1.4}.lightbox-counter{margin:0;flex:none;color:#ffffff8c;font:11px var(--mono)}.project-result{margin-top:48px;padding:18px 0 2px 20px;border-left:3px solid var(--green)}.project-result .result-label{margin:0 0 8px;color:var(--green);font:600 11px var(--mono);letter-spacing:.1em;text-transform:uppercase}.project-result>p:last-child{margin-bottom:14px}.project-result strong{font-weight:600}.related-work{margin-top:52px;padding-top:24px;border-top:1px solid var(--rule)}.related-work>h2{margin:3px 0 16px}.related-work-label{margin:0;color:var(--soft);font:600 10px var(--mono);letter-spacing:.1em;text-transform:uppercase}.related-projects{display:grid;gap:12px}.content-todo{margin:28px 0;padding:13px 15px;border:1px solid var(--amber);border-left-width:3px;color:var(--soft);font-size:16px;line-height:1.45}.content-todo span{margin-right:9px;color:var(--amber);font:700 11px var(--mono);letter-spacing:.08em}.changelog-list{display:grid;gap:0;margin:22px 0 0;padding:0;list-style:none;border-top:1px solid var(--rule)}.changelog-list li{display:grid;grid-template-columns:62px 84px 1fr;gap:12px;align-items:baseline;padding:10px 0;border-bottom:1px solid var(--rule);font-size:14px}.changelog-hash{color:var(--blue);font:12px var(--mono)}.changelog-date{color:var(--soft);font:11px var(--mono)}.changelog-subject{color:var(--ink)}.ts-error{margin:18px 0;padding:14px 16px;border:1px solid var(--red);border-radius:6px;background:#a630280f;color:var(--red);font:14px var(--mono);line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere}.ts-suggestion{margin:0 0 22px;color:var(--soft);font-size:15px}.ts-suggestion a{text-underline-offset:3px}.stack-bar-wrap{margin:14px 0 0}.stack-bar{display:flex;height:8px;overflow:hidden;border-radius:4px;background:var(--rule)}.stack-bar span{display:block;height:100%}.stack-bar span+span{margin-left:1px}.stack-legend{display:flex;flex-wrap:wrap;gap:6px 18px;margin:12px 0 0;padding:0;list-style:none;color:var(--soft);font:13px var(--mono)}.stack-legend li{display:inline-flex;align-items:center;gap:6px}.stack-legend i{width:8px;height:8px;flex:none;border-radius:50%}.stack-legend span{color:var(--soft)}.skills-grid{display:grid;gap:2px;margin:20px 0 0;padding:0;border-top:1px solid var(--rule)}.skills-grid>div{display:grid;grid-template-columns:160px 1fr;gap:16px;padding:11px 0;border-bottom:1px solid var(--rule)}.skills-grid dt{color:var(--soft);font:10px var(--mono);letter-spacing:.1em;text-transform:uppercase}.skills-grid dd{margin:0;font-size:15px;line-height:1.5}.career-list{margin-top:18px;border-top:1px solid var(--rule)}.career-list article{padding:16px 0;border-bottom:1px solid var(--rule)}.career-heading{display:flex;justify-content:space-between;gap:18px;align-items:baseline}.career-heading h3{margin:0;font-size:17px;font-weight:600}.career-heading span,.career-location{color:var(--soft);font:11px var(--mono)}.career-location{margin:4px 0 8px}.career-list article>p:last-child{margin:0;font-size:15px;line-height:1.5}.education-list{margin:14px 0 0;padding-left:20px}.education-list li{margin:7px 0;font-size:15px;line-height:1.5}.project-cards{display:grid;gap:10px}.project-card{display:grid;color:var(--ink);background:#fff;text-decoration:none;border:1px solid var(--rule);border-radius:5px;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.project-card:hover,.project-card:focus-visible{border-color:var(--blue);box-shadow:0 14px 30px -22px #14161ba6;transform:translateY(-2px)}.project-card--row{grid-template-columns:152px minmax(0,1fr);gap:16px;align-items:center;min-height:44px;padding:14px}.project-card--row .card-thumb{width:152px;height:100px}.project-card--grid{grid-template-rows:auto 1fr;overflow:hidden}.project-card--grid .card-thumb{width:100%;aspect-ratio:4 / 3;border:0;border-radius:0;border-bottom:1px solid var(--rule)}.project-card--grid .card-text{padding:13px 14px 15px}.card-thumb{position:relative;display:block;flex:none;overflow:hidden;border:1px solid var(--rule);border-radius:4px;background:var(--panel)}.card-thumb img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:top center;object-position:top center;opacity:0;transition:opacity .26s ease}.card-thumb--mixed img.card-thumb-image--phone{-o-object-fit:contain;object-fit:contain;background:var(--panel)}.card-thumb img.is-active{opacity:1}.card-text{display:grid;gap:4px;min-width:0}.card-text>strong{font-size:19px;font-weight:500}.card-category{color:var(--soft);font:600 10px var(--mono);letter-spacing:.08em;text-transform:uppercase}.card-blurb{color:var(--soft);font-size:15px;line-height:1.4}.card-evidence{display:flex;align-items:center;gap:7px;margin-top:4px;color:var(--ink);font:10px/1.4 var(--mono)}.card-evidence i{width:12px;height:1px;flex:none;background:var(--blue)}.card-path{display:inline-flex;align-items:center;gap:7px;color:var(--blue);font:10px var(--mono)}.card-path .lang-dot{width:8px;height:8px}.card-path .git-mark{margin-left:4px;font-style:normal}.project-gallery-page h1,.project-gallery-page .document-lede{max-width:640px}.gallery-section+.gallery-section{margin-top:40px}.gallery-section-label{margin:0 0 12px;color:var(--soft);font:500 11px var(--mono);letter-spacing:.12em;text-transform:uppercase}.project-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}.primary-action,.empty-state button{min-height:44px;display:inline-flex;align-items:center;margin-top:10px;padding:0 18px;border:0;border-radius:4px;background:var(--blue);color:#fff;font:12px var(--mono);text-decoration:none;cursor:pointer}.readme-document{max-width:1040px}.readme-prose{max-width:640px}.readme-intro-grid{display:grid;grid-template-columns:minmax(0,640px) minmax(240px,300px);gap:56px;align-items:start}.readme-selected{margin-top:44px}.readme-selected>h2{margin-top:0}.readme-document .project-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.readme-document .project-card:last-child:nth-child(odd){grid-column:1 / -1}.readme-inspector{position:sticky;top:4px;padding:16px;border:1px solid var(--rule);border-radius:6px;background:#ffffff8c}.inspector-heading{margin:0 0 14px;color:var(--soft);font:600 10px var(--mono);letter-spacing:.12em;text-transform:uppercase}.inspector-list{display:grid;gap:12px;margin:0}.inspector-list div{display:grid;gap:2px}.inspector-list dt,.inspector-project-label{color:var(--soft);font:600 9px var(--mono);letter-spacing:.08em;text-transform:uppercase}.inspector-list dd{margin:0;font-size:14px;line-height:1.4}.inspector-availability{display:flex;align-items:center;gap:7px;color:var(--green)}.inspector-availability i{width:7px;height:7px;border-radius:50%;background:#58a77d;box-shadow:0 0 0 3px #58a77d24}.inspector-project{display:grid;gap:4px;margin-top:18px;color:var(--ink);text-decoration:none}.inspector-project-image{display:block;height:112px;margin-bottom:7px;overflow:hidden;border:1px solid var(--rule);border-radius:4px;background:var(--panel)}@keyframes preview-reveal{0%{opacity:0;transform:scale(1.015)}to{opacity:1;transform:none}}.inspector-project-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top;animation:preview-reveal .18s ease-out;transition:transform .24s ease}.inspector-project:hover img{transform:scale(1.025)}.inspector-project strong{font-size:18px;font-weight:500}.inspector-project-summary{color:var(--soft);font-size:14px;line-height:1.35}.inspector-project-decision{margin-top:5px;padding-top:7px;border-top:1px solid var(--rule);color:var(--ink);font:10px/1.45 var(--mono)}.inspector-contact{display:inline-flex;margin-top:16px;color:var(--blue);font:11px var(--mono);text-underline-offset:3px}.empty-state{min-height:100%;display:grid;place-content:center;justify-items:center;color:var(--soft);font:13px var(--mono)}.empty-state p{margin:0}.statusbar{height:30px;flex:none;display:flex;align-items:center;gap:16px;overflow:hidden;padding:0 14px;background:var(--ink);color:#c7cbd3;font:11px var(--mono);white-space:nowrap}.statusbar a{color:#c7cbd3}.availability{display:flex;align-items:center;gap:6px;color:#8ad6ae}.availability i{width:7px;height:7px;border-radius:50%;background:#8ad6ae}.status-count{margin-left:auto}.status-language{display:inline-flex;align-items:center;gap:6px}.status-language i{width:7px;height:7px;border-radius:50%}.tree-scrim{display:none}.palette-scrim{position:fixed;z-index:50;top:0;right:0;bottom:0;left:0;display:flex;justify-content:center;align-items:flex-start;padding-top:14vh;background:#14161b6b}.command-palette{width:min(520px,calc(100vw - 28px));overflow:hidden;border:1px solid var(--rule);border-radius:7px;background:var(--paper);box-shadow:0 24px 60px #14161b3d}.command-palette input{width:100%;min-height:52px;padding:0 17px;border:0;border-bottom:1px solid var(--rule);outline:0;background:transparent;color:var(--ink);font:13px var(--mono)}.command-palette input:focus-visible{outline:2px solid var(--blue);outline-offset:-2px}.command-palette ul{max-height:min(340px,52vh);margin:0;padding:6px;overflow-y:auto;list-style:none}.command-palette .palette-row,.command-palette .palette-empty{min-height:44px;display:flex;align-items:center;gap:12px;padding:7px 11px;border-radius:4px;color:var(--ink);font:12px var(--mono);cursor:pointer}.command-palette .palette-row[aria-selected=true]{color:var(--blue);background:#1f4fd81c}.command-palette .palette-row em{margin-left:auto;color:var(--soft);font:11px var(--serif)}.command-palette .palette-empty{color:var(--soft);cursor:default}.command-palette .palette-easter-egg{color:var(--ink);font-style:italic}.command-palette .palette-group-label{margin:6px 0 0;padding:6px 11px 2px;color:var(--soft);font:600 10px var(--mono);letter-spacing:.08em;text-transform:uppercase}.command-palette .palette-content-match{display:grid;gap:2px;min-width:0;width:100%}.command-palette .palette-path{color:var(--ink);font:12px var(--mono)}.command-palette .palette-snippet{overflow:hidden;color:var(--soft);font:12px var(--serif);text-overflow:ellipsis;white-space:nowrap}.static-shell{min-height:100vh;display:grid;grid-template-columns:236px minmax(0,1fr);background:var(--paper)}.static-tree{padding:18px 0;border-right:1px solid var(--rule);background:var(--panel);font:12px var(--mono)}.static-tree ul{margin:0;padding:0;list-style:none}.static-tree a{min-height:44px;display:flex;align-items:center;padding:0 16px;color:var(--ink);text-decoration:none}.static-tree a:hover{background:#1f4fd812}.static-document{width:min(100% - 40px,640px);margin:0;padding:50px 0 80px 54px}.static-document--wide{width:min(100% - 40px,1120px)}@media (max-width: 820px){.mobile-files{display:block;margin-left:-8px}.brand span,.palette-trigger,.topnav{display:none}.file-tree{position:fixed;z-index:20;inset:44px auto 30px 0;width:min(280px,82vw);transform:translate(-102%);transition:transform .16s ease;box-shadow:12px 0 30px #14161b29}.file-tree.is-open{transform:none}.tree-scrim{position:fixed;z-index:19;top:44px;right:0;bottom:30px;left:0;display:block;border:0;background:#14161b47}.document{padding:30px 20px 64px}.document-copy{font-size:17px}.document-lede{font-size:19px}.document-meta{grid-template-columns:1fr}.skills-grid>div{grid-template-columns:1fr;gap:4px}.career-heading{display:grid;gap:4px}.project-metadata{grid-template-columns:repeat(2,minmax(0,1fr))}.project-card--row{grid-template-columns:104px minmax(0,1fr);gap:13px}.project-card--row .card-thumb{width:104px;height:68px}.project-gallery{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.readme-intro-grid{grid-template-columns:1fr;gap:28px}.readme-inspector{position:static}.readme-document .project-cards{grid-template-columns:1fr}.readme-document .project-card:last-child:nth-child(odd){grid-column:auto}.project-figure{margin:22px 0}.statusbar{gap:12px}.statusbar>span:nth-child(2),.statusbar a{display:none}.static-shell{display:block}.static-tree{border-right:0;border-bottom:1px solid var(--rule)}.static-document{width:auto;padding:30px 20px 64px}.static-document--wide{width:auto}}@media (max-width: 460px){.project-metadata{grid-template-columns:1fr}.changelog-list li{grid-template-columns:1fr;gap:2px;padding:9px 0}.project-card--row{grid-template-columns:1fr;gap:11px}.project-card--row .card-thumb{width:100%;height:124px}.project-gallery{grid-template-columns:1fr}.viewer-placeholder{min-height:200px}.viewer-toolbar{align-items:stretch;flex-direction:column}.viewer-toolbar>span{margin:0;padding:0 4px 4px}.viewer-toggle button{flex:1}}@media (max-width: 380px){.topbar{padding-inline:10px;gap:8px}.resume-link{font-size:10px}}@media (hover: none){.tab button{opacity:1}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}