:root{--blog-ease: cubic-bezier(.22, .61, .36, 1)}.blog-page{padding:clamp(48px,8vh,104px) 0 clamp(64px,10vh,140px)}.blog-page>.wrap{max-width:var(--max-content, 1080px)}.blog-head{border-top:1px solid var(--ink);padding-top:clamp(28px,4vh,44px);margin-bottom:clamp(40px,6vh,72px)}.blog-title{font-family:var(--serif);font-weight:360;font-size:clamp(40px,6.4vw,88px);line-height:.98;letter-spacing:-.028em;color:var(--ink);margin:clamp(18px,3vh,28px) 0 clamp(16px,2.5vh,24px)}.blog-title .dot{color:var(--accent)}.blog-baseline{font-family:var(--serif);font-weight:400;font-size:clamp(19px,1.8vw,25px);line-height:1.42;letter-spacing:-.006em;color:var(--ink-soft);max-width:46ch;margin:0;text-wrap:pretty}.blog-wink{font-family:var(--sans);font-size:15px;line-height:1.5;color:var(--subtle);max-width:46ch;margin:14px 0 0}.blog-pinned{display:grid;gap:clamp(14px,2vh,20px);position:relative;background:var(--surface-2);border:1px solid var(--line-strong);border-left:2px solid var(--accent);border-radius:3px;padding:clamp(28px,3.6vw,48px);margin-bottom:clamp(56px,8vh,96px);transition:border-color .3s var(--blog-ease),background .3s var(--blog-ease)}.blog-pinned:hover,.blog-pinned:focus-visible{background:var(--surface-pure, #ffffff);border-color:var(--accent)}.blog-pinned:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.blog-pinned-label{display:inline-flex;align-items:center;gap:10px;font-family:var(--mono);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--accent);margin:0}.blog-pinned-label:before{content:"";width:28px;height:1px;background:var(--accent)}.blog-pinned-title{font-family:var(--serif);font-weight:360;font-size:clamp(28px,3.4vw,46px);line-height:1.04;letter-spacing:-.022em;color:var(--ink);margin:0;max-width:16ch;text-wrap:balance}.blog-pinned-dek{font-family:var(--sans);font-size:16.5px;line-height:1.62;color:var(--ink-soft);max-width:56ch;margin:0;text-wrap:pretty}.blog-pinned-meta{display:flex;flex-wrap:wrap;align-items:center;gap:10px 20px;margin:clamp(6px,1vh,10px) 0 0;padding-top:clamp(16px,2.4vh,22px);border-top:1px solid var(--line-strong)}.blog-pinned-chapters{font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--subtle)}.blog-section-label{display:flex;align-items:center;gap:14px;font-family:var(--mono);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--subtle);margin:0 0 clamp(8px,1.5vh,14px)}.blog-section-label:after{content:"";flex:1;height:1px;background:var(--line-strong)}.blog-empty{font-family:var(--serif);font-style:italic;font-size:20px;color:var(--subtle);margin:0;padding:clamp(32px,5vh,56px) 0}.blog-list{list-style:none;margin:0;padding:0}.blog-item+.blog-item{border-top:1px solid var(--line)}.blog-item a{display:block;padding:clamp(28px,4vh,46px) 0;transition:opacity .2s var(--blog-ease)}.blog-item a:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.blog-item a:hover .blog-item-title,.blog-item a:focus-visible .blog-item-title{color:var(--accent)}.blog-item a:hover .blog-item-more,.blog-item a:focus-visible .blog-item-more{color:var(--accent);border-color:var(--accent)}.blog-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--subtle);margin:0 0 clamp(12px,2vh,18px)}.blog-meta .sep{color:var(--line-strong)}.blog-type{color:var(--accent);border:1px solid var(--accent-pale, #c7d1ed);border-radius:2px;padding:4px 10px;font-size:10px;letter-spacing:.18em}.blog-draft{color:var(--ink);background:var(--surface-2);border:1px solid var(--line-strong);border-radius:2px;padding:4px 10px;font-size:10px;letter-spacing:.18em}.blog-item-title{font-family:var(--serif);font-weight:380;font-size:clamp(27px,3.1vw,42px);line-height:1.06;letter-spacing:-.02em;color:var(--ink);margin:0 0 clamp(10px,1.6vh,16px);max-width:22ch;text-wrap:balance;transition:color .2s var(--blog-ease)}.blog-item-dek{font-family:var(--sans);font-size:16.5px;line-height:1.62;color:var(--ink-soft);max-width:58ch;margin:0;text-wrap:pretty}.blog-item-more{display:inline-block;margin-top:clamp(14px,2vh,20px);font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--subtle);border-bottom:1px solid var(--line-strong);padding-bottom:3px;transition:color .2s var(--blog-ease),border-color .2s var(--blog-ease)}.blog-foot{margin-top:clamp(48px,7vh,84px);padding-top:clamp(20px,3vh,26px);border-top:1px solid var(--ink);display:flex;flex-wrap:wrap;align-items:center;gap:14px 28px}@media(max-width:700px){.blog-pinned{padding:26px 20px}.blog-pinned-title{max-width:100%}.blog-item a{padding:26px 0}.blog-item-title{max-width:100%}.blog-meta{gap:6px 12px;letter-spacing:.14em}}@media(prefers-reduced-motion:reduce){.blog-pinned,.blog-item a,.blog-item-title,.blog-item-more{transition:none}}