:root{--paper: #fdfdfb;--grid: rgba(40, 44, 56, .08);--ink: #1b1d24;--ink-soft: #5a5e6b;--grey: #8b8c96;--hair: #e3e4e8;--card: #ffffff;--accent: #3a63c8;--accent-soft: #edf1fa;--red: #e6432d;--yellow: #ffcf4d;--font-sans: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Yu Gothic", sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, monospace}@media(prefers-color-scheme:dark){:root{--paper: #10141d;--grid: rgba(140, 160, 220, .1);--ink: #e8eaf2;--ink-soft: #a9aebd;--grey: #7d828f;--hair: #262c3a;--card: #171c28;--accent: #7ba3e0;--accent-soft: #1c2435;--red: #e6432d;--yellow: #ffcf4d}}*{box-sizing:border-box}html{margin:0;padding:0}body{margin:0;padding:0;background-color:var(--paper);background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:20px 20px;color:var(--ink);font-family:var(--font-sans);font-size:15px;line-height:1.9;-webkit-font-smoothing:antialiased}a{color:var(--accent)}img{max-width:100%;height:auto}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.container{max-width:880px;margin:0 auto;padding:0 32px}header.site-head{border-bottom:1px solid var(--hair)}.site-head .container{display:flex;align-items:center;gap:28px;padding-top:22px;padding-bottom:22px}.logo{font-size:17px;letter-spacing:.14em;font-weight:700;color:var(--ink);text-decoration:none;white-space:nowrap}.logo .dot-mark{color:var(--red)}nav.global{margin-left:auto;display:flex;gap:22px;flex-wrap:wrap}nav.global a{font-family:var(--font-mono);font-size:13px;letter-spacing:.08em;color:var(--ink-soft);text-decoration:none;border-bottom:1px solid transparent;padding-bottom:2px}nav.global a:hover,nav.global a[aria-current=page]{color:var(--accent);border-bottom-color:var(--accent)}section.band{border-top:1px solid var(--hair)}section.band .container{padding-top:76px;padding-bottom:84px}.sec-label{display:flex;align-items:center;gap:14px;font-family:var(--font-mono);font-size:12px;letter-spacing:.22em;color:var(--grey);margin:0 0 14px}.sec-label:before{content:"";width:34px;height:1px;background:var(--accent)}.sec-title{font-size:clamp(20px,3vw,26px);font-weight:700;letter-spacing:.03em;margin:0 0 40px;text-wrap:balance}.btn{display:inline-block;font-size:13.5px;letter-spacing:.06em;text-decoration:none;padding:12px 30px;border-radius:2px}.btn-primary{background:var(--ink);color:var(--paper)}.btn-primary:hover{background:var(--accent)}.btn-ghost{border:1px solid var(--ink);color:var(--ink)}.btn-ghost:hover{border-color:var(--accent);color:var(--accent)}.cta-row{display:flex;gap:14px;flex-wrap:wrap}.page-hero .container{padding-top:64px;padding-bottom:56px}.page-hero h1{font-size:clamp(24px,3.6vw,32px);font-weight:700;letter-spacing:.03em;margin:0;text-wrap:balance}.page-hero .lede{font-size:14.5px;color:var(--ink-soft);margin:18px 0 0;max-width:40em}.works-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.work-card{background:var(--card);border:1px solid var(--hair);padding:28px 28px 24px;text-decoration:none;color:inherit;display:block;transition:border-color .2s}.work-card:hover{border-color:var(--accent)}.work-card .tag{font-family:var(--font-mono);font-size:11px;letter-spacing:.16em;color:var(--accent);margin:0 0 12px}.work-card h3{font-size:16.5px;margin:0 0 10px;letter-spacing:.02em}.work-card p{font-size:13px;color:var(--ink-soft);margin:0}.more-link{display:inline-block;margin-top:34px;font-size:13.5px;color:var(--accent);text-decoration:none;letter-spacing:.06em;border-bottom:1px solid var(--accent);padding-bottom:2px}.post-list{list-style:none;margin:0;padding:0}.post-list li{border-bottom:1px solid var(--hair)}.post-list a{display:flex;align-items:baseline;gap:18px;padding:18px 4px;text-decoration:none;color:inherit}.post-list a:hover .post-title{color:var(--accent)}.post-list time{font-family:var(--font-mono);font-size:12px;color:var(--grey);letter-spacing:.06em;white-space:nowrap;font-variant-numeric:tabular-nums}.post-list .pillar-chip{font-size:11px;color:var(--ink);border:1px solid var(--yellow);background:color-mix(in srgb,var(--yellow) 18%,transparent);border-radius:999px;padding:1px 10px;white-space:nowrap}.post-list .post-title{font-size:14.5px}.prose{max-width:40em}.prose h2{font-size:20px;font-weight:700;letter-spacing:.03em;margin:2.6em 0 .9em;padding-top:1.2em;border-top:1px solid var(--hair)}.prose h3{font-size:16px;margin:2em 0 .7em}.prose p{margin:0 0 1.5em}.prose hr{border:none;border-top:1px solid var(--hair);margin:2.5em 0}.prose blockquote{margin:1.5em 0;padding:.2em 0 .2em 1.2em;border-left:2px solid var(--accent);color:var(--ink-soft)}.prose ul,.prose ol{padding-left:1.4em;margin:0 0 1.5em}.prose code{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.88em;background:var(--accent-soft);padding:.1em .4em;border-radius:3px}.prose pre{background:var(--card);border:1px solid var(--hair);padding:16px 20px;overflow-x:auto;border-radius:4px}.prose pre code{background:none;padding:0}footer.site-foot{border-top:1px solid var(--hair)}footer.site-foot .container{padding-top:30px;padding-bottom:34px;display:flex;gap:24px;align-items:baseline;flex-wrap:wrap;font-size:12px;color:var(--grey)}footer.site-foot a{color:var(--ink-soft);text-decoration:none}footer.site-foot a:hover{color:var(--accent)}footer.site-foot .cr{margin-left:auto;letter-spacing:.06em}@media(max-width:760px){.works-grid{grid-template-columns:1fr}section.band .container{padding-top:56px;padding-bottom:64px}nav.global{gap:14px}.container{padding:0 22px}}