*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0a0a0a;--bg-card:#111113;--bg-card-hover:#18181c;--surface:#1a1a1f;--border:#2a2a32;--border-bright:#404050;--accent:#e8e0ff;--accent-2:#7c6dfa;--accent-3:#c8f564;--text-primary:#f0eeff;--text-secondary:#9090a8;--text-muted:#55556a;--font-sans:"Space Grotesk", system-ui, sans-serif;--font-mono:"Space Mono", monospace;--radius:2px;--header-h:64px}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;font-size:16px}body{background:var(--bg);color:var(--text-primary);font-family:var(--font-sans);min-height:100vh;overflow-x:hidden}img{max-width:100%;display:block}button{cursor:pointer;background:0 0;border:none;font-family:inherit}a{color:inherit;text-decoration:none}.app{flex-direction:column;min-height:100vh;display:flex}.blog-header{height:var(--header-h);z-index:900;-webkit-backdrop-filter:blur(8px);border-bottom:1px solid var(--border);background:linear-gradient(#0a0a0af2 70%,#0000);justify-content:space-between;align-items:center;padding:0 2rem;display:flex;position:fixed;top:0;left:0;right:0}.logo-btn{align-items:center;gap:.75rem;transition:opacity .2s;display:flex}.logo-btn:hover{opacity:.75}.kuru-svg-logo{width:60px;height:auto;display:block}.blog-label{font-family:var(--font-mono);letter-spacing:.25em;color:var(--accent-2);border:1px solid var(--accent-2);border-radius:var(--radius);padding:2px 6px;font-size:.65rem;line-height:1}.header-nav{gap:1.5rem;display:flex}.nav-link{font-family:var(--font-mono);letter-spacing:.15em;color:var(--text-secondary);font-size:.7rem;transition:color .2s}.nav-link:hover{color:var(--text-primary)}.blog-main{padding-top:calc(var(--header-h) + 3rem);flex:1;padding-bottom:6rem;position:relative}.grid-noise{pointer-events:none;z-index:0;opacity:.35;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.04'/%3E%3C/svg%3E");position:fixed;inset:0}.hero-section{max-width:1200px;margin:0 auto;padding:0 2rem 5rem}.hero-eyebrow{align-items:center;gap:1rem;margin-bottom:2.5rem;display:flex}.hero-line{background:var(--border);flex:1;max-width:60px;height:1px}.hero-tag{font-family:var(--font-mono);letter-spacing:.2em;color:var(--text-muted);font-size:.65rem}.hero-title{letter-spacing:-.03em;color:var(--text-primary);margin-bottom:1.5rem;font-size:clamp(3.5rem,9vw,8rem);font-weight:700;line-height:.9}.hero-title em{color:var(--accent-2);-webkit-text-stroke:1px var(--accent-2);font-style:normal}.hero-sub{color:var(--text-secondary);max-width:480px;font-size:1rem;font-weight:300;line-height:1.7}.posts-grid{z-index:1;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1.5px;max-width:1200px;margin:0 auto;padding:0 2rem;display:grid;position:relative}.post-card{background:var(--bg-card);cursor:pointer;border:1px solid var(--border);outline:none;flex-direction:column;transition:background .25s;display:flex}.post-card:hover,.post-card:focus-visible{background:var(--bg-card-hover);border-color:var(--border-bright)}.post-card:focus-visible{outline:2px solid var(--accent-2);outline-offset:2px}.card-image-wrap{aspect-ratio:16/9;position:relative;overflow:hidden}.card-image{object-fit:cover;filter:saturate(.5)brightness(.7);width:100%;height:100%;transition:filter .4s,transform .4s}.post-card:hover .card-image{filter:saturate(.85)brightness(.85);transform:scale(1.04)}.card-image-overlay{background:linear-gradient(#0000 40%,#0a0a0acc 100%);position:absolute;inset:0}.card-category{font-family:var(--font-mono);letter-spacing:.2em;color:var(--accent-3);border:1px solid var(--accent-3);background:#0a0a0abf;padding:3px 8px;font-size:.6rem;position:absolute;top:1rem;left:1rem}.card-body{flex-direction:column;flex:1;gap:.5rem;padding:1.5rem;display:flex}.card-date{font-family:var(--font-mono);color:var(--text-muted);letter-spacing:.08em;font-size:.65rem}.card-title{letter-spacing:-.02em;color:var(--text-primary);font-size:1.35rem;font-weight:700;line-height:1.15}.card-jp{color:var(--text-muted);letter-spacing:.05em;font-size:.7rem;font-weight:300}.card-excerpt{color:var(--text-secondary);flex:1;margin-top:.25rem;font-size:.88rem;line-height:1.65}.card-cta{font-family:var(--font-mono);letter-spacing:.15em;color:var(--accent-2);margin-top:.75rem;font-size:.65rem;transition:letter-spacing .2s;display:inline-block}.post-card:hover .card-cta{letter-spacing:.22em}.post-detail{padding-top:var(--header-h);flex:1;padding-bottom:6rem}.back-btn{font-family:var(--font-mono);letter-spacing:.15em;color:var(--text-secondary);align-items:center;gap:.5rem;padding:1.25rem 2rem;font-size:.7rem;transition:color .2s,letter-spacing .2s;display:inline-flex}.back-btn:hover{color:var(--text-primary);letter-spacing:.2em}.post-hero{height:clamp(320px,50vh,560px);position:relative;overflow:hidden}.post-cover{object-fit:cover;filter:saturate(.4)brightness(.5);width:100%;height:100%}.post-hero-overlay{background:linear-gradient(#0000 0%,#0a0a0a4d 40%,#0a0a0a 100%);position:absolute;inset:0}.post-hero-meta{position:absolute;bottom:2.5rem;left:2rem;right:2rem}.post-category-badge{font-family:var(--font-mono);letter-spacing:.25em;color:var(--accent-3);border:1px solid var(--accent-3);margin-bottom:1rem;padding:3px 10px;font-size:.6rem;display:inline-block}.post-title{letter-spacing:-.03em;margin-bottom:.5rem;font-size:clamp(2rem,5vw,4rem);font-weight:700;line-height:1}.post-title-jp{color:var(--text-muted);letter-spacing:.08em;margin-bottom:.75rem;font-size:.8rem}.post-date{font-family:var(--font-mono);color:var(--text-muted);font-size:.65rem}.post-body{max-width:720px;margin:3rem auto;padding:0 2rem}.post-lead{color:var(--text-secondary);font-size:1.2rem;font-weight:300;line-height:1.75}.post-divider{background:var(--border);height:1px;margin:2rem 0}.post-content{flex-direction:column;gap:1.25rem;display:flex}.post-h1{letter-spacing:-.02em;color:var(--text-primary);font-size:2rem;font-weight:700}.post-h2{letter-spacing:-.01em;color:var(--text-primary);border-top:1px solid var(--border);padding-top:1rem;font-size:1.35rem;font-weight:600}.post-para{color:var(--text-secondary);font-size:1rem;line-height:1.85}.post-para strong{color:var(--text-primary);font-weight:600}.post-blockquote{border-left:3px solid var(--accent-2);color:var(--text-secondary);background:#7c6dfa0f;margin:.5rem 0;padding:.75rem 1.25rem;font-size:1.05rem;font-style:italic;line-height:1.7}.post-footer{border-top:1px solid var(--border);max-width:720px;margin:3rem auto;padding:2rem 2rem 0}.back-btn-bottom{font-family:var(--font-mono);letter-spacing:.15em;color:var(--text-secondary);font-size:.7rem;transition:color .2s}.back-btn-bottom:hover{color:var(--text-primary)}.blog-footer{border-top:1px solid var(--border);font-family:var(--font-mono);letter-spacing:.12em;color:var(--text-muted);align-items:center;gap:1.5rem;padding:1.5rem 2rem;font-size:.65rem;display:flex}.footer-sep{color:var(--border-bright)}.blog-footer a:hover{color:var(--text-secondary)}@media (width<=768px){.blog-header{padding:0 1.25rem}.hero-section{padding:0 1.25rem 4rem}.posts-grid{grid-template-columns:1fr;gap:1px;padding:0}.post-body{padding:0 1.25rem}.post-hero-meta{bottom:1.5rem;left:1.25rem;right:1.25rem}.back-btn{padding:1rem 1.25rem}.blog-footer{flex-direction:column;align-items:flex-start;gap:.5rem}}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.hero-title{animation:.7s cubic-bezier(.16,1,.3,1) both fadeUp}.hero-sub{animation:.7s cubic-bezier(.16,1,.3,1) .1s both fadeUp}.posts-grid{animation:.7s cubic-bezier(.16,1,.3,1) .15s both fadeUp}.post-detail{animation:.5s cubic-bezier(.16,1,.3,1) both fadeUp}