:root{--bg: #f7f6f2;--bg-soft: #fffef9;--surface: #ffffff;--surface-2: #eeece4;--border: rgba(24, 24, 34, .11);--border-strong: rgba(24, 24, 34, .2);--text: #1b1b24;--text-dim: #565663;--text-faint: #8b8b98;--blue: #2f6bff;--blue-bright: #5285ff;--blue-deep: #1f4fd0;--violet: #7c5cff;--coral: #ff5a5f;--yellow: #ffc12b;--mint: #10b981;--accent: var(--blue);--brass: var(--blue);--brass-bright: var(--blue-bright);--brass-deep: var(--blue-deep);--brass-glow: rgba(47, 107, 255, .22);--on-accent: #ffffff;--cat-product: var(--blue);--cat-ai: var(--violet);--cat-drums: var(--coral);--cat-journal: #3f9e6e;--font-display: "Bricolage Grotesque", system-ui, -apple-system, "Hiragino Kaku Gothic ProN", "Noto Sans JP", sans-serif;--font-sans: "Hanken Grotesque", system-ui, -apple-system, "Hiragino Kaku Gothic ProN", "Noto Sans JP", sans-serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--radius-sm: 8px;--radius: 14px;--radius-lg: 22px;--shadow: 0 18px 44px -24px rgba(30, 30, 70, .3);--shadow-pop: 0 12px 28px -14px var(--brass-glow);--ease: cubic-bezier(.2, .8, .2, 1);--maxw: 1140px;--maxw-prose: 720px;--gutter: clamp(1.15rem, 4vw, 2.75rem);color-scheme:light}*,*:before,*:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{min-height:100dvh;background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:1rem;line-height:1.65;font-synthesis:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;background:radial-gradient(58% 55% at 10% -2%,rgba(47,107,255,.1),transparent 60%),radial-gradient(52% 46% at 94% 2%,rgba(255,193,43,.16),transparent 60%),radial-gradient(46% 52% at 82% 102%,rgba(255,90,95,.08),transparent 60%)}body:after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background-image:radial-gradient(rgba(24,24,44,.05) 1px,transparent 1.4px);background-size:26px 26px}img,picture,svg,video{display:block;max-width:100%;height:auto}a{color:inherit;text-decoration:none}::selection{background:var(--yellow);color:#1b1b24}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:3px}::-webkit-scrollbar{width:11px;height:11px}::-webkit-scrollbar-track{background:var(--bg-soft)}::-webkit-scrollbar-thumb{background:#d7d4ca;border-radius:99px;border:3px solid var(--bg-soft)}::-webkit-scrollbar-thumb:hover{background:var(--blue)}h1,h2,h3,h4{font-family:var(--font-display);font-weight:700;line-height:1.05;letter-spacing:-.02em}.eyebrow{font-family:var(--font-mono);font-size:.72rem;font-weight:500;letter-spacing:.22em;text-transform:uppercase;color:var(--accent)}.container{width:100%;max-width:var(--maxw);margin-inline:auto;padding-inline:var(--gutter)}.section{padding-block:clamp(3.5rem,8vw,6.5rem)}.stack>*+*{margin-top:1rem}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:1.5rem;flex-wrap:wrap;margin-bottom:2.25rem}.section-head h2{font-size:clamp(1.7rem,3.4vw,2.5rem)}.section-head .more{font-family:var(--font-mono);font-size:.82rem;color:var(--text-dim);border-bottom:1px solid var(--border-strong);padding-bottom:3px;transition:color .25s var(--ease),border-color .25s var(--ease)}.section-head .more:hover{color:var(--accent);border-color:var(--accent)}.btn{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font-sans);font-weight:700;font-size:.95rem;line-height:1;padding:.85rem 1.35rem;border-radius:12px;border:1px solid transparent;cursor:pointer;transition:transform .15s var(--ease),background .2s var(--ease),border-color .2s var(--ease),box-shadow .15s var(--ease)}.btn-primary{background:var(--blue);color:var(--on-accent);box-shadow:0 3px 0 var(--blue-deep)}.btn-primary:hover{background:var(--blue-bright);transform:translateY(-2px);box-shadow:0 6px 0 var(--blue-deep)}.btn-primary:active{transform:translateY(1px);box-shadow:0 1px 0 var(--blue-deep)}.btn-ghost{background:#fff;color:var(--text);border-color:var(--border-strong);box-shadow:0 3px #1818281a}.btn-ghost:hover{border-color:var(--blue);color:var(--blue);transform:translateY(-2px);box-shadow:0 6px #1818281a}.btn-ghost:active{transform:translateY(1px);box-shadow:0 1px #1818281a}.chip{display:inline-flex;align-items:center;gap:.4rem;font-family:var(--font-mono);font-size:.68rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;padding:.28rem .6rem;border-radius:99px;border:1px solid color-mix(in srgb,var(--chip-color, var(--accent)) 45%,transparent);color:color-mix(in srgb,var(--chip-color, var(--accent)) 78%,#101018);background:color-mix(in srgb,var(--chip-color, var(--accent)) 14%,#fff);transition:background .2s var(--ease)}.chip:before{content:"";width:6px;height:6px;border-radius:2px;background:var(--chip-color, var(--accent))}.chip[data-cat=Product]{--chip-color: var(--cat-product)}.chip[data-cat=AI]{--chip-color: var(--cat-ai)}.chip[data-cat=Drums]{--chip-color: var(--cat-drums)}.chip[data-cat=Journal]{--chip-color: var(--cat-journal)}.card{position:relative;display:flex;flex-direction:column;background:linear-gradient(180deg,#fff 0%,var(--bg-soft) 100%);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem;transition:transform .28s var(--ease),border-color .28s var(--ease),box-shadow .28s var(--ease)}.card:hover{transform:translateY(-4px);border-color:var(--border-strong);box-shadow:var(--shadow)}[data-reveal]{opacity:0;transform:translateY(16px);transition:opacity .7s var(--ease),transform .7s var(--ease);transition-delay:calc(var(--i, 0) * 70ms);will-change:opacity,transform}[data-reveal].is-visible{opacity:1;transform:none}.prose{font-family:var(--font-sans);font-size:1.12rem;line-height:1.85;color:#2b2b36}.prose>*+*{margin-top:1.35em}.prose h2{font-family:var(--font-display);font-size:1.7rem;color:var(--text);margin-top:2.4em;padding-top:.2em}.prose h3{font-family:var(--font-display);font-size:1.3rem;color:var(--text);margin-top:1.9em}.prose a{color:var(--blue-deep);text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--blue) 45%,transparent);text-underline-offset:3px;transition:text-decoration-color .2s var(--ease)}.prose a:hover{text-decoration-color:var(--blue)}.prose strong{color:var(--text);font-weight:700}.prose blockquote{border-left:3px solid var(--blue);padding:.2em 0 .2em 1.2em;color:var(--text-dim);font-style:italic}.prose code{font-family:var(--font-mono);font-size:.85em;background:color-mix(in srgb,var(--blue) 9%,#fff);border:1px solid color-mix(in srgb,var(--blue) 20%,transparent);padding:.12em .4em;border-radius:5px;color:var(--blue-deep)}.prose pre{font-family:var(--font-mono);background:#12141c!important;border:1px solid rgba(0,0,0,.12);border-radius:var(--radius);padding:1.15rem 1.3rem;overflow-x:auto;font-size:.9rem;line-height:1.6;color:#e6e6ef;box-shadow:var(--shadow)}.prose pre code{background:none;border:none;padding:0;color:inherit;font-size:inherit}.prose img{border-radius:var(--radius);border:1px solid var(--border)}.prose ul,.prose ol{padding-left:1.4em}.prose li+li{margin-top:.5em}.prose li::marker{color:var(--blue)}.prose hr{border:none;height:1.4rem;margin-block:2.4em;background-image:radial-gradient(circle,var(--blue) 1.6px,transparent 2px);background-size:16px 100%;background-position:center;background-repeat:repeat-x;opacity:.55}.mono{font-family:var(--font-mono)}.dim{color:var(--text-dim)}.text-center{text-align:center}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}[data-reveal]{opacity:1;transform:none}}.container.narrow{max-width:var(--maxw-prose)}.page-head{margin-bottom:2.5rem}.page-head .eyebrow{color:var(--text-faint)}.page-head h1{font-size:clamp(1.65rem,3.4vw,2.1rem);font-weight:700;margin-block:.55rem .4rem}.page-head h1 span{color:var(--text-faint);font-size:.55em;font-weight:500}.page-head .dim{font-size:.9rem}.filter{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:2rem}.filter-item{font-family:var(--font-mono);font-size:.78rem;padding:.4rem .85rem;border-radius:99px;border:1px solid var(--border);color:var(--text-dim);transition:color .2s var(--ease),border-color .2s var(--ease),background .2s var(--ease)}.filter-item:hover{border-color:var(--border-strong);color:var(--text)}.filter-item.active{background:var(--blue);color:var(--on-accent);border-color:var(--blue)}.post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}@media(max-width:860px){.post-grid{grid-template-columns:1fr}}.mini-tag{font-size:.7rem;color:var(--text-dim);border:1px solid var(--border);padding:.22rem .55rem;border-radius:99px}.site-header[data-astro-cid-3ef6ksr2]{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--bg) 78%,transparent);backdrop-filter:blur(14px) saturate(1.2);-webkit-backdrop-filter:blur(14px) saturate(1.2);border-bottom:1px solid var(--border)}.bar[data-astro-cid-3ef6ksr2]{display:flex;align-items:center;justify-content:space-between;gap:1rem;height:66px}.brand[data-astro-cid-3ef6ksr2]{display:inline-flex;align-items:center;gap:.6rem;font-family:var(--font-display);font-weight:800;font-size:1.2rem;letter-spacing:-.03em}.brand-mark[data-astro-cid-3ef6ksr2]{width:11px;height:11px;border-radius:3px;background:var(--brass);box-shadow:0 0 0 0 var(--brass-glow);animation:pulse 2.4s var(--ease) infinite}.brand-name[data-astro-cid-3ef6ksr2]{background:linear-gradient(100deg,var(--text),var(--brass-bright));-webkit-background-clip:text;background-clip:text;color:transparent}.bar-right[data-astro-cid-3ef6ksr2]{display:flex;align-items:center;gap:clamp(.6rem,1.8vw,1.2rem)}.nav[data-astro-cid-3ef6ksr2]{display:flex;align-items:center;gap:clamp(.35rem,2vw,1.35rem)}.nav-link[data-astro-cid-3ef6ksr2]{position:relative;font-size:.92rem;font-weight:500;color:var(--text-dim);padding:.35rem .15rem;transition:color .2s var(--ease)}.nav-link[data-astro-cid-3ef6ksr2]:hover{color:var(--text)}.nav-link[data-astro-cid-3ef6ksr2].active{color:var(--brass)}.nav-link[data-astro-cid-3ef6ksr2].active:after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:2px;border-radius:2px;background:var(--brass)}.social[data-astro-cid-3ef6ksr2]{display:flex;align-items:center;gap:.8rem;padding-left:clamp(.6rem,1.8vw,1.15rem);border-left:1px solid var(--border)}.social[data-astro-cid-3ef6ksr2] a[data-astro-cid-3ef6ksr2]{display:inline-flex;align-items:center;color:var(--text-dim);transition:color .2s var(--ease)}.social[data-astro-cid-3ef6ksr2] a[data-astro-cid-3ef6ksr2]:hover{color:var(--brass)}.social[data-astro-cid-3ef6ksr2] .ic[data-astro-cid-3ef6ksr2]{width:18px;height:18px;display:block}@keyframes pulse{0%,to{box-shadow:0 0 0 0 var(--brass-glow)}50%{box-shadow:0 0 0 5px transparent;background:var(--brass-bright)}}@media(max-width:620px){.social[data-astro-cid-3ef6ksr2]{display:none}}@media(max-width:460px){.brand[data-astro-cid-3ef6ksr2]{font-size:1.05rem;gap:.45rem}.nav[data-astro-cid-3ef6ksr2]{gap:.55rem}.nav-link[data-astro-cid-3ef6ksr2]{font-size:.82rem}}.site-footer[data-astro-cid-sz7xmlte]{margin-top:4rem;border-top:1px solid var(--border);background:linear-gradient(180deg,transparent,var(--bg-soft))}.beat-line[data-astro-cid-sz7xmlte]{height:3px;background-image:radial-gradient(circle,var(--brass) 1.4px,transparent 2px);background-size:22px 3px;background-repeat:repeat-x;opacity:.4}.foot[data-astro-cid-sz7xmlte]{display:grid;grid-template-columns:2fr 1fr 1fr;gap:2.5rem;padding-block:3rem 2rem}.fb-name[data-astro-cid-sz7xmlte]{font-weight:800;font-size:1.35rem;letter-spacing:-.03em;color:var(--brass)}.fb-tag[data-astro-cid-sz7xmlte]{margin-top:.4rem;font-weight:600}.fb-desc[data-astro-cid-sz7xmlte]{margin-top:.6rem;font-size:.85rem;max-width:42ch;line-height:1.6}.foot-col[data-astro-cid-sz7xmlte]{display:flex;flex-direction:column;gap:.7rem;font-size:.9rem}.foot-col[data-astro-cid-sz7xmlte] a[data-astro-cid-sz7xmlte]{color:var(--text-dim);width:fit-content;transition:color .2s var(--ease)}.foot-col[data-astro-cid-sz7xmlte] a[data-astro-cid-sz7xmlte]:hover{color:var(--brass)}.foot-h[data-astro-cid-sz7xmlte]{font-family:var(--font-mono);font-size:.68rem;letter-spacing:.18em;text-transform:uppercase;color:var(--text-faint);margin-bottom:.2rem}.foot-base[data-astro-cid-sz7xmlte]{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding-block:1.4rem 2.4rem;border-top:1px solid var(--border);font-size:.72rem}.foot-base[data-astro-cid-sz7xmlte] .mono[data-astro-cid-sz7xmlte]{color:var(--text-faint)}@media(max-width:640px){.foot[data-astro-cid-sz7xmlte]{grid-template-columns:1fr 1fr}.foot-brand[data-astro-cid-sz7xmlte]{grid-column:1 / -1}}.skip[data-astro-cid-37fxchfa]{position:absolute;left:-999px;top:.5rem;z-index:100;background:var(--blue);color:var(--on-accent);padding:.5rem 1rem;border-radius:8px;font-weight:600}.skip[data-astro-cid-37fxchfa]:focus{left:.5rem}