:root{--color-bg: #0a0e1a;--color-bg-soft: #11172a;--color-bg-raised: #161d34;--color-bg-hover: #1b2440;--color-bg-sunken: #070912;--color-text: #e6edf3;--color-text-muted: #a3b1c6;--color-text-faint: #6a7a96;--color-line: #1f2a44;--color-line-strong: #2c3a5a;--color-brand: #58a6ff;--color-brand-strong: #3b8eee;--color-brand-faint: rgba(88, 166, 255, .14);--color-highlight: #3fb950;--color-highlight-faint: rgba(63, 185, 80, .14);--color-warn: #d29922;--color-danger: #f85149;--color-info: var(--color-brand);--color-heart: #e85d75;--color-project-default: var(--color-brand);--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "Inter", Roboto, Helvetica, Arial, sans-serif;--font-mono: ui-monospace, "SF Mono", "Cascadia Code", "JetBrains Mono", Menlo, Consolas, monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.375rem;--text-2xl: 1.75rem;--text-3xl: 2.25rem;--text-4xl: 3rem;--text-5xl: 3.75rem;--text-6xl: 4.75rem;--leading-tight: 1.1;--leading-snug: 1.25;--leading-normal: 1.55;--leading-loose: 1.75;--tracking-tight: -.02em;--tracking-snug: -.01em;--tracking-wide: .04em;--tracking-wider: .12em;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--space-32: 8rem;--max-content: 75rem;--max-narrow: 56rem;--max-reading: 42.5rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow-md: 0 2px 6px rgba(0, 0, 0, .4), 0 12px 28px rgba(0, 0, 0, .35);--shadow-lg: 0 4px 10px rgba(0, 0, 0, .45), 0 24px 48px rgba(0, 0, 0, .4);--border-hair: 1px solid var(--color-line);--border-strong: 1px solid var(--color-line-strong);--ease: cubic-bezier(.2, .8, .2, 1);--dur: .18s}:root[data-theme=light]{--color-bg: #f8f9fb;--color-bg-soft: #eef1f6;--color-bg-raised: #ffffff;--color-bg-hover: #e7ebf2;--color-bg-sunken: #dde2eb;--color-text: #0d1117;--color-text-muted: #4a5568;--color-text-faint: #8b949e;--color-line: #d8dee6;--color-line-strong: #b6bec9;--color-brand: #1f6feb;--color-brand-strong: #1158c7;--color-brand-faint: rgba(31, 111, 235, .1)}*,*:before,*:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%;scroll-padding-top:80px;scroll-behavior:smooth;overflow-x:clip;max-width:100%}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;overflow-x:clip;max-width:100%;min-height:100vh;display:flex;flex-direction:column}img,svg{display:block;max-width:100%}a{color:var(--color-brand);text-decoration:none}a:hover{color:var(--color-brand-strong);text-decoration:underline}::selection{background:var(--color-brand-faint);color:var(--color-text)}.heart{color:var(--color-heart);font-style:normal;display:inline-block;transform:translateY(.05em)}.container{width:100%;max-width:var(--max-content);margin-inline:auto;padding-inline:var(--space-6)}.container--narrow{max-width:var(--max-narrow)}.container--reading{max-width:var(--max-reading)}main{flex:1}.section{padding-block:var(--space-20)}.section--tight{padding-block:var(--space-12)}.section+.section{border-top:var(--border-hair)}.section--tinted{background:var(--color-bg-soft);border-top:var(--border-hair);border-bottom:var(--border-hair)}.grid{display:grid;gap:var(--space-6)}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}@media(max-width:1024px){.grid-4{grid-template-columns:repeat(2,1fr)}}@media(max-width:720px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}.display{font-weight:600;font-size:clamp(var(--text-3xl),5.5vw,var(--text-5xl));line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);text-wrap:balance}h1,.h1{font-weight:600;font-size:var(--text-4xl);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight)}h2,.h2{font-weight:600;font-size:var(--text-3xl);line-height:var(--leading-snug);letter-spacing:var(--tracking-snug)}h3,.h3{font-weight:600;font-size:var(--text-2xl);line-height:var(--leading-snug)}h4,.h4{font-weight:600;font-size:var(--text-xl);line-height:var(--leading-snug)}.lead{font-size:var(--text-lg);line-height:var(--leading-normal);color:var(--color-text-muted);max-width:var(--max-reading);text-wrap:balance}.mono-label{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:500;letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--color-text-faint)}.muted{color:var(--color-text-muted)}.faint{color:var(--color-text-faint)}.section-header{margin-bottom:var(--space-10);max-width:var(--max-narrow)}.section-header__label{display:block;margin-bottom:var(--space-3)}.section-header__title{font-size:var(--text-3xl)}.section-header__sub{margin-top:var(--space-4)}.btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);font-family:inherit;font-size:var(--text-sm);font-weight:500;line-height:1;text-decoration:none;border-radius:var(--radius-md);border:1px solid transparent;cursor:pointer;transition:background var(--dur) var(--ease),color var(--dur) var(--ease),border-color var(--dur) var(--ease),transform var(--dur) var(--ease)}.btn:hover{text-decoration:none;transform:translateY(-1px)}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn--primary{background:var(--color-brand);color:#0a0e1a}.btn--primary:hover{background:var(--color-brand-strong);color:#0a0e1a}.btn--ghost{background:transparent;color:var(--color-text);border-color:var(--color-line-strong)}.btn--ghost:hover{background:var(--color-bg-raised);border-color:var(--color-brand)}.btn--lg{padding:var(--space-4) var(--space-6);font-size:var(--text-base)}.site-header{position:sticky;top:0;z-index:100;background:color-mix(in srgb,var(--color-bg) 92%,transparent);backdrop-filter:blur(10px);border-bottom:var(--border-hair);transition:box-shadow var(--dur) var(--ease)}.site-header--scrolled{box-shadow:0 1px 12px #0006}.site-header__inner{display:flex;align-items:center;justify-content:space-between;padding-block:var(--space-4);gap:var(--space-6)}.brand{display:inline-flex;align-items:center;gap:var(--space-3);color:var(--color-text);font-weight:600;font-size:var(--text-lg);letter-spacing:-.2px}.brand:hover{text-decoration:none;color:var(--color-text)}.brand__icon{width:28px;height:28px;flex-shrink:0;color:currentColor}.brand__light{color:var(--color-text-faint);font-weight:400}.site-nav{display:flex;gap:var(--space-6);align-items:center;font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:var(--tracking-wider);text-transform:uppercase}.site-nav a{color:var(--color-text-muted);transition:color var(--dur) var(--ease)}.site-nav a:hover,.site-nav a[aria-current=page]{color:var(--color-brand);text-decoration:none}.nav-toggle{display:none;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:36px;height:36px;background:none;border:none;cursor:pointer;padding:4px;flex-shrink:0}.nav-toggle__bar{display:block;width:22px;height:2px;background:var(--color-text);border-radius:2px;transition:transform .2s ease,opacity .2s ease}.nav-toggle[aria-expanded=true] .nav-toggle__bar:nth-child(1){transform:translateY(7px) rotate(45deg)}.nav-toggle[aria-expanded=true] .nav-toggle__bar:nth-child(2){opacity:0}.nav-toggle[aria-expanded=true] .nav-toggle__bar:nth-child(3){transform:translateY(-7px) rotate(-45deg)}@media(max-width:768px){.nav-toggle{display:flex}.site-nav{display:none;position:absolute;top:100%;left:0;right:0;background:var(--color-bg-raised);border-bottom:var(--border-hair);padding:var(--space-4) var(--space-6);flex-direction:column;gap:var(--space-4);align-items:flex-start;box-shadow:var(--shadow-md)}.site-nav--open{display:flex}}.hero{padding-block:var(--space-24) var(--space-20);position:relative;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 10%,var(--color-brand-faint) 0%,transparent 45%),radial-gradient(circle at 80% 80%,var(--color-highlight-faint) 0%,transparent 50%);pointer-events:none;z-index:0}.hero>.container{position:relative;z-index:1}.hero__eyebrow,.hero__title{margin-bottom:var(--space-4)}.hero__title em{font-style:normal;color:var(--color-highlight)}.hero__claim{font-size:var(--text-xl);color:var(--color-text-muted);letter-spacing:var(--tracking-snug);margin-bottom:var(--space-6);font-style:italic}.hero__sub{font-size:var(--text-lg);color:var(--color-text-muted);max-width:42rem;margin-bottom:var(--space-8)}.hero__cta{display:flex;gap:var(--space-3);flex-wrap:wrap}.project-card{display:flex;flex-direction:column;background:var(--color-bg-raised);border:1px solid var(--color-line);border-left:3px solid var(--project-accent, var(--color-project-default));border-radius:var(--radius-md);padding:var(--space-6);color:var(--color-text);transition:background var(--dur) var(--ease),border-color var(--dur) var(--ease),transform var(--dur) var(--ease);height:100%}.project-card:hover{background:var(--color-bg-hover);border-color:var(--color-line-strong);border-left-color:var(--project-accent, var(--color-project-default));transform:translateY(-2px);text-decoration:none}.project-card__status{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:500;letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--color-text-faint);margin-bottom:var(--space-3)}.project-card__status--live:before{content:"●";color:var(--color-highlight);margin-right:var(--space-2)}.project-card__status--soon:before{content:"●";color:var(--color-warn);margin-right:var(--space-2)}.project-card__status--planned:before{content:"○";color:var(--color-text-faint);margin-right:var(--space-2)}.project-card__name{font-size:var(--text-xl);font-weight:600;margin-bottom:var(--space-2);letter-spacing:var(--tracking-snug)}.project-card__tagline{color:var(--color-text-muted);font-size:var(--text-sm);margin-bottom:var(--space-5);line-height:var(--leading-normal)}.project-card__url{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-faint);margin-top:auto}.project-card__arrow{display:inline-block;margin-left:var(--space-2);transition:transform var(--dur) var(--ease)}.project-card:hover .project-card__arrow{transform:translate(3px)}.project-detail-hero{padding-block:var(--space-16) var(--space-12);border-bottom:var(--border-hair);position:relative}.project-detail-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,color-mix(in srgb,var(--project-accent, var(--color-brand)) 8%,transparent),transparent 70%);pointer-events:none}.project-detail-hero>.container{position:relative;z-index:1}.project-detail-hero__breadcrumb{margin-bottom:var(--space-6)}.project-detail-hero__breadcrumb a{color:var(--color-text-muted)}.project-detail-hero__title{margin-bottom:var(--space-4)}.project-detail-hero__tagline{font-size:var(--text-xl);color:var(--color-text-muted);max-width:var(--max-reading);margin-bottom:var(--space-6)}.project-detail-hero__meta{display:flex;gap:var(--space-3);flex-wrap:wrap;align-items:center}.tech-pill{display:inline-block;padding:var(--space-1) var(--space-3);background:var(--color-bg-raised);border:1px solid var(--color-line);border-radius:999px;font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-muted)}.prose{max-width:var(--max-reading);font-size:var(--text-base);line-height:var(--leading-loose);color:var(--color-text)}.prose h2{margin-top:var(--space-12);margin-bottom:var(--space-4);font-size:var(--text-2xl)}.prose h3{margin-top:var(--space-8);margin-bottom:var(--space-3)}.prose p{margin-bottom:var(--space-4)}.prose ul,.prose ol{margin:var(--space-4) 0;padding-left:var(--space-6)}.prose ul li,.prose ol li{margin-bottom:var(--space-2)}.prose a{color:var(--color-brand);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}.prose code{font-family:var(--font-mono);font-size:.9em;background:var(--color-bg-raised);padding:2px 6px;border-radius:3px}.prose blockquote{margin:var(--space-6) 0;padding-left:var(--space-5);border-left:3px solid var(--color-brand);color:var(--color-text-muted);font-style:italic}.contact-grid{display:grid;grid-template-columns:1fr 1.4fr;gap:var(--space-10)}@media(max-width:880px){.contact-grid{grid-template-columns:1fr}}.contact-info{display:flex;flex-direction:column;gap:var(--space-5)}.contact-info__item{padding:var(--space-4);background:var(--color-bg-raised);border:1px solid var(--color-line);border-radius:var(--radius-md)}.contact-info__label{display:block;margin-bottom:var(--space-2)}.contact-info__value{display:block;color:var(--color-text)}.contact-info__value a{color:var(--color-brand)}.contact-form{display:flex;flex-direction:column;gap:var(--space-4)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}@media(max-width:600px){.form-row{grid-template-columns:1fr}}.form-group{display:flex;flex-direction:column;gap:var(--space-2);min-width:0}.form-group label{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--color-text-faint)}.form-group input,.form-group select,.form-group textarea{font-family:inherit;font-size:var(--text-base);color:var(--color-text);background:var(--color-bg-raised);border:1px solid var(--color-line-strong);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);outline:none;transition:border-color var(--dur) var(--ease),background var(--dur) var(--ease);min-width:0;max-width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--color-brand);background:color-mix(in srgb,var(--color-bg-raised) 90%,var(--color-brand-faint))}.form-group textarea{min-height:140px;resize:vertical}.form-group--honeypot{position:absolute;left:-9999px;opacity:0;pointer-events:none}.form-check{display:flex;align-items:flex-start;gap:var(--space-3);font-size:var(--text-sm)}.form-check input{margin-top:4px;accent-color:var(--color-brand)}.form-check label{color:var(--color-text-muted)}.form-status{font-size:var(--text-sm);padding:var(--space-3);border-radius:var(--radius-md);display:none}.form-status:not(:empty){display:block}.form-status--success{background:var(--color-highlight-faint);color:var(--color-highlight);border:1px solid var(--color-highlight)}.form-status--error{background:#f851491f;color:var(--color-danger);border:1px solid var(--color-danger)}.site-footer{background:var(--color-bg-sunken);border-top:var(--border-hair);padding-block:var(--space-12) var(--space-8);color:var(--color-text-faint);font-size:var(--text-sm)}.site-footer__inner{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:var(--space-8)}@media(max-width:760px){.site-footer__inner{grid-template-columns:1fr}}.site-footer h4{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--color-text);margin-bottom:var(--space-4)}.site-footer__nav{display:flex;flex-direction:column;gap:var(--space-2)}.site-footer a{color:var(--color-text-muted)}.site-footer a:hover{color:var(--color-text)}.site-footer__bottom{margin-top:var(--space-10);padding-top:var(--space-4);border-top:var(--border-hair);display:flex;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap;font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-faint)}.legal-body{max-width:var(--max-reading)}.legal-body h2{font-size:var(--text-xl);margin-top:var(--space-8);margin-bottom:var(--space-3);padding-top:var(--space-6);border-top:var(--border-hair)}.legal-body h2:first-of-type{border-top:0;padding-top:0}.legal-body p{margin-bottom:var(--space-3);color:var(--color-text-muted)}.legal-body address{font-style:normal;line-height:var(--leading-loose);color:var(--color-text)}.not-found{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding-block:var(--space-24);gap:var(--space-4)}.not-found h1{font-size:var(--text-6xl);color:var(--color-brand);letter-spacing:var(--tracking-tight)}