/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}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;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.fixed{position:fixed}.relative{position:relative}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.grid{display:grid}.hidden{display:none}.table{display:table}.resize{resize:both}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.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,)}}:root{--crust:#11111b;--mantle:#181825;--base:#1e1e2e;--surface0:#313244;--surface1:#45475a;--overlay0:#6c7086;--overlay1:#7f849c;--subtext0:#a6adc8;--subtext1:#bac2de;--text:#cdd6f4;--mauve:#cba6f7;--blue:#89b4fa;--teal:#94e2d5;--green:#a6e3a1;--yellow:#f9e2af;--peach:#fab387;--red:#f38ba8;--mono:var(--font-geist-mono), ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;--shell:min(100% - 3rem, 960px);--radius:10px}*{box-sizing:border-box}html{scroll-behavior:smooth;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{background:var(--base);color:var(--text);font-family:var(--mono);-webkit-font-smoothing:antialiased;margin:0;font-size:.95rem;line-height:1.65}a{color:inherit;text-decoration:none}::selection{background:var(--mauve)}@supports (color:color-mix(in lab, red, red)){::selection{background:color-mix(in oklab, var(--mauve) 32%, transparent)}}::selection{color:#fff}:focus-visible{outline:2px solid var(--mauve);outline-offset:3px;border-radius:3px}*{scrollbar-width:thin;scrollbar-color:var(--surface1) var(--base)}::-webkit-scrollbar{width:11px;height:11px}::-webkit-scrollbar-track{background:var(--base)}::-webkit-scrollbar-thumb{background:var(--surface1);border:3px solid var(--base);border-radius:99px}::-webkit-scrollbar-thumb:hover{background:var(--overlay0)}.icon{stroke-width:1.6px;flex:none;width:1em;height:1em}.site-header{width:var(--shell);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;margin:0 auto;padding:1.75rem 0;display:flex}.wordmark{color:var(--subtext1);letter-spacing:-.02em;align-items:center;gap:.1em;font-size:1.05rem;display:inline-flex}.wordmark b{color:var(--overlay1);font-weight:500}.caret{background:var(--mauve);width:.55em;height:1.05em;animation:1.2s step-end infinite blink}@keyframes blink{0%,50%{opacity:1}50.01%,to{opacity:0}}.site-nav{color:var(--subtext0);gap:1.75rem;font-size:.85rem;display:flex}.site-nav a{padding-bottom:2px;transition:color .18s;position:relative}.site-nav a:after{content:"";background:var(--mauve);transform-origin:0;height:1px;transition:transform .24s cubic-bezier(.2,.8,.2,1);position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.site-nav a:hover{color:var(--text)}.site-nav a:hover:after{transform:scaleX(1)}.hero{width:var(--shell);margin:0 auto;padding:3.5rem 0 3rem}.hero h1{letter-spacing:-.03em;text-wrap:balance;margin:0 0 1.75rem;font-size:clamp(1.9rem,5.2vw,2.75rem);font-weight:700;line-height:1.15}.hero h1 span{color:var(--mauve)}.hero p{max-width:76ch;color:var(--subtext0);margin:0}.hero p a{color:var(--text);border-bottom:1px solid var(--surface1);transition:border-color .18s,color .18s}.hero p a:hover{color:var(--mauve);border-bottom-color:var(--mauve)}.hero .availability{color:var(--subtext0);flex-wrap:wrap;align-items:center;gap:.65rem;margin:2rem 0 0;font-size:.8rem;display:flex}.availability .where{color:var(--overlay1);margin-left:.45rem}.links{flex-wrap:wrap;align-items:center;gap:1.5rem;margin-top:2.5rem;font-size:.85rem;display:flex}.links a{color:var(--subtext0);align-items:center;gap:.55rem;transition:color .18s;display:inline-flex}.links a:hover{color:var(--mauve)}.links .sep{color:var(--surface1);-webkit-user-select:none;user-select:none}.button{color:var(--text);background:var(--surface0);border:1px solid var(--surface1);border-radius:var(--radius);align-items:center;gap:.6rem;margin-top:2rem;padding:.7rem 1.15rem;font-size:.85rem;transition:color .18s,border-color .18s,background .18s;display:inline-flex}.button:hover{color:var(--mauve);background:var(--mantle);border-color:var(--mauve)}.resume-links{align-items:center;gap:1.1rem;margin-top:2rem;display:flex}.resume-links .button{margin-top:0}.resume-secondary{color:var(--subtext0);font-size:.85rem;transition:color .18s}.resume-secondary:hover{color:var(--mauve)}.section-head{border-bottom:1px solid var(--surface0);justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:2.75rem;padding-bottom:.9rem;display:flex}.section-head h2{letter-spacing:-.01em;margin:0;font-size:1.15rem;font-weight:600}.section-head h2:before{content:"$ ";color:var(--green)}.section-head span{letter-spacing:.08em;text-transform:uppercase;color:var(--overlay1);font-size:.78rem}.projects{width:var(--shell);margin:0 auto;padding:1rem 0 5rem}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:3.5rem 2.5rem;display:grid}.project h3{letter-spacing:-.01em;margin:1.4rem 0 .5rem;font-size:1.05rem;font-weight:600}.project>p{color:var(--subtext0);margin:0;font-size:.9rem}.repo{background:var(--mantle);border:1px solid var(--surface0);border-radius:var(--radius);transition:transform .28s cubic-bezier(.2,.8,.2,1),border-color .28s,box-shadow .28s;display:block;overflow:hidden;box-shadow:0 10px 24px -14px #000000d9}.repo-chrome{background:var(--crust);border-bottom:1px solid var(--surface0);align-items:center;gap:.45rem;padding:.7rem .9rem;display:flex}.repo-chrome i{background:var(--surface1);border-radius:50%;width:10px;height:10px;transition:background-color .28s}.repo-stars{font-variant-numeric:tabular-nums;color:var(--overlay1);align-items:center;gap:.35rem;margin-left:auto;font-size:.75rem;transition:color .28s;display:inline-flex}.repo-body{padding:1.1rem 1.15rem 1.35rem}.repo-slug{margin:0 0 .6rem;font-size:.88rem}.repo-slug b{color:var(--blue);font-weight:400}.repo-slug i{color:var(--overlay0);padding:0 .35em;font-style:normal}.repo-slug em{color:var(--teal);font-style:normal}.repo-tagline{color:var(--subtext0);min-height:2.8em;margin:0;font-size:.85rem}.repo:hover{border-color:var(--mauve);transform:translateY(-3px);box-shadow:0 18px 34px -16px #000000f2}.repo:hover .repo-chrome i:first-child{background:var(--red)}.repo:hover .repo-chrome i:nth-child(2){background:var(--yellow)}.repo:hover .repo-chrome i:nth-child(3){background:var(--green)}.repo:hover .repo-stars{color:var(--peach)}.repo-locked{cursor:default;background:var(--mantle);border-style:dashed}@supports (color:color-mix(in lab, red, red)){.repo-locked{background:color-mix(in oklab, var(--mantle) 82%, var(--base))}}.repo-locked:hover{border-color:var(--surface1);transform:none;box-shadow:0 10px 24px -14px #000000d9}.repo-locked:hover .repo-chrome i{background:var(--surface1)}.repo-badge{color:var(--overlay1);align-items:center;gap:.35rem;margin-left:auto;font-size:.75rem;display:inline-flex}.repo-locked .repo-slug em{color:var(--subtext0)}.demo-link{color:var(--mauve);border-bottom:1px solid #0000;align-items:center;gap:.5rem;margin-top:.85rem;font-size:.82rem;transition:border-color .18s;display:inline-flex}.contrib-link{color:var(--subtext0)}.contrib-link:hover{color:var(--mauve)}.demo-link:hover{border-bottom-color:var(--mauve)}.tags{flex-wrap:wrap;align-items:center;gap:.45rem;margin:.9rem 0 0;padding:0;list-style:none;display:flex}.tags .icon{color:var(--overlay0);margin-right:.15rem}.tags li{color:var(--subtext0);background:var(--surface0);border-radius:5px;padding:.15rem .5rem;font-size:.73rem}.hero .hero-stack{margin-top:3rem}.about{width:var(--shell);margin:0 auto;padding:1rem 0 5rem}.about p{max-width:76ch;color:var(--subtext0);margin:0 0 1.1rem}.about p:last-child{margin-bottom:0}.about strong{color:var(--text);font-weight:600}.contact{width:var(--shell);margin:0 auto;padding:1rem 0 4rem}.contact>p{max-width:76ch;color:var(--subtext0);margin:0 0 2rem}.contact-list{flex-direction:column;gap:.9rem;margin:0;padding:0;font-size:.9rem;list-style:none;display:flex}.contact-list a{color:var(--subtext1);border-bottom:1px solid #0000;align-items:center;gap:.7rem;transition:color .18s,border-color .18s;display:inline-flex}.contact-list a:hover{color:var(--mauve);border-bottom-color:var(--mauve)}.site-footer{width:var(--shell);background:var(--mantle);border:1px solid var(--surface0);border-radius:var(--radius);color:var(--overlay1);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin:0 auto 3rem;padding:1rem 1.35rem;font-size:.78rem;display:flex}.status{align-items:center;gap:.55rem;display:inline-flex}.status i,.availability i{background:var(--green);width:8px;height:8px;box-shadow:0 0 0 3px var(--green);border-radius:50%}@supports (color:color-mix(in lab, red, red)){.status i,.availability i{box-shadow:0 0 0 3px color-mix(in oklab, var(--green) 22%, transparent)}}@media (width<=800px){.hero{padding:2.5rem 0}.project-grid{grid-template-columns:minmax(0,1fr);gap:2.75rem}.repo-tagline{min-height:0}}@media (width<=520px){:root{--shell:min(100% - 2rem, 960px)}.site-header{padding:1.25rem 0}.site-nav{flex-wrap:wrap;gap:1.1rem}.links{gap:1rem}.links .sep{display:none}.section-head{flex-direction:column;gap:.35rem}.site-footer{flex-direction:column;align-items:flex-start}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.caret{animation:none}.repo:hover{transform:none}*,:before,:after{transition-duration:.01ms!important}}a.project{color:inherit;border-radius:var(--radius);transition:transform .18s;display:block}a.project:hover{transform:translateY(-3px)}a.project:focus-visible{outline:2px solid var(--mauve);outline-offset:6px}.card-cta{color:var(--mauve);border-bottom:1px solid #0000;margin-top:.9rem;font-size:.82rem;transition:border-color .18s;display:inline-block}a.project:hover .card-cta{border-bottom-color:var(--mauve)}.thumb,.shot{aspect-ratio:16/10;background:var(--surface0);border:1px solid var(--surface1);border-radius:var(--radius);position:relative;overflow:hidden}.thumb-phones{justify-content:center;gap:.9rem;padding:.9rem;display:flex}.phone{border-radius:6px;position:relative;overflow:hidden}.shot{max-width:800px;margin-bottom:2rem}.shot-tall{max-width:280px}.project-detail{width:var(--shell);margin:0 auto;padding:1rem 0 5rem}.project-detail h1{letter-spacing:-.02em;margin:0 0 .6rem;font-size:clamp(1.6rem,4vw,2.1rem);font-weight:600}.detail-meta{color:var(--overlay1);flex-wrap:wrap;gap:.5rem 1.1rem;font-size:.82rem;display:flex}.detail-links{flex-wrap:wrap;gap:1.25rem;margin-top:1rem;display:flex}.private-badge{color:var(--subtext1);align-items:center;gap:.4rem;font-size:.85rem;display:inline-flex}.thumb .private-badge{background:var(--crust);border:1px solid var(--surface1);border-radius:5px;padding:.2rem .55rem;font-size:.75rem;position:absolute;top:.6rem;right:.6rem}.detail-links a{color:var(--subtext1);border-bottom:1px solid #0000;align-items:center;gap:.5rem;font-size:.85rem;transition:color .18s,border-color .18s;display:inline-flex}.detail-links a:hover{color:var(--mauve);border-bottom-color:var(--mauve)}.detail-section{border-top:1px solid var(--surface0);margin-top:2.6rem;padding-top:2.2rem}.detail-section h2{letter-spacing:.09em;text-transform:lowercase;color:var(--overlay1);margin:0 0 .9rem;font-size:.78rem;font-weight:500}.detail-section p{max-width:76ch;color:var(--subtext1);margin:0 0 1rem;font-size:.95rem;line-height:1.75}.detail-section p:last-child{margin-bottom:0}.back-link{color:var(--overlay1);margin-top:3rem;font-size:.85rem;transition:color .18s;display:inline-block}.back-link:hover{color:var(--mauve)}@media (width<=800px){.detail-links{gap:1rem}}@media (prefers-reduced-motion:reduce){a.project:hover{transform:none}}.detail-status{color:var(--peach);margin:0 0 .9rem;font-size:.8rem}.detail-figure{border-top:1px solid var(--surface0);margin:2.6rem 0 0;padding-top:2.2rem}.detail-figure .shot{margin-bottom:.9rem}.diagram{width:100%;max-width:800px;height:auto;margin-bottom:.9rem;display:block}@media (width<=800px){.diagram{max-width:480px}}.detail-figure figcaption{max-width:76ch;color:var(--subtext0);font-size:.85rem;line-height:1.65}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}