@keyframes astroFadeInOut{0%{opacity:1}to{opacity:0}}@keyframes astroFadeIn{0%{opacity:0;mix-blend-mode:plus-lighter}to{opacity:1;mix-blend-mode:plus-lighter}}@keyframes astroFadeOut{0%{opacity:1;mix-blend-mode:plus-lighter}to{opacity:0;mix-blend-mode:plus-lighter}}@keyframes astroSlideFromRight{0%{transform:translate(100%)}}@keyframes astroSlideFromLeft{0%{transform:translate(-100%)}}@keyframes astroSlideToRight{to{transform:translate(100%)}}@keyframes astroSlideToLeft{to{transform:translate(-100%)}}@media (prefers-reduced-motion){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*),[data-astro-transition-scope]{animation:none!important}}.astro-route-announcer{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;top:0;left:0;overflow:hidden}:root{--paper:#fff;--surface:#fff;--ink:#111;--ink-2:#3a3a3a;--mute:#6b6b6b;--line:#0000001a;--soft:#f2f2f2;--accent:#2f4bff;--accent-soft:#eef0ff;--display:"Zen Kaku Gothic New", "LINE Seed JP", system-ui, sans-serif;--body:"LINE Seed JP", "M PLUS 2", system-ui, sans-serif;--mono:ui-monospace, "SFMono-Regular", Consolas, monospace;--gutter:clamp(16px, 5vw, 64px);--max:1440px;--radius:22px;--ease:cubic-bezier(.22, 1, .36, 1);--shadow:0 1px 2px #0000000d, 0 10px 30px -14px #00000038;--shadow-lift:0 2px 6px #0000000f, 0 28px 50px -20px #00000052}[data-color]{--c:var(--accent);--c-soft:var(--accent-soft)}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{background-color:var(--paper);min-height:100vh;color:var(--ink);font-family:var(--body);letter-spacing:.02em;-webkit-font-smoothing:antialiased;flex-direction:column;margin:0;font-size:16px;line-height:1.85;display:flex;overflow-x:hidden}body>main{flex:1;width:100%}img,video{max-width:100%;display:block}a{color:inherit;text-decoration:none}ul{margin:0;padding:0;list-style:none}h1,h2,h3{font-family:var(--display);letter-spacing:.01em;margin:0;font-weight:900;line-height:1.25}p{margin:0}button{font:inherit;color:inherit}::selection{background:var(--accent-soft);color:var(--ink)}:focus-visible{outline:3px solid var(--accent);outline-offset:3px;border-radius:6px}.wrap{max-width:var(--max);padding-inline:var(--gutter);margin:0 auto}.home-link{margin:20px var(--gutter) 0;font-family:var(--display);letter-spacing:.02em;align-self:flex-start;align-items:center;gap:10px;font-size:1.05rem;font-weight:900;display:inline-flex}.home-link svg{width:26px;height:26px;transition:transform .6s var(--ease)}.home-link:hover svg{transform:rotate(-20deg)scale(1.1)}.site-footer{background:var(--ink);color:#fff;margin-top:clamp(80px,12vw,160px)}.footer-inner{max-width:var(--max);padding:56px var(--gutter) 40px;gap:28px;margin:0 auto;display:grid}.footer-big{font-family:var(--display);letter-spacing:-.01em;font-size:clamp(2.4rem,9vw,7rem);font-weight:900;line-height:1}.footer-big span{color:var(--accent)}.footer-row{color:#ffffffb3;flex-wrap:wrap;align-items:center;gap:12px 28px;font-size:.9rem;display:flex}.footer-row a{color:#fff;border-bottom:2px solid var(--accent);font-weight:700}.footer-row .copy{margin-left:auto}.section{padding-top:clamp(80px,12vw,150px);scroll-margin-top:24px}.section-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:clamp(28px,4vw,48px);display:flex}.section-title{letter-spacing:-.01em;font-size:clamp(2.6rem,8vw,5.6rem);line-height:1}.section-sub{color:var(--ink-2);font-weight:700}.chip{background:var(--c-soft,var(--soft));color:var(--ink);border-radius:999px;align-items:center;gap:6px;padding:3px 12px;font-size:.78rem;font-weight:700;display:inline-flex}.chip:before{content:"";background:var(--c,var(--ink));border-radius:50%;width:7px;height:7px}.tags{flex-wrap:wrap;gap:6px;display:flex}.tags li{border:1px solid var(--line);background:var(--surface);color:var(--ink-2);border-radius:6px;padding:2px 10px;font-size:.76rem}.btn{background:var(--ink);color:#fff;transition:transform .35s var(--ease), box-shadow .35s var(--ease);border-radius:999px;align-items:center;gap:8px;padding:11px 22px;font-size:.95rem;font-weight:700;display:inline-flex}.btn:hover{transform:translateY(-2px);box-shadow:0 14px 24px -14px #000000b3}.btn-line{background:var(--surface);color:var(--ink);border:2px solid var(--ink)}.tool-groups{gap:40px;margin-top:clamp(48px,7vw,80px);display:grid}.tool-group h3{align-items:center;gap:10px;margin-bottom:14px;font-size:1.3rem;display:flex}.tool-group h3:before{content:"";background:var(--c);border-radius:4px;width:14px;height:14px}.tool-list{grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));gap:12px;display:grid}.tool{background:var(--surface);border:1px solid var(--line);height:100%;transition:transform .4s var(--ease), box-shadow .4s var(--ease), border-color .3s;border-radius:16px;flex-direction:column;gap:6px;padding:18px 20px;display:flex;position:relative}a.tool:hover{box-shadow:var(--shadow-lift);border-color:var(--c);transform:translateY(-4px)}.tool-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.tool-name{font-family:var(--display);font-size:1.1rem;font-weight:900}.tool-kicker{color:var(--mute);font-size:.74rem;font-weight:700}.tool p{color:var(--ink-2);font-size:.88rem;line-height:1.7}.tool .arrow{color:var(--c);transition:transform .3s var(--ease);font-weight:900}a.tool:hover .arrow{transform:translate(3px,-3px)}.private{color:var(--mute);font-size:.72rem;font-weight:700}.facts{border-top:2px solid var(--ink);display:grid}.facts div{border-bottom:1px solid var(--line);grid-template-columns:7.5em 1fr;gap:16px;padding:16px 0;display:grid}.facts dt{color:var(--mute);font-size:.88rem;font-weight:700}.facts dd{margin:0;font-weight:700}.facts a{border-bottom:2px solid var(--accent)}.post-list{border-top:2px solid var(--ink);display:grid}.post-row{border-bottom:1px solid var(--line);transition:background .2s, padding .3s var(--ease);grid-template-columns:7em 1fr auto;align-items:baseline;gap:16px;padding:18px 4px;display:grid}.post-row:hover{background:var(--surface);padding-left:14px}.post-row time{color:var(--mute);font-variant-numeric:tabular-nums;font-size:.9rem}.post-row strong{font-size:1.05rem}.empty{color:var(--mute);padding:32px 0}.work-hero{padding-top:clamp(40px,8vw,96px)}.back-link{width:fit-content;color:var(--ink-2);gap:8px;margin-bottom:28px;font-weight:700;display:flex}.back-link:hover{color:var(--ink)}.work-kicker{margin-bottom:14px;display:inline-block}.work-title{letter-spacing:-.01em;font-size:clamp(2.6rem,9vw,6.4rem);line-height:1.05}.work-summary{color:var(--ink-2);max-width:36em;margin-top:20px;font-size:clamp(1.05rem,2vw,1.3rem);font-weight:700}.work-meta{flex-wrap:wrap;align-items:center;gap:10px 28px;margin-top:28px;display:flex}.work-meta .links{flex-wrap:wrap;gap:8px;display:flex}.work-meta .links a{border:2px solid var(--ink);border-radius:999px;padding:6px 14px;font-size:.86rem;font-weight:700;transition:background .2s,color .2s}.work-meta .links a:hover{background:var(--ink);color:#fff}.work-loop{margin-top:clamp(40px,6vw,64px)}.work-loop video{border-radius:var(--radius);width:auto;max-width:100%;max-height:78vh;box-shadow:var(--shadow);background:#000;margin-inline:auto}.demo{margin-top:clamp(40px,6vw,64px)}.demo-frame{border-radius:var(--radius);background:var(--soft);box-shadow:var(--shadow);aspect-ratio:16/10;position:relative;overflow:hidden}.demo-frame iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.demo-caption{color:var(--mute);margin-top:12px;font-size:.86rem}@media (width<=640px){.demo-frame{aspect-ratio:3/4}}.videos{gap:28px;margin-top:clamp(40px,6vw,64px);display:grid}.video-item{margin:0}.video-item video{border-radius:var(--radius);width:100%;box-shadow:var(--shadow);aspect-ratio:16/9;background:#000}.video-item figcaption{flex-wrap:wrap;align-items:baseline;gap:6px 14px;margin-top:12px;display:flex}.video-item figcaption strong{font-family:var(--display);font-size:1.1rem;font-weight:900}.video-item figcaption span{color:var(--mute);font-size:.84rem}.prose{max-width:760px;margin-top:clamp(48px,7vw,80px);font-size:1.02rem}.prose h2{align-items:center;gap:12px;margin:2.2em 0 .8em;font-size:clamp(1.5rem,3.4vw,2.1rem);display:flex}.prose h2:before{content:"";background:var(--c);border-radius:4px;flex:none;width:12px;height:1em}.prose h2:first-child{margin-top:0}.prose p{margin:0 0 1.2em}.prose ul{margin:0 0 1.4em;padding-left:1.3em;list-style:outside}.prose li{margin:.35em 0}.prose li::marker{color:var(--c)}.prose strong{background:linear-gradient(transparent 62%, var(--c-soft) 62%)}.prose code{font-family:var(--mono);background:#0000000f;border-radius:6px;padding:2px 6px;font-size:.88em}.prose pre{background:var(--ink);color:#ececec;border-radius:16px;margin:0 0 1.6em;padding:20px 22px;font-size:.86rem;line-height:1.55;overflow-x:auto}.prose pre code{color:inherit;background:0 0;padding:0}.prose a{border-bottom:2px solid var(--c)}.next-work{border-radius:var(--radius);background:var(--c);color:#fff;transition:transform .5s var(--ease);margin-top:clamp(64px,10vw,120px);padding:clamp(28px,5vw,48px);display:block}.next-work:hover{transform:scale(1.015)}.next-work span{opacity:.85;font-weight:700}.next-work strong{font-family:var(--display);margin-top:6px;font-size:clamp(1.8rem,6vw,4rem);font-weight:900;line-height:1.1;display:block}.article{max-width:760px}.article h1{margin-top:10px;font-size:clamp(2rem,6vw,3.4rem)}.article .lead{color:var(--ink-2);margin-top:14px;font-weight:700}.notfound{text-align:center;padding-top:14vh}.notfound h1{color:var(--accent);font-size:clamp(5rem,22vw,12rem);line-height:1}.js [data-reveal]{opacity:0;transition:opacity .9s var(--ease), transform .9s var(--ease);transition-delay:var(--d,0s);transform:translateY(32px)}.js [data-reveal].in{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.js [data-reveal]{opacity:1;transition:none;transform:none}}.about{max-width:760px}