:root{--color-paper: #e4eef0;--color-paper-elevated: #f3f8f9;--color-ink: #071316;--color-ink-soft: #1c3338;--color-muted: #4d6670;--color-line: rgba(7, 19, 22, .14);--color-accent: #0d9b8a;--color-accent-deep: #067a6c;--color-accent-hover: #055f55;--color-accent-bright: #2ee6c7;--color-accent-mist: rgba(13, 155, 138, .16);--color-spark: #e8b86d;--color-spark-soft: rgba(232, 184, 109, .2);--color-hero-deep: #020b0f;--color-hero-mid: #0a2a32;--color-hero-fog: #c5dde2;--color-footer: #04181c;--image-hero: url(/images/hero-atmosphere.jpg);--image-wash: url(/images/page-wash.jpg);--image-panel: url(/images/accent-panel.jpg);--font-display: "Syne", "Avenir Next", "Segoe UI", sans-serif;--font-body: "Source Serif 4", "Iowan Old Style", "Palatino Linotype", Georgia, serif;--font-ui: "Syne", "Avenir Next", "Segoe UI", sans-serif;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1.0625rem;--text-md: 1.1875rem;--text-lg: 1.5rem;--text-xl: 2rem;--text-2xl: clamp(2.5rem, 5vw, 3.75rem);--text-brand: clamp(3.25rem, 9vw, 6.5rem);--leading-tight: 1.05;--leading-snug: 1.25;--leading-body: 1.65;--measure: 38rem;--measure-wide: 42rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-7: 3rem;--space-8: 4rem;--space-9: 6rem;--space-10: 8rem;--width-content: 68rem;--width-prose: 40rem;--gutter: clamp(1.25rem, 4vw, 2.5rem);--header-h: 4rem;--radius-sm: 2px;--radius-md: 6px;--ease-out: cubic-bezier(.22, 1, .36, 1);--duration-fast: .16s;--duration: .42s;--duration-slow: .7s}*,*:before,*:after{box-sizing:border-box}html{color-scheme:light;-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{margin:0;min-height:100vh;font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-body);color:var(--color-ink);background-color:var(--color-paper);background-image:radial-gradient(1100px 520px at 8% -8%,rgba(46,230,199,.18),transparent 55%),radial-gradient(900px 480px at 92% 4%,rgba(232,184,109,.14),transparent 50%),linear-gradient(180deg,color-mix(in srgb,var(--color-paper-elevated) 88%,#9fd4d0) 0%,var(--color-paper) 42%,#d5e6ea 100%),var(--image-wash);background-size:auto,auto,auto,cover;background-position:center,center,center,center 20%;background-attachment:fixed;background-blend-mode:normal,normal,normal,soft-light;text-rendering:optimizeLegibility}body:before{content:"";pointer-events:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;opacity:.28;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.5'/%3E%3C/svg%3E");mix-blend-mode:multiply}#root{position:relative;z-index:1;min-height:100vh}img,svg{display:block;max-width:100%}a{color:inherit;text-decoration-thickness:1px;text-underline-offset:.18em}a:hover{color:var(--color-accent-deep)}:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}h1,h2,h3{font-family:var(--font-display);font-weight:700;letter-spacing:-.03em;line-height:var(--leading-tight);color:var(--color-ink)}p{margin:0}ul{margin:0;padding:0;list-style:none}code{font-family:ui-monospace,Cascadia Code,SF Mono,Menlo,monospace;font-size:.9em;padding:.12em .38em;border-radius:var(--radius-sm);background:var(--color-accent-mist);color:var(--color-accent-deep)}.site-shell{display:flex;min-height:100vh;flex-direction:column}.site-main{flex:1}.container{width:min(100% - 2 * var(--gutter),var(--width-content));margin-inline:auto}.prose-width{width:min(100%,var(--width-prose))}@keyframes rise-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes soft-pulse{0%{opacity:.45}to{opacity:.85}}.animate-rise{animation:rise-in var(--duration-slow) var(--ease-out) both}.animate-rise-delay{animation:rise-in var(--duration-slow) var(--ease-out) .12s both}.animate-rise-delay-2{animation:rise-in var(--duration-slow) var(--ease-out) .22s both}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.animate-rise,.animate-rise-delay,.animate-rise-delay-2,.hero-atmosphere,.hero-atmosphere__glow{animation:none!important}}.site-header{position:sticky;top:0;z-index:20;height:var(--header-h);border-bottom:1px solid color-mix(in srgb,var(--color-accent) 18%,var(--color-line));background:linear-gradient(90deg,color-mix(in srgb,var(--color-accent-bright) 10%,transparent),transparent 40%,color-mix(in srgb,var(--color-spark) 8%,transparent)),color-mix(in srgb,var(--color-paper-elevated) 82%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.site-header__inner{display:flex;align-items:center;justify-content:space-between;height:100%;gap:var(--space-5)}.site-logo{font-family:var(--font-display);font-size:var(--text-md);font-weight:700;letter-spacing:-.04em;text-decoration:none;background:linear-gradient(120deg,var(--color-ink) 40%,var(--color-accent-deep));-webkit-background-clip:text;background-clip:text;color:transparent}.site-logo:hover{color:transparent}.site-nav{display:flex;align-items:center;gap:var(--space-1)}.site-nav a{font-family:var(--font-ui);font-size:var(--text-sm);font-weight:600;letter-spacing:.01em;text-decoration:none;padding:var(--space-2) var(--space-3);color:var(--color-muted);border-radius:var(--radius-sm);transition:color var(--duration-fast) var(--ease-out),background var(--duration-fast) var(--ease-out)}.site-nav a:hover,.site-nav a[aria-current=page]{color:var(--color-ink)}.site-nav a[aria-current=page]{background:var(--color-accent-mist);box-shadow:inset 0 -2px 0 var(--color-accent)}.site-footer{margin-top:var(--space-9);border-top:none;padding:var(--space-7) 0 var(--space-8);color:var(--color-hero-fog);background:linear-gradient(180deg,#04181ceb,#020b0ff5),var(--image-panel);background-size:cover;background-position:center}.site-footer__inner{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:var(--space-4);font-family:var(--font-ui);font-size:var(--text-sm);color:color-mix(in srgb,var(--color-hero-fog) 80%,white)}.site-footer a{text-decoration:none;font-weight:600;color:var(--color-accent-bright)}.site-footer a:hover{color:#fff}.site-footer__credit{width:100%;margin-top:var(--space-4);font-size:var(--text-xs);opacity:.7}.hero{position:relative;min-height:calc(100svh - var(--header-h));display:grid;align-items:end;overflow:hidden;color:var(--color-paper-elevated);background:var(--color-hero-deep)}.hero-atmosphere{position:absolute;top:0;right:0;bottom:0;left:0;background-image:var(--image-hero);background-size:cover;background-position:center 35%;transform:scale(1.04);animation:hero-drift 22s var(--ease-out) infinite alternate}.hero-atmosphere__veil{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(115deg,#020b0fb8,#062a3047 45%,#0d9b8a2e),linear-gradient(to top,rgba(2,11,15,.82) 0%,rgba(2,11,15,.2) 42%,transparent 68%)}.hero-atmosphere__glow{position:absolute;width:min(48vw,28rem);height:min(48vw,28rem);right:-6%;top:12%;border-radius:50%;background:radial-gradient(circle,rgba(46,230,199,.35),transparent 68%);filter:blur(8px);animation:soft-pulse 5s ease-in-out infinite alternate}.hero-atmosphere__glow--spark{left:8%;right:auto;top:auto;bottom:18%;width:min(36vw,18rem);height:min(36vw,18rem);background:radial-gradient(circle,rgba(232,184,109,.28),transparent 70%);animation-delay:1.2s}@keyframes hero-drift{0%{transform:scale(1.04) translate(0)}to{transform:scale(1.1) translate(-1.8%,1.2%)}}.hero__content{position:relative;z-index:1;padding:var(--space-8) 0 var(--space-9);max-width:40rem}.hero__brand{margin:0 0 var(--space-5);font-family:var(--font-display);font-size:var(--text-brand);font-weight:800;letter-spacing:-.055em;line-height:.92;color:#f4fbfa;text-shadow:0 10px 40px rgba(0,0,0,.35)}.hero__headline{margin:0 0 var(--space-4);font-family:var(--font-display);font-size:clamp(1.35rem,2.6vw,1.85rem);font-weight:600;letter-spacing:-.03em;line-height:var(--leading-snug);color:color-mix(in srgb,#f4fbfa 90%,var(--color-accent-bright))}.hero__lede{margin:0 0 var(--space-6);max-width:28rem;font-family:var(--font-body);font-size:var(--text-md);line-height:var(--leading-body);color:color-mix(in srgb,var(--color-hero-fog) 92%,white)}.hero__actions{display:flex;flex-wrap:wrap;gap:var(--space-3)}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:2.75rem;padding:.7rem 1.25rem;font-family:var(--font-ui);font-size:var(--text-sm);font-weight:700;letter-spacing:.01em;text-decoration:none;border-radius:var(--radius-sm);transition:background var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.btn:hover{transform:translateY(-1px)}.btn--primary{background:linear-gradient(135deg,#f7fffd,#d7f7f1);color:var(--color-hero-deep);box-shadow:0 10px 30px #2ee6c72e}.btn--primary:hover{background:#fff;color:var(--color-hero-deep)}.btn--ghost{border:1px solid rgba(244,251,250,.4);color:#f4fbfa;background:#07131640;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.btn--ghost:hover{border-color:var(--color-accent-bright);color:#fff;background:#0d9b8a40}.btn--accent{background:linear-gradient(135deg,var(--color-accent),var(--color-accent-deep));color:#f4fbfa;box-shadow:0 8px 24px #0d9b8a47}.btn--accent:hover{background:linear-gradient(135deg,var(--color-accent-bright),var(--color-accent));color:var(--color-ink)}.btn--ghost-ink{border:1px solid var(--color-line);color:var(--color-ink);background:color-mix(in srgb,white 55%,transparent)}.btn--ghost-ink:hover{border-color:var(--color-accent);color:var(--color-accent-deep)}.home-band{position:relative;overflow:hidden;padding:var(--space-9) 0;color:var(--color-hero-fog);background:linear-gradient(120deg,#04282eeb,#075a52c7),var(--image-panel);background-size:cover;background-position:center}.home-band__inner{display:grid;gap:var(--space-5);max-width:36rem}.home-band h2{margin:0;font-size:clamp(1.6rem,3vw,2.2rem);color:#f4fbfa}.home-band p{color:color-mix(in srgb,var(--color-hero-fog) 90%,white);max-width:var(--measure)}.home-band__actions{display:flex;flex-wrap:wrap;gap:var(--space-3)}.page{padding:var(--space-8) 0 var(--space-9)}.page__header{margin-bottom:var(--space-7);max-width:var(--measure-wide);padding:var(--space-6);border-radius:var(--radius-md);background:linear-gradient(135deg,color-mix(in srgb,white 78%,transparent),color-mix(in srgb,var(--color-accent-mist) 55%,white));border:1px solid color-mix(in srgb,var(--color-accent) 16%,transparent);box-shadow:0 18px 50px #0713160f}.page__title{margin:0 0 var(--space-4);font-size:var(--text-2xl);background:linear-gradient(120deg,var(--color-ink),var(--color-accent-deep));-webkit-background-clip:text;background-clip:text;color:transparent}.page__intro{margin:0;font-size:var(--text-md);color:var(--color-muted);max-width:var(--measure)}.empty-state{padding:var(--space-6);border:1px dashed color-mix(in srgb,var(--color-accent) 35%,var(--color-line));border-radius:var(--radius-md);background:color-mix(in srgb,white 70%,var(--color-accent-mist));font-family:var(--font-ui);font-size:var(--text-sm);color:var(--color-muted)}.empty-state strong{display:block;margin-bottom:var(--space-2);font-size:var(--text-base);color:var(--color-ink-soft);font-family:var(--font-display);letter-spacing:-.02em}.content-list{display:grid;gap:var(--space-4)}.content-list__item{display:grid;gap:var(--space-2);padding:var(--space-5);border:1px solid color-mix(in srgb,var(--color-accent) 12%,var(--color-line));border-left:3px solid var(--color-accent);border-radius:var(--radius-md);background:color-mix(in srgb,white 72%,transparent);box-shadow:0 12px 36px #0713160d;opacity:0;animation:rise-in var(--duration) var(--ease-out) both;transition:transform var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.content-list__item:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--color-accent) 40%,var(--color-line));box-shadow:0 16px 40px #0d9b8a1f}.content-list__item:nth-child(1){animation-delay:80ms}.content-list__item:nth-child(2){animation-delay:.14s}.content-list__item:nth-child(3){animation-delay:.2s}.content-list__item h2{margin:0;font-size:var(--text-lg)}.content-list__item h2 a{text-decoration:none}.content-list__item h2 a:hover{color:var(--color-accent-deep)}.content-list__item p{color:var(--color-muted);max-width:var(--measure)}.content-list__meta{font-family:var(--font-ui);font-size:var(--text-xs);font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--color-accent-deep)}.about-grid{display:grid;gap:var(--space-5);max-width:var(--measure-wide)}.about-grid section{padding:var(--space-5);border-radius:var(--radius-md);background:color-mix(in srgb,white 74%,transparent);border:1px solid color-mix(in srgb,var(--color-accent) 12%,var(--color-line))}.about-grid h2{margin:0 0 var(--space-3);font-size:var(--text-lg);color:var(--color-accent-deep)}.about-grid p+p{margin-top:var(--space-4)}.about-grid p{color:var(--color-ink-soft)}.article{max-width:var(--width-prose);padding:var(--space-6);border-radius:var(--radius-md);background:color-mix(in srgb,white 80%,transparent);border:1px solid color-mix(in srgb,var(--color-accent) 12%,var(--color-line));box-shadow:0 18px 50px #0713160f}.article__header{margin-bottom:var(--space-7)}.article__title{margin:var(--space-3) 0 var(--space-4);font-size:var(--text-2xl)}.article__dek{margin:0 0 var(--space-3);font-size:var(--text-md);color:var(--color-muted);max-width:var(--measure)}.article__byline{margin:0;font-family:var(--font-ui);font-size:var(--text-sm);color:var(--color-muted)}.article__back{margin-top:var(--space-8);padding-top:var(--space-5);border-top:1px solid var(--color-line);font-family:var(--font-ui);font-size:var(--text-sm);font-weight:600}.article__back a{text-decoration:none;color:var(--color-accent-deep)}.project-links{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-5)}.prose{font-size:var(--text-base);line-height:var(--leading-body);color:var(--color-ink-soft);max-width:var(--measure)}.prose>:first-child{margin-top:0}.prose>:last-child{margin-bottom:0}.prose p,.prose ul,.prose ol,.prose pre,.prose blockquote{margin:0 0 var(--space-5)}.prose h2,.prose h3{margin:var(--space-7) 0 var(--space-3);color:var(--color-ink)}.prose h2{font-size:var(--text-lg)}.prose h3{font-size:var(--text-md)}.prose ul,.prose ol{padding-left:1.25rem}.prose ul{list-style:disc}.prose ol{list-style:decimal}.prose li+li{margin-top:var(--space-2)}.prose a{color:var(--color-accent-deep)}.prose code{font-family:ui-monospace,Cascadia Code,SF Mono,Menlo,monospace;font-size:.9em;padding:.1em .35em;background:var(--color-accent-mist);border-radius:var(--radius-sm)}.prose pre{padding:var(--space-4);overflow-x:auto;background:linear-gradient(160deg,#04181c,#0a2f36);color:var(--color-paper-elevated);border-radius:var(--radius-md);font-size:var(--text-sm);border:1px solid rgba(46,230,199,.18)}.prose pre code{padding:0;background:transparent;color:inherit}.prose blockquote{margin-left:0;padding:var(--space-3) var(--space-4);border-left:3px solid var(--color-spark);color:var(--color-muted);background:var(--color-spark-soft);border-radius:0 var(--radius-md) var(--radius-md) 0}@media(max-width:640px){.site-nav a{padding:var(--space-2) var(--space-2)}.hero__content{padding-bottom:var(--space-8)}.page__header,.article{padding:var(--space-5)}}