@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@300;400&family=Noto+Serif+JP:wght@400;500;600&display=swap";:root{--paper:#171715;--ink:#eeeae0;--muted:#aaa59a;--line:#3d3b36;--accent:#df765a;--serif:"Noto Serif JP","Yu Mincho",serif;--mono:"DM Mono",monospace}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--paper);color:var(--ink)}body{font-family:var(--serif);margin:0;font-size:16px;line-height:1.9}a{color:inherit;text-decoration-color:color-mix(in srgb, currentColor 35%, transparent);text-underline-offset:.22em}a:hover{color:var(--accent)}.shell{width:min(100% - 40px,1040px);margin-inline:auto}.skip-link{background:var(--ink);color:#fff;z-index:10;padding:8px 12px;position:absolute;top:8px;left:-9999px}.skip-link:focus{left:8px}.header-inner{justify-content:space-between;align-items:center;height:88px;display:flex}.wordmark{letter-spacing:.02em;font-family:Georgia,serif;font-size:20px;text-decoration:none}nav{gap:28px;display:flex}nav a{font:400 12px/1 var(--mono);letter-spacing:.08em;text-decoration:none}.eyebrow{color:var(--accent);font:400 11px/1.4 var(--mono);letter-spacing:.18em;text-transform:uppercase;margin:0 0 24px}h1,h2,h3,p{margin-top:0}.section-rule{padding:30px 0 88px}.home-records{margin-top:72px}.entry-list{margin:0;padding:0;list-style:none}.entry-list li{grid-template-columns:150px 1fr;gap:24px;padding:22px 0;display:grid}.entry-list time{color:var(--muted);font:300 12px/1.5 var(--mono);padding-top:5px}.entry-list a{font-size:20px;font-weight:500;text-decoration:none}.page-intro{padding:88px 0 72px}.page-intro h1{letter-spacing:-.035em;margin-bottom:18px;font-size:clamp(42px,7vw,72px);font-weight:500;line-height:1.25}.page-intro>p:last-child{color:var(--muted)}.timeline-year{grid-template-columns:180px 1fr;padding:54px 0 80px;scroll-margin-top:20px;display:grid}.timeline-year>h2{font:400 46px/1 Georgia,serif}.timeline-month{grid-template-columns:130px 1fr;margin-bottom:48px;display:grid}.timeline-month h3{color:var(--muted);font:300 12px/1.5 var(--mono)}.timeline-month ol{margin:0;padding:0;list-style:none}.timeline-month li{grid-template-columns:32px auto 1fr;align-items:baseline;gap:18px;margin-bottom:13px;display:grid}.timeline-month time{color:var(--muted);font:300 11px/1 var(--mono)}.timeline-month a{text-decoration:none}.article{max-width:720px;margin:0 auto;padding:90px 0 68px}.article-header{margin-bottom:64px}.article-header h1{letter-spacing:-.02em;margin:0 0 24px;font-size:clamp(30px,4vw,40px);font-weight:500;line-height:1.4}.article-meta{gap:32px;margin:32px 0 24px;display:flex}.article-meta div{gap:9px;display:flex}.article-meta dt,.article-meta dd{font:300 10px/1.5 var(--mono);margin:0}.article-meta dt{color:var(--muted);text-transform:uppercase}.sample-banner{color:var(--muted);font:300 10px/1.5 var(--mono);margin-bottom:28px;padding:5px 0;display:inline-block}.prose{font-size:17px;line-height:1.75}.prose picture{margin:48px 0;display:block}.prose img{width:100%;height:auto;display:block}.prose :is(h1,h2){margin:1.25em 0 .2em;font-size:26px;font-weight:600;line-height:1.4}.prose :is(h1,h2)+p{margin-top:0}.prose p{white-space:pre-line;margin-bottom:1.5em}.prose blockquote{color:var(--muted);margin:48px 0;padding:6px 0 6px 30px}.prose blockquote p{margin:0}.entry-nav{grid-template-columns:1fr 1fr;gap:40px;display:grid}.entry-nav div:last-child{text-align:right}.entry-nav span{color:var(--muted);font:300 10px/1 var(--mono);margin-bottom:10px;display:block}.entry-nav a{font-size:14px}.about{max-width:720px;margin-inline:auto}.about .prose{margin-top:56px}.site-footer{color:var(--muted);font:300 10px/1.5 var(--mono);margin-top:32px;padding:30px 0 48px}.site-footer>div{justify-content:space-between;display:flex}@media (width<=700px){.shell{width:min(100% - 32px,1040px)}.header-inner{height:72px}nav{gap:16px}.home-records{margin-top:48px}.entry-list li{grid-template-columns:72px 1fr;gap:12px}.entry-list a{font-size:17px}.timeline-year{grid-template-columns:1fr;padding:40px 0 60px}.timeline-year>h2{margin-bottom:40px}.timeline-month{grid-template-columns:1fr;gap:12px}.timeline-month li{grid-template-columns:28px auto;gap:10px}.article{padding-top:64px}.article-header h1{font-size:30px}.article-meta{flex-direction:column;gap:8px}.prose{font-size:16px}.prose :is(h1,h2){font-size:24px}.entry-nav{gap:18px}.entry-nav a{font-size:12px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}