@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Space+Mono:ital,wght@0,400;0,700;1,400&family=Inter:wght@400;700;900&display=swap";.feature-list{display:flex;flex-direction:column;gap:4.5rem}.feature{display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:2.5rem}.feature--reverse .feature__media{order:2}.feature__media{display:block;position:relative;border-radius:var(--radius-lg);overflow:hidden;border:1.5px solid var(--border-color);box-shadow:var(--shadow-soft-lg);transition:transform .3s ease,border-color .3s ease}.feature__media:after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px #ffffff14;pointer-events:none}.feature__media img{width:100%;aspect-ratio:16/10;object-fit:cover;transition:transform .4s ease}.feature__media:hover{transform:translateY(-6px);border-color:var(--accent)}.feature__media:hover img{transform:scale(1.04)}.feature__body{display:flex;flex-direction:column;align-items:flex-start}.feature__head{display:flex;align-items:center;gap:.75rem}.feature__name{margin:0;font-size:clamp(1.6rem,3vw,2.2rem);text-transform:none;letter-spacing:-.01em}.feature__stars{font-family:Space Mono,monospace;font-size:.75rem;font-weight:700;color:var(--accent-warm);white-space:nowrap;padding:.2rem .6rem;border-radius:var(--radius-pill);background:#ff8a3d24}.feature__tagline{margin:.6rem 0 1rem;font-size:1rem;font-style:italic;font-weight:700;color:var(--accent)}.feature__desc{margin:0 0 1.5rem;font-size:.95rem;line-height:1.7;opacity:.85}.feature__tech{list-style:none;margin:0 0 1.75rem;padding:0;display:flex;flex-wrap:wrap;gap:.5rem}.feature__tech li{font-size:.7rem;text-transform:uppercase;letter-spacing:.03em;font-weight:700;padding:.3rem .7rem;border-radius:var(--radius-pill);color:var(--accent);background:var(--accent-soft)}.feature__link{font-family:Space Mono,monospace;font-weight:700;font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;color:var(--fg);padding:.65rem 1.4rem;border-radius:var(--radius-pill);border:1.5px solid var(--border-color);transition:all .2s ease}.feature__link:hover{color:#fff;background:var(--accent);border-color:transparent;transform:translateY(-2px)}@media(max-width:768px){.feature-list{gap:3rem}.feature{grid-template-columns:1fr;gap:1.5rem}.feature--reverse .feature__media{order:0}}.hero-fragments{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:2rem;min-height:clamp(380px,60vh,560px)}.hero-fragments__intro{display:flex;flex-direction:column;align-items:flex-start}.hero-fragments__hi{font-family:Space Mono,monospace;font-weight:700;font-size:clamp(.9rem,1.6vw,1.1rem);text-transform:uppercase;letter-spacing:.08em;color:var(--accent);margin:0 0 .25rem}.hero-fragments__name{font-size:clamp(2.4rem,6vw,4rem);letter-spacing:-.04em;margin:0;line-height:.95}.hero-fragments__role{font-family:Space Mono,monospace;font-size:clamp(.85rem,1.4vw,1rem);line-height:1.6;opacity:.75;margin:1rem 0 1.75rem;max-width:42ch}.hero-fragments__chips{list-style:none;display:flex;flex-wrap:wrap;gap:.5rem;padding:0;margin:0}.hero-fragments__chips a{display:inline-block;font-family:Space Mono,monospace;font-weight:700;font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;padding:.4rem .85rem;border-radius:var(--radius-pill);border:1.5px solid var(--border-color);color:var(--fg);transition:background .18s ease,color .18s ease,border-color .18s ease}.hero-fragments__chips a:hover{background:var(--accent);color:#fff;border-color:transparent}.hero-fragments__stage{position:relative;width:100%;aspect-ratio:1/1;max-height:560px;cursor:grab}.hero-fragments__stage canvas{display:block;width:100%!important;height:100%!important}@media(max-width:820px){.hero-fragments{grid-template-columns:1fr;gap:1rem;text-align:left}.hero-fragments__stage{order:-1;aspect-ratio:4/3;max-height:360px}}.vector-space{width:100%;height:400px}.vector-space canvas{display:block;width:100%;height:100%;cursor:grab}.vector-space canvas:active{cursor:grabbing}:root{--bg: #f5f0e8;--bg-glass: rgba(245, 240, 232, .7);--fg: #0a0a0a;--accent: #1566d6;--accent-strong: #0d4ea8;--accent-soft: rgba(21, 102, 214, .12);--accent-2: #7c5cff;--accent-warm: #ff8a3d;--card-bg: #ffffff;--card-glass: rgba(255, 255, 255, .55);--border-color: rgba(10, 10, 10, .14);--border-strong: rgba(10, 10, 10, .8);--code-bg: #0a0a0a;--code-color: #00ff41;--hover-bg: rgba(0, 0, 0, .05);--footer-bg: #0a0a0a;--footer-fg: #ffffff;--radius-sm: 10px;--radius-md: 16px;--radius-lg: 24px;--radius-pill: 999px;--shadow-soft: 0 10px 30px rgba(0, 0, 0, .08);--shadow-soft-lg: 0 18px 50px rgba(0, 0, 0, .12);--shadow-pop: 0 12px 28px rgba(21, 102, 214, .28)}[data-theme=dark]{--bg: #111111;--bg-glass: rgba(20, 20, 20, .65);--fg: #e8e6e1;--accent: #4d92ff;--accent-strong: #2e7bf0;--accent-soft: rgba(77, 146, 255, .16);--accent-2: #a78bff;--accent-warm: #ffa766;--card-bg: #1a1a1a;--card-glass: rgba(36, 36, 36, .55);--border-color: rgba(232, 230, 225, .16);--border-strong: rgba(232, 230, 225, .7);--code-bg: #000000;--code-color: #00ff41;--hover-bg: rgba(255, 255, 255, .06);--footer-bg: #000000;--footer-fg: #e8e6e1;--shadow-soft: 0 10px 30px rgba(0, 0, 0, .4);--shadow-soft-lg: 0 18px 50px rgba(0, 0, 0, .5);--shadow-pop: 0 12px 28px rgba(77, 146, 255, .3)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}::selection{background:var(--accent);color:#fff}html{scroll-behavior:smooth}body{font-family:Space Mono,monospace;font-size:16px;line-height:1.6;background-color:var(--bg);color:var(--fg);transition:background-color .2s,color .2s;display:flex;flex-direction:column;min-height:100vh}p{color:var(--fg);line-height:1.7;margin:1.25rem 0;font-size:1rem}h1,h2,h3,h4,h5,h6{font-family:Inter,sans-serif;font-weight:900;color:var(--fg);text-transform:uppercase;letter-spacing:-.02em;line-height:1.1}h1{font-size:clamp(2.5rem,6vw,4.5rem)}h2{font-size:clamp(1.4rem,3vw,2rem)}h3{font-size:clamp(1.1rem,2.5vw,1.5rem)}a{color:var(--fg);text-decoration:none;transition:color .15s}a:hover{color:var(--accent)}img{max-width:100%;display:block}code{font-family:Space Mono,monospace;background:var(--code-bg);color:var(--code-color);padding:.15em .4em;font-size:.85em;border-radius:6px}pre{background:var(--code-bg);color:var(--code-color);padding:1.5rem;overflow-x:auto;border:1.5px solid var(--border-color);border-radius:var(--radius-md);margin:2rem 0}pre code{background:none;padding:0;font-size:.85rem;border-radius:0}.container{max-width:1100px;width:100%;margin:0 auto;padding:0 1.5rem}.content-wrapper{max-width:720px;margin:0 auto}.site-main{flex:1 0 auto;padding-top:2rem;padding-bottom:4rem}.page-title{font-size:clamp(1.5rem,3vw,2rem);margin-bottom:2rem;padding-bottom:1rem;border-bottom:1.5px solid var(--border-color);position:relative}.page-title:after{content:"";position:absolute;bottom:-2px;left:0;width:80px;height:4px;border-radius:var(--radius-pill);background:linear-gradient(90deg,var(--accent),var(--accent-2))}.hero-collage{padding:1.5rem 0 2.5rem;margin-bottom:2.5rem;border-bottom:1.5px solid var(--border-color)}.home-posts{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.home-posts .post-preview,.home-posts .post-card{margin-bottom:0}.concept-space{margin-top:1rem}.concept-space .last-posts{margin-bottom:1.5rem}.concept-space__hint{text-align:center;font-family:Space Mono,monospace;font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;opacity:.5;margin:1rem 0 0}.last-posts{font-family:Inter,sans-serif;font-weight:900;font-size:.85rem;text-transform:uppercase;letter-spacing:.1em;border-bottom:1.5px solid var(--border-color);padding-bottom:.75rem;margin-bottom:2rem;position:relative}.last-posts:after{content:"";position:absolute;bottom:-6px;left:0;width:60px;height:3px;background:var(--accent)}.featured-projects{margin:3.5rem 0 1rem}.featured-projects .last-posts{margin-bottom:2rem}.featured-projects__more{margin-top:1.75rem;overflow:hidden}.more-post{margin:3rem auto;overflow:hidden}.more-post__link{display:inline-block;float:right;font-family:Space Mono,monospace;font-weight:700;font-size:.85rem;text-transform:uppercase;letter-spacing:.05em;text-decoration:none;color:var(--fg);border:1.5px solid var(--border-color);border-radius:var(--radius-pill);padding:.75rem 2rem;transition:all .2s ease}.more-post__link:hover{background:var(--accent);color:#fff;border-color:transparent;transform:translateY(-3px)}