:root{--bg: #090a0e;--surface: #14161b;--surface-raised: #181b21;--border: #23262e;--text: #e7e9ee;--ink: #e7e9ee;--text-body: #c5cad6;--text-muted: #8a8f9c;--text-faint: #8b94a6;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", sans-serif;--font-mono: ui-monospace, "SF Mono", "JetBrains Mono", "Fira Code", Menlo, monospace;--font-display: "Clash Display", var(--font-sans);--signal-cyan: #34e7ff;--signal-magenta: #f072d0;--signal-rose: #fb7185;--signal-amber: #ffbf45;--signal-periwinkle: #8b9cf6;--signal-vision: #5ef2a4;--void: #08090c;--accent: #34e7ff;--accent-2: #8b9cf6;--accent-conversion: #5ef2a4;--t--1: .833rem;--t-0: 1rem;--t-1: 1.2rem;--t-2: 1.44rem;--t-3: 1.728rem;--t-4: 2.074rem;--eyebrow: .78rem;font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color-scheme:dark}@font-face{font-family:Clash Display;src:url(/fonts/clash-display-600.woff2) format("woff2");font-weight:600;font-display:swap;font-style:normal}@font-face{font-family:Clash Display;src:url(/fonts/clash-display-700.woff2) format("woff2");font-weight:700;font-display:swap;font-style:normal}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;background:var(--bg);color:var(--text);overflow-x:hidden}a{color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}a:focus:not(:focus-visible){outline:none}.enter{opacity:0;transform:translateY(14px);animation:enter .7s cubic-bezier(.16,1,.3,1) forwards}.enter-1{animation-delay:.05s}.enter-2{animation-delay:.18s}.enter-3{animation-delay:.32s}@keyframes enter{to{opacity:1;transform:translateY(0)}}.reveal{opacity:0;transform:translateY(18px);transition:opacity .6s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.16,1,.3,1);transition-delay:var(--reveal-delay, 0ms)}.reveal.revealed{opacity:1;transform:translateY(0)}.shell{display:flex;flex-direction:column;min-height:100vh;max-width:1080px;margin:0 auto;padding:0 24px}.site-header{display:flex;align-items:center;justify-content:space-between;padding:28px 0}.wordmark{display:flex;align-items:center;gap:10px;font-family:var(--font-mono);font-size:.95rem;letter-spacing:.04em;white-space:nowrap;text-decoration:none;color:var(--text);transition:text-shadow .2s ease}.logo-mark{width:26px;height:26px;image-rendering:pixelated}.wordmark:hover{text-shadow:-2px 0 0 rgba(255,60,80,.7),2px 0 0 rgba(60,160,255,.7)}.site-nav{display:flex;align-items:center;gap:clamp(14px,2.4vw,26px)}.site-nav a{position:relative;font-family:var(--font-sans);font-size:.92rem;color:var(--text-muted);text-decoration:none;transition:color .2s ease}.site-nav a:hover,.site-nav a.active{color:var(--text)}.site-nav a.active:after{content:"";position:absolute;left:0;right:0;bottom:-6px;height:2px;border-radius:2px;background:var(--accent)}.nav-contact{color:var(--accent-conversion)!important}.nav-github{display:inline-flex;align-items:center;color:var(--text-faint)}.nav-github:hover{color:var(--text)}@media(max-width:520px){.site-header{gap:12px}.site-nav{gap:13px}.site-nav a,.wordmark{font-size:.85rem}}@media(max-width:380px){.wordmark{font-size:0;gap:0}}.site-main{flex:1}.site-footer{display:flex;flex-direction:column;align-items:center;gap:16px;padding:56px 0 40px}.colophon{font-family:var(--font-mono);font-size:.75rem;color:var(--text-faint);text-align:center}.copyright{font-family:var(--font-sans);font-size:.78rem;color:var(--text-faint);text-align:center}.social-links{display:flex;gap:16px}.social-link{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border:1px solid var(--border);border-radius:10px;color:var(--text-muted);transition:color .2s ease,border-color .2s ease,transform .2s ease}.social-link:hover{color:var(--text);border-color:var(--text-faint);transform:translateY(-2px)}.social-icon{width:18px;height:18px}.keycap{display:inline-block;font-family:var(--font-mono);font-size:.78em;line-height:1;padding:4px 9px 6px;border:1px solid var(--border);border-bottom-width:3px;border-radius:6px;background:var(--surface-raised);color:var(--text-muted)}.keycap-space{padding-left:22px;padding-right:22px}.hero{position:relative;display:flex;align-items:center;min-height:56vh;padding:40px 0}.aurora{position:absolute;inset:-15%;pointer-events:none;z-index:0}.aurora-blob{position:absolute;display:block;width:420px;height:420px;border-radius:50%;filter:blur(90px);opacity:.16}.aurora-1{background:var(--signal-cyan);top:8%;left:4%;animation:drift-a 26s ease-in-out infinite alternate}.aurora-2{background:var(--signal-magenta);top:30%;right:6%;animation:drift-b 32s ease-in-out infinite alternate}.aurora-3{background:var(--signal-vision);bottom:0;left:38%;width:340px;height:340px;opacity:.1;animation:drift-c 38s ease-in-out infinite alternate}@keyframes drift-a{to{transform:translate(90px,60px) scale(1.15)}}@keyframes drift-b{to{transform:translate(-110px,40px) scale(.9)}}@keyframes drift-c{to{transform:translate(60px,-70px) scale(1.2)}}.hero-field{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;opacity:.6;z-index:1;-webkit-mask-image:radial-gradient(120% 100% at 70% 50%,#000 30%,transparent 78%);mask-image:radial-gradient(120% 100% at 70% 50%,#000 30%,transparent 78%)}.hero-copy{position:relative;z-index:2}.hero-name{font-family:var(--font-display);font-size:clamp(3.2rem,8.5vw,7.5rem);font-weight:700;line-height:.95;letter-spacing:-.03em;background:linear-gradient(110deg,var(--text) 0%,var(--text) 38%,var(--signal-cyan) 46%,var(--signal-magenta) 50%,var(--signal-amber) 54%,var(--signal-periwinkle) 58%,var(--text) 66%,var(--text) 100%);background-size:300% 100%;background-position:100% 0;-webkit-background-clip:text;background-clip:text;color:transparent;animation:enter .7s cubic-bezier(.16,1,.3,1) forwards,sheen-once 2.8s cubic-bezier(.16,1,.3,1) 1.3s 1 both}@keyframes sheen-once{0%,to{background-position:100% 0}55%{background-position:0% 0}}.hero-tagline{margin-top:22px;max-width:22em;font-size:clamp(1.2rem,2.6vw,1.7rem);line-height:1.35;letter-spacing:-.01em;color:var(--text)}.hero-sub{margin-top:12px;max-width:34em;font-size:clamp(1rem,2vw,1.12rem);line-height:1.5;color:var(--text-muted)}.hero-stack{margin-top:18px;font-size:.85rem}.section-title{font-family:var(--font-mono);font-size:.85rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--text-faint);margin-bottom:12px}.section-headline{font-family:var(--font-display);font-size:var(--t-3);font-weight:600;letter-spacing:-.02em;color:var(--text);margin-bottom:12px}.section-lede{color:var(--text-muted);margin-bottom:28px;max-width:38em;line-height:1.5}.signal-band{margin:8px calc(50% - 50vw) 8px;width:100vw}.signal-band-link{position:relative;display:flex;align-items:center;justify-content:space-between;gap:24px;max-width:1080px;margin:0 auto;padding:36px clamp(24px,5vw,64px);overflow:hidden;text-decoration:none;color:var(--text);border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:linear-gradient(180deg,#0b0d12,#090a0e);transition:border-color .25s ease}.signal-band-link .hero-field{opacity:.5}.signal-band-link:hover{border-color:color-mix(in srgb,var(--accent) 40%,var(--border))}.sb-copy{position:relative;z-index:2;display:flex;flex-direction:column;gap:8px}.sb-label{font-family:var(--font-mono);font-size:var(--eyebrow);letter-spacing:.12em;text-transform:uppercase;color:color-mix(in srgb,var(--accent) 78%,var(--text-faint))}.sb-title{font-family:var(--font-display);font-size:clamp(1.7rem,4vw,2.6rem);font-weight:700;letter-spacing:-.02em;line-height:1}.sb-line{max-width:40em;font-size:1rem;line-height:1.45;color:var(--text-muted)}.sb-go{position:relative;z-index:2;flex:none;font-family:var(--font-mono);font-size:.85rem;color:var(--accent);transition:transform .25s ease}.signal-band-link:hover .sb-go{transform:translate(4px)}@media(max-width:760px){.signal-band-link{flex-direction:column;align-items:flex-start;gap:16px}}.work{padding:24px 0 48px}.card-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.project-card{position:relative;display:flex;flex-direction:column;gap:12px;padding:28px;background:var(--surface);border:1px solid var(--border);border-radius:16px;text-decoration:none;overflow:hidden;transition:border-color .25s ease,transform .25s ease,box-shadow .25s ease,opacity .6s cubic-bezier(.16,1,.3,1)}.project-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--accent),var(--accent-2));transform:scaleX(0);transform-origin:left;transition:transform .35s cubic-bezier(.16,1,.3,1)}.project-card:hover{border-color:color-mix(in srgb,var(--accent) 55%,var(--border));transform:translateY(-3px);box-shadow:0 14px 44px -18px color-mix(in srgb,var(--accent) 50%,transparent)}.project-card:hover:before{transform:scaleX(1)}.card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.card-name{font-family:var(--font-display);font-size:1.3rem;font-weight:600;letter-spacing:-.01em}.card-icon{flex:none;width:46px;height:46px;border-radius:11px;image-rendering:pixelated}.status-pill{flex:none;font-family:var(--font-mono);font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;padding:4px 9px;border-radius:999px;white-space:nowrap}.status-live{color:var(--accent-conversion);border:1px solid color-mix(in srgb,var(--accent-conversion) 45%,transparent);background:color-mix(in srgb,var(--accent-conversion) 12%,transparent)}.status-open-source{color:var(--signal-cyan);border:1px solid color-mix(in srgb,var(--signal-cyan) 40%,transparent);background:color-mix(in srgb,var(--signal-cyan) 10%,transparent)}.status-in-dev{color:var(--signal-amber);border:1px solid color-mix(in srgb,var(--signal-amber) 35%,transparent);background:color-mix(in srgb,var(--signal-amber) 9%,transparent)}.card-tagline{color:var(--text-muted);line-height:1.5}.card-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;padding-top:8px}.tech-line{font-family:var(--font-mono);font-size:.78rem;color:var(--text-faint);transition:color .25s ease}.project-card:hover .tech-line{color:color-mix(in srgb,var(--accent) 70%,var(--text-faint))}.project-page{position:relative;padding:24px 0 48px}.project-hero{position:relative;padding:40px 0 32px}.project-hero:before{content:"";position:absolute;top:0;left:-10%;width:60%;height:100%;background:radial-gradient(ellipse at top left,color-mix(in srgb,var(--accent) 14%,transparent),transparent 70%);pointer-events:none}.crumb{font-family:var(--font-sans);font-size:.9rem;color:var(--text-muted);text-decoration:none;transition:color .2s ease}.crumb:hover{color:var(--text)}.project-icon{display:block;width:64px;height:64px;margin-top:20px;border-radius:14px;image-rendering:pixelated}.project-icon+.project-name{margin-top:16px}.project-name{margin-top:20px;font-family:var(--font-display);font-size:clamp(2.2rem,5.2vw,3.2rem);font-weight:700;letter-spacing:-.02em;background:linear-gradient(100deg,var(--accent),var(--accent-2));-webkit-background-clip:text;background-clip:text;color:transparent}.project-tagline{margin-top:12px;font-size:1.15rem;color:var(--text-muted);line-height:1.5}.project-hero .tech-line{margin-top:16px}.project-hero .status-pill{display:inline-block;margin-top:18px}.project-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:24px}.cta-primary{display:inline-flex;align-items:center;font-family:var(--font-mono);font-size:.9rem;font-weight:500;padding:11px 20px;border-radius:10px;text-decoration:none;color:var(--bg);background:var(--accent);border:1px solid var(--accent);transition:transform .2s ease,box-shadow .2s ease,filter .2s ease}.cta-primary:hover{transform:translateY(-2px);filter:brightness(1.06);box-shadow:0 12px 32px -14px var(--accent)}.cta-live{color:#06281b;background:var(--accent-conversion);border-color:var(--accent-conversion)}.cta-live:hover{box-shadow:0 12px 32px -14px var(--accent-conversion)}.cta-secondary{display:inline-flex;align-items:center;font-family:var(--font-mono);font-size:.85rem;padding:10px 16px;border-radius:10px;text-decoration:none;color:var(--text-muted);border:1px solid var(--border);transition:color .2s ease,border-color .2s ease}.cta-secondary:hover{color:var(--text);border-color:var(--text-faint)}.project-description{max-width:44em;line-height:1.65;color:var(--text)}.play-stage{position:relative;display:flex;align-items:center;justify-content:center;margin-top:32px;min-height:280px;border:1px dashed color-mix(in srgb,var(--accent) 35%,var(--border));border-radius:16px;background:var(--surface);overflow:hidden}.play-stage-hint{font-family:var(--font-mono);font-size:.85rem;color:var(--text-faint)}.play-banner{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.play-badge{position:absolute;right:14px;bottom:14px;font-family:var(--font-mono);font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;padding:5px 10px;border-radius:7px;color:var(--text);background:color-mix(in srgb,var(--bg) 70%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid color-mix(in srgb,var(--accent) 40%,transparent)}.notes{margin-top:48px}.notes-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.note{padding:24px;background:var(--surface);border:1px solid var(--border);border-radius:16px;transition:border-color .25s ease,opacity .6s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.16,1,.3,1)}.note:hover{border-color:color-mix(in srgb,var(--accent) 40%,var(--border))}.note-title{font-size:.95rem;font-weight:600;color:var(--accent)}.note-body{margin-top:10px;font-size:.9rem;line-height:1.6;color:var(--text-muted)}@media(max-width:760px){.card-grid,.notes-grid{grid-template-columns:1fr}.hero{min-height:52vh}.aurora-blob{width:280px;height:280px;filter:blur(70px)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.enter,.reveal{opacity:1;transform:none}.hero-name{background-position:100% 0}.logo-mark{content:url(/m-logo.png)}}.policy{position:relative;max-width:46rem;margin:0 auto;padding:24px 0 64px}.policy .project-hero{padding-bottom:24px}.policy-meta{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:18px}.policy-pill{font-family:var(--font-mono);font-size:.75rem;letter-spacing:.04em;padding:5px 12px;border-radius:999px;color:var(--accent);border:1px solid color-mix(in srgb,var(--accent) 40%,transparent);background:color-mix(in srgb,var(--accent) 10%,transparent)}.policy-date{font-family:var(--font-mono);font-size:.8rem;color:var(--text-faint)}.policy-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.policy-card{padding:18px;border-radius:14px;background:var(--surface);border:1px solid var(--border)}.policy-card h3{font-family:var(--font-mono);font-size:.8rem;letter-spacing:.02em;color:var(--accent)}.policy-card p{margin-top:8px;font-size:.85rem;line-height:1.55;color:var(--text-muted)}.policy-body{margin-top:44px}.policy-body .lede{font-size:1.05rem;line-height:1.7;color:var(--text)}.policy-section{margin-top:32px;padding-top:28px;border-top:1px solid var(--border)}.policy-heading{display:flex;align-items:center;gap:10px;font-size:1.15rem;font-weight:600;letter-spacing:-.01em;color:var(--text)}.policy-heading:before{content:"";flex:none;width:8px;height:8px;border-radius:2px;background:linear-gradient(135deg,var(--accent),var(--accent-2))}.policy-body p{margin-top:14px;font-size:.96rem;line-height:1.75;color:color-mix(in srgb,var(--text) 82%,var(--text-muted))}.policy-body a{color:var(--accent);text-decoration:none;border-bottom:1px solid color-mix(in srgb,var(--accent) 35%,transparent);transition:border-color .2s ease}.policy-body a:hover{border-bottom-color:var(--accent)}@media(max-width:760px){.policy-summary{grid-template-columns:1fr}}.about{max-width:48rem;margin:0 auto;padding:24px 0 48px}.about-body{margin-top:12px}.about-lede{max-width:42em;font-size:1.2rem;line-height:1.6;color:var(--text)}.about-body p{margin-top:18px;max-width:42em;font-size:1.02rem;line-height:1.7;color:var(--text-body)}.about-body a{color:var(--accent);text-decoration:none;border-bottom:1px solid color-mix(in srgb,var(--accent) 35%,transparent)}.about-body a:hover{border-bottom-color:var(--accent)}.about-facets{margin-top:44px}.about-contact{margin-top:56px;padding-top:36px;border-top:1px solid var(--border)}.journey-page{position:relative;background:var(--void);padding-bottom:14vh}.j-field{position:fixed;inset:0;z-index:0;pointer-events:none}.journey-page>.journey-intro,.journey-page>.j-chapter,.journey-page>.j-finale-cta{position:relative;z-index:1}.j-finale-cta{max-width:40rem;margin:0 auto;padding:12vh 0 8vh;text-align:center}.j-finale-title{margin-top:12px;font-family:var(--font-display);font-weight:700;font-size:clamp(2rem,5vw,3.2rem);line-height:1.05;letter-spacing:-.02em;background:linear-gradient(100deg,var(--signal-cyan),var(--signal-magenta) 50%,var(--signal-periwinkle));-webkit-background-clip:text;background-clip:text;color:transparent}.j-finale-line{margin:18px auto 28px;max-width:32rem;font-size:1.12rem;line-height:1.6;color:var(--text-body)}.j-finale-cta .project-actions{justify-content:center}.j-finale-cta .j-tag{color:color-mix(in srgb,var(--signal-cyan) 70%,var(--text-faint))}.journey-intro{min-height:62vh;display:flex;flex-direction:column;justify-content:center;padding:32px 0 8px}.journey-title{margin-top:18px;font-family:var(--font-display);font-weight:700;font-size:clamp(2.8rem,8vw,5.5rem);letter-spacing:-.02em;line-height:.98;background:linear-gradient(100deg,var(--signal-cyan),var(--signal-magenta) 50%,var(--signal-periwinkle));-webkit-background-clip:text;background-clip:text;color:transparent}.journey-sub{margin-top:20px;max-width:34rem;font-size:1.12rem;line-height:1.6;color:var(--text-muted)}.j-spine{position:fixed;left:18px;top:0;bottom:0;width:2px;z-index:3;pointer-events:none}.j-spine-track{position:absolute;inset:0;background:#1c2029}.j-spine-fill{position:absolute;inset:0;transform-origin:top;transform:scaleY(var(--j-progress, 0));background:linear-gradient(to bottom,var(--signal-cyan),var(--signal-amber) 70%,var(--signal-periwinkle))}.j-ticks{position:absolute;inset:0;list-style:none}.j-tick{position:absolute;left:1px;top:var(--pos);transform:translate(-50%,-50%)}.j-tick-link{display:block;position:relative;padding:9px;margin:-9px;pointer-events:auto;border-radius:50%}.j-tick-link:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.j-tick-dot{display:block;width:9px;height:9px;border-radius:50%;background:#2a2f3a;transition:background .3s ease,transform .3s ease,box-shadow .3s ease}.j-tick-link:hover .j-tick-dot{background:color-mix(in srgb,var(--accent) 70%,#2a2f3a);transform:scale(1.3)}.j-tick-link:hover .j-tick-year{opacity:1}.j-tick.is-past .j-tick-dot{background:color-mix(in srgb,var(--accent) 55%,#2a2f3a)}.j-tick.is-active .j-tick-dot{background:var(--accent);transform:scale(1.6);box-shadow:0 0 16px -1px var(--accent)}.j-tick-year{position:absolute;left:18px;top:50%;transform:translateY(-50%);font-family:var(--font-mono);font-size:.66rem;letter-spacing:.06em;white-space:nowrap;color:var(--text-faint);opacity:0;transition:opacity .3s ease,color .3s ease}.j-tick.is-active .j-tick-year{opacity:1;color:var(--accent)}.j-chapter{position:relative;min-height:150vh}.j-beat{min-height:168vh}.j-stage{position:sticky;top:0;min-height:100vh;display:flex;align-items:center}.j-ghost-year{position:absolute;right:-1vw;top:50%;transform:translateY(-50%);font-family:var(--font-display);font-weight:700;font-size:clamp(6rem,22vw,17rem);line-height:1;letter-spacing:-.03em;color:color-mix(in srgb,var(--accent) 11%,transparent);transition:color .6s ease;pointer-events:none;-webkit-user-select:none;user-select:none}.j-chapter.is-active .j-ghost-year{color:color-mix(in srgb,var(--accent) 18%,transparent)}.j-copy{position:relative;max-width:40rem;padding:8px 0}.j-copy:before{content:"";position:absolute;inset:-36px -56px;z-index:-1;background:radial-gradient(110% 120% at 28% 50%,rgba(8,9,12,.88),rgba(8,9,12,.42) 56%,transparent)}.j-index{font-family:var(--font-mono);font-size:.85rem;letter-spacing:.08em;color:var(--accent)}.j-index i{color:var(--text-faint);font-style:normal}.j-tag{display:block;margin-top:14px;font-family:var(--font-mono);font-size:.76rem;letter-spacing:.18em;text-transform:uppercase;color:var(--text-faint)}.j-title{margin-top:10px;font-family:var(--font-display);font-weight:700;font-size:clamp(2rem,5.5vw,3.4rem);line-height:1.06;letter-spacing:calc(-.02em + var(--j-vel, 0) * .05em);color:var(--text)}.j-beat .j-title{font-size:clamp(2.6rem,7vw,4.6rem)}.j-word{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.12em;margin-bottom:-.12em}.j-word>span{display:inline-block;transform:translateY(112%);transition:transform .7s cubic-bezier(.16,1,.3,1);transition-delay:calc(var(--i) * 55ms)}.j-chapter.is-active .j-word>span{transform:translateY(0)}.j-word+.j-word{margin-left:.28em}.j-body{margin-top:20px;max-width:32rem;font-size:1.12rem;line-height:1.68;color:var(--text-body);opacity:0;transform:translateY(12px);transition:opacity .7s ease .15s,transform .7s cubic-bezier(.16,1,.3,1) .15s}.j-chapter.is-active .j-body{opacity:1;transform:translateY(0)}.j-code{display:inline-block;margin-top:18px;font-family:var(--font-mono);font-size:.82rem;color:color-mix(in srgb,var(--accent) 75%,var(--text-faint));opacity:0;transition:opacity .6s ease .3s}.j-chapter.is-active .j-code{opacity:.92}.j-finale .j-ghost-year{right:50%;transform:translate(50%,-50%)}@media(max-width:760px){.j-spine{left:12px}.j-chapter,.j-beat{min-height:132vh}.j-stage{flex-direction:column;align-items:flex-start;justify-content:center;gap:22px}.j-ghost-year{font-size:clamp(4.5rem,26vw,8rem);right:-2vw;top:32%}.j-copy{max-width:100%}.j-body{font-size:1.04rem}}@media(prefers-reduced-motion:reduce){.j-word>span,.j-body,.j-code{transform:none;opacity:1;transition:none}}.motif{flex-shrink:0;width:48px;height:48px}.motif-orbital{position:relative}.orbit-core{position:absolute;top:50%;left:50%;width:6px;height:6px;margin:-3px 0 0 -3px;border-radius:50%;background:var(--text-faint)}.orbit-ring{position:absolute;inset:4px;border:1px dashed color-mix(in srgb,var(--text-faint) 50%,transparent);border-radius:50%;animation:orbit-spin 7s linear infinite}.project-card:hover .orbit-ring{animation-duration:1.6s}.orbit-ring .orb{position:absolute;width:8px;height:8px;border-radius:50%}.orb-a{top:-4px;left:50%;margin-left:-4px;background:var(--accent);box-shadow:0 0 8px var(--accent)}.orb-b{bottom:-4px;left:50%;margin-left:-4px;background:var(--accent-2);box-shadow:0 0 8px var(--accent-2)}@keyframes orbit-spin{to{transform:rotate(360deg)}}.motif-prism .prism-tri,.skin-beams .prism-tri{fill:none;stroke:color-mix(in srgb,var(--accent) 75%,transparent);stroke-width:1.5}.motif-prism .beam,.skin-beams .beam{stroke-width:1.5;stroke-linecap:round}.beam-in{stroke:#e7e9ee}.beam-r{stroke:#f87171}.beam-g{stroke:#34d399}.beam-b{stroke:#60a5fa}.motif-prism .beam{stroke-dasharray:24;stroke-dashoffset:24;transition:stroke-dashoffset .45s cubic-bezier(.16,1,.3,1)}.motif-prism .beam-in,.project-card:hover .motif-prism .beam{stroke-dashoffset:0}.project-card:hover .motif-prism .beam-g{transition-delay:.07s}.project-card:hover .motif-prism .beam-b{transition-delay:.14s}.motif-tsumiki{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:3px;padding-bottom:2px}.motif-tsumiki .block{width:18px;height:8px;border-radius:2px;background:color-mix(in srgb,var(--accent) 70%,var(--surface))}.motif-tsumiki .block-2{background:color-mix(in srgb,var(--accent) 50%,var(--surface))}.motif-tsumiki .block-3{background:color-mix(in srgb,var(--accent) 35%,var(--surface))}.motif-tsumiki .block-drop{background:var(--accent);opacity:0;transform:translateY(-14px);transition:opacity .3s ease,transform .4s cubic-bezier(.34,1.56,.64,1)}.project-card:hover .block-drop{opacity:1;transform:translateY(0)}.motif-undelivered{position:relative}.motif-undelivered .porch-lamp{position:absolute;top:5px;right:7px;width:5px;height:5px;border-radius:50%;background:var(--accent-2);box-shadow:0 0 8px var(--accent-2);opacity:.55;transition:opacity .3s ease}.project-card:hover .motif-undelivered .porch-lamp{opacity:1;animation:porch-flicker 2.4s ease-in-out infinite}.motif-undelivered .parcel-rig{position:absolute;left:50%;bottom:3px;width:20px;margin-left:-10px;transform-origin:50% 100%;animation:parcel-teeter 2.6s ease-in-out infinite alternate}.project-card:hover .motif-undelivered .parcel-rig{animation-duration:.7s}.motif-undelivered .parcel-box{display:block;width:20px;height:24px;border-radius:2px;background:#b98a52;box-shadow:inset 0 -6px #8f6836;position:relative}.motif-undelivered .parcel-box:after{content:"";position:absolute;left:50%;top:4px;width:6px;height:6px;margin-left:-3px;border-left:2px solid #e8e4d8;border-top:2px solid #e8e4d8;transform:rotate(45deg)}.motif-undelivered .parcel-wheel{display:block;width:12px;height:12px;margin:-2px auto 0;border-radius:50%;background:radial-gradient(circle,#12131a 0 2px,var(--accent) 2px 5px,#292933 5px);position:relative;animation:wheel-roll 1.8s linear infinite}.motif-undelivered .parcel-wheel:after{content:"";position:absolute;top:2px;left:50%;width:2px;height:2px;margin-left:-1px;border-radius:50%;background:#12131a}.project-card:hover .motif-undelivered .parcel-wheel{animation-duration:.5s}@keyframes parcel-teeter{0%{transform:rotate(-7deg)}to{transform:rotate(7deg)}}@keyframes wheel-roll{to{transform:rotate(360deg)}}@keyframes porch-flicker{0%,to{opacity:1}46%{opacity:1}50%{opacity:.35}54%{opacity:1}}.motif-typero{display:flex;align-items:center;justify-content:flex-end;gap:4px;width:auto}.motif-typero .keycap{font-size:.6rem;padding:3px 6px 5px;color:var(--text-faint);transition:transform .15s ease,border-bottom-width .15s ease,color .15s ease}.project-card:hover .motif-typero .keycap{color:var(--accent);animation:keypress .9s ease-in-out infinite}.project-card:hover .motif-typero .key-2{animation-delay:.15s}.project-card:hover .motif-typero .key-3{animation-delay:.3s}@keyframes keypress{0%,40%,to{transform:translateY(0);border-bottom-width:3px}20%{transform:translateY(2px);border-bottom-width:1px}}.skin-scanlines{position:absolute;inset:0;pointer-events:none;z-index:1;background:repeating-linear-gradient(to bottom,transparent 0,transparent 3px,rgba(0,0,0,.14) 3px,rgba(0,0,0,.14) 4px);mix-blend-mode:multiply}.project-page--orbital-dodge .project-name{animation:enter .7s cubic-bezier(.16,1,.3,1) forwards,neon-breathe 1.71s ease-in-out 1s infinite;filter:drop-shadow(0 0 14px color-mix(in srgb,var(--accent) 35%,transparent))}@keyframes neon-breathe{0%,to{filter:drop-shadow(0 0 10px color-mix(in srgb,var(--accent) 25%,transparent))}50%{filter:drop-shadow(0 0 22px color-mix(in srgb,var(--accent) 55%,transparent))}}.project-page--orbital-dodge .play-stage{border-style:solid;border-color:color-mix(in srgb,var(--accent) 45%,var(--border));box-shadow:inset 0 0 60px -30px color-mix(in srgb,var(--accent) 60%,transparent)}.project-page--prism-works .project-hero:after{content:"";position:absolute;bottom:0;left:0;width:min(420px,60%);height:2px;background:linear-gradient(90deg,#f87171,#fbbf24,#34d399,#60a5fa,#a78bfa,transparent);background-size:200% 100%;animation:spectrum-slide 6s linear infinite}@keyframes spectrum-slide{to{background-position:-200% 0}}.skin-beams{position:absolute;top:32px;right:0;width:min(320px,38vw);opacity:.35;pointer-events:none}.skin-beams .beam{stroke-dasharray:120;stroke-dashoffset:120;animation:beam-draw 1.4s cubic-bezier(.16,1,.3,1) .5s forwards}.skin-beams .beam-g{animation-delay:.65s}.skin-beams .beam-b{animation-delay:.8s}@keyframes beam-draw{to{stroke-dashoffset:0}}.project-page--tsumiki .project-hero:before{background:radial-gradient(ellipse at top left,color-mix(in srgb,var(--accent) 18%,transparent),transparent 70%)}.project-page--tsumiki .note{border-radius:20px}.skin-blocks{position:absolute;top:60px;right:4%;width:120px;height:140px;pointer-events:none;opacity:.55}.float-block{position:absolute;border-radius:4px;background:color-mix(in srgb,var(--accent) 60%,var(--surface))}.fb-1{width:34px;height:16px;top:10px;left:10px;animation:bob 5s ease-in-out infinite}.fb-2{width:26px;height:13px;top:60px;right:6px;background:color-mix(in srgb,var(--accent-2) 60%,var(--surface));animation:bob 6.4s ease-in-out .8s infinite}.fb-3{width:30px;height:14px;bottom:8px;left:28px;background:color-mix(in srgb,var(--accent) 38%,var(--surface));animation:bob 5.6s ease-in-out 1.6s infinite}@keyframes bob{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-10px) rotate(2deg)}}.project-page--typero .project-name,.project-page--typero .note-title{font-family:var(--font-mono)}.project-page--typero .project-name{letter-spacing:-.04em}.project-page--typero .project-name:after{content:"▍";margin-left:6px;background:none;-webkit-background-clip:initial;background-clip:initial;-webkit-text-fill-color:var(--accent);color:var(--accent);animation:caret-blink 1.1s steps(1) infinite}@keyframes caret-blink{50%{opacity:0}}@media(max-width:760px){.skin-beams,.skin-blocks{display:none}}@media(prefers-reduced-motion:reduce){.motif-prism .beam,.skin-beams .beam{stroke-dashoffset:0}.motif-tsumiki .block-drop{opacity:1;transform:none}}