:root{--c-bg:#fff;--c-text:#111;--c-sub:#666;--c-mute:#999;--c-line:#eee;--c-line-strong:#111;--c-hover:#f7f7f7;--f-hand:"Nothing You Could Do", cursive;--f-en:"Oswald", "Noto Sans JP", sans-serif;--f-body:"Noto Sans JP", sans-serif;--header-h:90px;--gutter:40px;--ease-out:cubic-bezier(.22, 1, .36, 1)}*,:before,:after{box-sizing:border-box}html{scroll-padding-top:calc(var(--header-h) + 20px)}body{background:var(--c-bg);min-height:100dvh;color:var(--c-text);font-family:var(--f-body);-webkit-font-smoothing:antialiased;flex-direction:column;margin:0;font-weight:300;line-height:1.8;display:flex}main{flex:1}a{color:inherit;text-decoration:none;transition:opacity .3s}a:hover{opacity:.6}img{max-width:100%;height:auto;display:block}h1,h2,h3{margin:0;font-weight:400}.env-badge{z-index:3000;color:#fff;pointer-events:none;background:#c62828;border-radius:4px;padding:4px 10px;font-size:.75rem;position:fixed;bottom:12px;left:12px}.skip-link{position:absolute;left:-9999px}.skip-link:focus{z-index:2000;color:#fff;background:#000;padding:8px 16px;top:16px;left:16px}.site-header{z-index:1000;backdrop-filter:blur(8px);border-bottom:1px solid var(--c-line);padding:0 var(--gutter);transition:box-shadow .4s var(--ease-out);background:#ffffffeb;position:sticky;top:0}.site-header.is-scrolled{box-shadow:0 4px 20px #0000000f}.header-inner{height:var(--header-h);justify-content:space-between;align-items:center;max-width:1400px;margin:0 auto;display:flex}.brand img{height:calc(var(--header-h) - 26px);width:auto}.header-right{flex-direction:column;align-items:flex-end;gap:6px;display:flex}.main-nav ul{gap:30px;margin:0;padding:0;list-style:none;display:flex}.main-nav a{font-family:var(--f-en);letter-spacing:.05em;color:#333;border-bottom:1px solid #0000;padding-bottom:2px;font-size:.85rem;font-weight:500}.main-nav a[aria-current=page]{border-bottom-color:currentColor}.sns{gap:15px;display:flex}.header-sns a{color:var(--c-mute);display:flex}.header-sns a:hover{color:#000;opacity:1}.menu-toggle{cursor:pointer;background:0 0;border:none;padding:8px 0;display:none}.menu-toggle .bar{background:#000;width:26px;height:2px;margin:6px 0;transition:transform .3s;display:block}.is-open .menu-toggle .bar:first-child{transform:translateY(4px)rotate(45deg)}.is-open .menu-toggle .bar:last-child{transform:translateY(-4px)rotate(-45deg)}@media (width<=768px){:root{--header-h:70px;--gutter:16px}.header-sns{display:none}.menu-toggle{display:block}.main-nav ul{top:var(--header-h);border-bottom:1px solid var(--c-line);text-align:center;opacity:0;visibility:hidden;transition:opacity .35s var(--ease-out), transform .45s var(--ease-out), visibility 0s linear .45s;background:#fff;flex-direction:column;gap:0;padding:10px 0;display:flex;position:absolute;left:0;right:0;transform:translateY(-12px)}.is-open .main-nav ul{opacity:1;visibility:visible;transition:opacity .35s var(--ease-out), transform .45s var(--ease-out), visibility 0s;transform:none}.main-nav li+li{border-top:1px solid #f4f4f4}.main-nav a{border:none;padding:14px 0;font-size:1rem;display:block}}.site-footer{color:#fff;text-align:center;background:#000;margin-top:100px;padding:60px 16px}.footer-sns{justify-content:center;gap:30px;margin-bottom:30px}.footer-sns a{display:flex}.copyright{font-family:var(--f-en);letter-spacing:.1em;opacity:.5;margin:0;font-size:.7rem}.container{max-width:1000px;margin:0 auto;padding:0 16px}.container.narrow{max-width:800px}.page{padding-top:80px}.page-header{text-align:center;margin-bottom:60px}.page-title{font-family:var(--f-hand);font-size:clamp(2.6rem,8vw,3.5rem);line-height:1.2}.page-subtitle{font-family:var(--f-body);letter-spacing:.15em;color:var(--c-mute);margin-top:8px;font-size:.8rem}.section-title{font-family:var(--f-hand);text-align:center;margin-bottom:40px;font-size:clamp(2.6rem,8vw,3.5rem);font-weight:400;line-height:1.2}.empty{text-align:center;color:var(--c-mute)}.more-link{text-align:right;margin-top:20px}.more-link a{font-family:var(--f-en);letter-spacing:.1em;border-bottom:1px solid;padding-bottom:2px;font-size:.9rem}.back-wrap{text-align:center;margin-top:80px}.btn-back{font-family:var(--f-en);letter-spacing:.1em;color:#333;align-items:center;gap:15px;font-size:.9rem;display:inline-flex}.btn-back .circle{border:1px solid #333;border-radius:50%;place-items:center;width:40px;height:40px;display:grid}.placeholder{color:#bbb;font-family:var(--f-en);letter-spacing:.15em;background:#f2f2f2;place-items:center;display:grid}.row-list{border-top:1px solid var(--c-line-strong);margin:0;padding:0;list-style:none}.row-list li{border-bottom:1px solid var(--c-line)}.row-list a{align-items:center;gap:24px;padding:24px 16px;line-height:1.6;transition:background-color .3s;display:flex}.row-list a:hover{background:var(--c-hover);opacity:1}.row-date{font-variant-numeric:tabular-nums;color:var(--c-sub);flex-shrink:0;width:150px;font-size:.95rem}.row-body{flex:1;min-width:0}.row-title{font-size:1rem;font-weight:400;display:block}.row-sub{color:var(--c-sub);margin-top:2px;font-size:.85rem;display:block}.row-tag{font-family:var(--f-en);letter-spacing:.1em;border:1px solid #000;flex-shrink:0;padding:4px 16px;font-size:.8rem}.row-list.is-past .row-title{color:var(--c-sub)}@media (width<=600px){.row-list a{flex-wrap:wrap;gap:4px 16px;padding:18px 4px}.row-date{width:100%}}.article-header{border-bottom:1px solid var(--c-line);margin-bottom:40px;padding-bottom:20px}.article-meta{font-family:var(--f-body);font-variant-numeric:tabular-nums;color:var(--c-sub);gap:16px;margin-bottom:10px;font-size:.9rem;display:flex}.article-title{font-family:var(--f-body);font-size:clamp(1.4rem,4vw,1.9rem);font-weight:400;line-height:1.4}.prose{line-height:2}.prose p{margin:0 0 1.5em}.prose h2{margin:2em 0 1em;font-size:1.4rem;font-weight:500}.prose h3{margin:1.5em 0 .8em;font-size:1.2rem;font-weight:500}.prose a{text-underline-offset:3px;text-decoration:underline}.prose ul,.prose ol{padding-left:1.5em}.prose img{margin:1em 0}.yt,.yt-frame{aspect-ratio:16/9;background:#000;border:0;width:100%;display:block}.yt{cursor:pointer;padding:0;position:relative}.yt img{object-fit:cover;opacity:.85;width:100%;height:100%;transition:opacity .3s}.yt:hover img{opacity:1}.yt-play{background:#000000bf;border-radius:12px;width:68px;height:48px;margin:auto;position:absolute;inset:0}.yt-play:after{content:"";border:10px solid #0000;border-left:17px solid #fff;border-right-width:0;width:0;height:0;margin:auto;position:absolute;inset:0;transform:translate(3px)}@view-transition{navigation:auto}::view-transition-old(root){animation:vt-out .28s var(--ease-out) both}::view-transition-new(root){animation:vt-in .55s var(--ease-out) both}.site-header{view-transition-name:site-header}@keyframes vt-out{to{opacity:0;transform:translateY(-8px)}}@keyframes vt-in{0%{opacity:0;transform:translateY(16px)}}html.js [data-reveal]{opacity:0;transition:opacity .9s var(--ease-out), transform 1.1s var(--ease-out);transition-delay:calc(var(--reveal-i,0) * 70ms);transform:translateY(28px)}html.js [data-reveal].is-revealed{opacity:1;transform:none}.row-list a{transition:background-color .4s var(--ease-out), padding-left .4s var(--ease-out)}.row-list a:hover{padding-left:24px}.more-link a,.btn-back{transition:opacity .4s var(--ease-out)}.btn-back .circle{transition:background-color .4s var(--ease-out), color .4s var(--ease-out), transform .4s var(--ease-out)}.btn-back:hover{opacity:1}.btn-back:hover .circle{color:#fff;background:#111;transform:translate(-4px)}.yt img{transition:opacity .5s var(--ease-out), transform .8s var(--ease-out)}.yt:hover img{transform:scale(1.03)}