.page-hero__inner{max-width:880px}.page-hero__meta{margin-top:var(--s-6);display:flex;gap:var(--s-5);flex-wrap:wrap;font-family:var(--font-mono);font-size:var(--fs-13);color:var(--text-muted);padding-top:var(--s-5);border-top:1px solid var(--border)}.page-hero__meta strong{color:var(--text);font-weight:500}.filters{position:sticky;top:64px;z-index:30;background:#fcfaf8eb;backdrop-filter:saturate(150%) blur(12px);-webkit-backdrop-filter:saturate(150%) blur(12px);border-bottom:1px solid var(--border)}.filters__inner{display:flex;align-items:center;gap:var(--s-4);padding:var(--s-3) 0;overflow-x:auto;scrollbar-width:none}.filters__inner::-webkit-scrollbar{display:none}.filters__label{font-family:var(--font-mono);font-size:var(--fs-12);color:var(--text-subtle);text-transform:uppercase;letter-spacing:var(--tracking-wide);flex-shrink:0}.chip-btn{display:inline-flex;align-items:center;gap:var(--s-2);padding:5px 12px;border:1px solid var(--border-strong);border-radius:var(--r-pill);font-family:var(--font-mono);font-size:var(--fs-12);color:var(--ink-700);background:var(--surface);cursor:pointer;transition:all var(--dur-fast);white-space:nowrap;flex-shrink:0}.chip-btn:hover{border-color:var(--ink-700);color:var(--text)}.chip-btn.is-active{background:var(--ink-900);color:var(--ink-0);border-color:var(--ink-900)}.chip-btn .count{font-size:10px;color:var(--text-subtle);margin-left:4px}.chip-btn.is-active .count{color:var(--ink-400)}.filters__spacer{flex:1;min-width:16px}.filters__count{font-family:var(--font-mono);font-size:var(--fs-12);color:var(--text-muted);flex-shrink:0}.featured-wrap{padding:var(--s-8) 0 var(--s-7)}.featured{display:grid;grid-template-columns:1fr;gap:var(--s-7);text-decoration:none;color:inherit;padding-bottom:var(--s-8);border-bottom:1px solid var(--border)}@media(min-width:900px){.featured{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:var(--s-9);align-items:center}}.featured__top{display:flex;align-items:center;gap:var(--s-4);margin-bottom:var(--s-5);font-family:var(--font-mono);font-size:var(--fs-12);color:var(--text-muted)}.featured__badge{background:var(--accent);color:var(--accent-fg);padding:4px 10px;border-radius:var(--r-pill);font-weight:500;letter-spacing:var(--tracking-wide);text-transform:uppercase;font-size:10px}.featured__title{font-family:var(--font-display);font-weight:400;font-size:clamp(2rem,4vw,3.5rem);line-height:1.05;letter-spacing:var(--tracking-display)}.featured__title em{font-style:italic;color:var(--ink-700)}.featured__excerpt{margin-top:var(--s-5);font-size:var(--fs-18);line-height:var(--lh-prose);color:var(--ink-600);max-width:50ch}.featured__meta{margin-top:var(--s-6);display:flex;gap:var(--s-3);align-items:center;flex-wrap:wrap}.featured__cta{margin-top:var(--s-6);display:inline-flex;align-items:center;gap:var(--s-2);font-weight:500;color:var(--text);border-bottom:1px solid var(--ink-700);padding-bottom:2px;transition:color var(--dur-fast),border-color var(--dur-fast)}.featured:hover .featured__cta{color:var(--accent-700);border-color:var(--accent-500)}.featured__cta svg{width:14px;height:14px;stroke-width:1.75;transition:transform var(--dur-base) var(--ease-out)}.featured:hover .featured__cta svg{transform:translate(3px,-3px)}.featured__visual{position:relative;aspect-ratio:5 / 4;background:repeating-linear-gradient(135deg,oklch(92% .006 65) 0,oklch(92% .006 65) 1px,transparent 1px,transparent 9px),linear-gradient(180deg,#f4f1ee,#e5e0dc);border:1px solid var(--border-strong);border-radius:var(--r-md);overflow:hidden}.featured__visual-num{position:absolute;top:var(--s-5);left:var(--s-5);font-family:var(--font-display);font-style:italic;font-size:160px;line-height:1;color:#c8c3bf;letter-spacing:-.05em}.featured__visual-tag{position:absolute;bottom:var(--s-4);right:var(--s-4);font-family:var(--font-mono);font-size:var(--fs-12);background:var(--ink-0);border:1px solid var(--border);padding:5px 9px;border-radius:var(--r-sm);color:var(--ink-700)}.archive{display:grid;gap:0;padding:var(--s-4) 0 var(--s-8)}.row{display:grid;grid-template-columns:1fr;gap:var(--s-4);padding:var(--s-6) 0;border-top:1px solid var(--border);text-decoration:none;color:inherit;align-items:start;transition:padding-left var(--dur-base) var(--ease-out)}@media(min-width:900px){.row{grid-template-columns:96px minmax(0,1.4fr) minmax(0,1fr) 100px 36px;gap:var(--s-6);align-items:center}}.row:hover{padding-left:var(--s-4)}.row:hover .row__title{color:var(--accent-700)}.row:hover .row__arrow{background:var(--ink-900);color:var(--ink-0);border-color:var(--ink-900)}.row__date{font-family:var(--font-mono);font-size:var(--fs-12);color:var(--text-muted);letter-spacing:0}.row__date strong{color:var(--text);font-weight:500;display:block;font-size:var(--fs-13)}.row__title{font-family:var(--font-sans);font-weight:600;font-size:clamp(1.125rem,2vw,1.5rem);line-height:1.25;letter-spacing:var(--tracking-tight);transition:color var(--dur-fast)}.row__title em{font-family:var(--font-display);font-style:italic;font-weight:400;color:var(--ink-700)}.row__excerpt{font-size:var(--fs-14);line-height:var(--lh-prose);color:var(--ink-600);margin-top:var(--s-2)}@media(min-width:900px){.row__excerpt{margin-top:0}}.row__meta{display:inline-flex;gap:var(--s-2);align-items:center;font-family:var(--font-mono);font-size:var(--fs-12);color:var(--text-muted)}.row__tag{color:var(--accent-700);background:var(--accent-50);border:1px solid var(--accent-300);padding:2px 8px;border-radius:var(--r-pill);font-weight:500}.row__arrow{display:none;width:28px;height:28px;border:1px solid var(--border-strong);border-radius:50%;place-items:center;color:var(--ink-700);transition:all var(--dur-fast)}@media(min-width:900px){.row__arrow{display:grid}}.row__arrow svg{width:12px;height:12px;stroke-width:1.75}.row.is-hidden{display:none}.archive-empty{padding:var(--s-9) 0;text-align:center;font-family:var(--font-mono);font-size:var(--fs-13);color:var(--text-muted);display:none}.archive-empty.is-shown{display:block}.article-wrap{padding:var(--s-9) 0 var(--s-8)}.crumbs{font-family:var(--font-mono);font-size:var(--fs-12);color:var(--text-muted);margin-bottom:var(--s-7);display:flex;gap:var(--s-2);align-items:center}.crumbs a{color:var(--text-muted);transition:color var(--dur-fast)}.crumbs a:hover{color:var(--text)}.crumbs span{color:var(--text-subtle)}.article-header{max-width:800px;margin-bottom:var(--s-8)}.article-eyebrow{display:inline-flex;gap:var(--s-3);align-items:center;margin-bottom:var(--s-5)}.article-eyebrow .chip{font-weight:500}.article-eyebrow .pub{font-family:var(--font-mono);font-size:var(--fs-13);color:var(--text-muted)}.article-title{font-family:var(--font-display);font-weight:400;font-size:clamp(2.5rem,6vw,4.5rem);line-height:1.25;letter-spacing:var(--tracking-display)}.article-title em{font-style:italic;color:var(--ink-600)}.article-lede{margin-top:var(--s-8);font-family:var(--font-display);font-style:italic;font-size:clamp(1.25rem,2.5vw,1.625rem);line-height:1.4;color:var(--ink-600);max-width:56ch}.byline{display:flex;align-items:center;gap:var(--s-4);padding:var(--s-5) 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);margin-top:var(--s-7);margin-bottom:var(--s-8);flex-wrap:wrap}.byline__avatar{width:44px;height:44px;background:var(--ink-900);color:var(--ink-0);border-radius:50%;display:grid;place-items:center;font-family:var(--font-mono);font-size:var(--fs-14);font-weight:600;flex-shrink:0}.byline__main{flex:1;min-width:0}.byline__name{font-weight:600;font-size:var(--fs-14);letter-spacing:var(--tracking-tight)}.byline__role{font-family:var(--font-mono);font-size:var(--fs-12);color:var(--text-muted);margin-top:2px}.byline__meta{display:flex;gap:var(--s-4);align-items:center;font-family:var(--font-mono);font-size:var(--fs-12);color:var(--text-muted);flex-wrap:wrap}.byline__meta strong{color:var(--text);font-weight:500}.byline__share{display:flex;gap:var(--s-2)}.byline__share button{width:32px;height:32px;border:1px solid var(--border-strong);border-radius:var(--r-sm);display:grid;place-items:center;color:var(--ink-700);background:transparent;cursor:pointer;transition:all var(--dur-fast)}.byline__share button:hover{color:var(--text);border-color:var(--ink-700)}.byline__share svg{width:14px;height:14px;stroke-width:1.75}.article-grid{display:grid;grid-template-columns:1fr;gap:var(--s-9)}@media(min-width:1080px){.article-grid{grid-template-columns:minmax(0,680px) minmax(0,1fr)}}.prose{font-family:var(--font-sans);font-size:1.0625rem;line-height:1.7;color:var(--ink-700);max-width:680px}.prose>*+*{margin-top:var(--s-5)}.prose p{color:var(--ink-700)}.prose strong{color:var(--text);font-weight:600}.prose em{font-style:italic}.prose a{color:var(--text);border-bottom:1px solid var(--border-strong);transition:color var(--dur-fast),border-color var(--dur-fast)}.prose a:hover{color:var(--accent-700);border-color:var(--accent-500)}.prose h2{font-family:var(--font-sans);font-weight:600;font-size:var(--fs-28);letter-spacing:var(--tracking-tight);line-height:1.2;color:var(--text);margin-top:var(--s-8);padding-top:var(--s-5);border-top:1px solid var(--border);scroll-margin-top:96px}.prose h3{font-family:var(--font-sans);font-weight:600;font-size:var(--fs-20);letter-spacing:var(--tracking-tight);line-height:1.3;color:var(--text);margin-top:var(--s-6)}.prose ul,.prose ol{padding-left:var(--s-5);color:var(--ink-700)}.prose ul{list-style:none;padding-left:0}.prose ul li{position:relative;padding-left:var(--s-5)}.prose ul li:before{content:"";position:absolute;left:0;top:12px;width:8px;height:1px;background:var(--ink-400)}.prose ul li+li{margin-top:var(--s-3)}.prose ol li+li{margin-top:var(--s-3)}.prose blockquote{border-left:3px solid var(--accent);padding:var(--s-3) 0 var(--s-3) var(--s-5);margin:var(--s-7) 0;font-family:var(--font-display);font-style:italic;font-size:var(--fs-24);line-height:1.35;color:var(--text)}.prose blockquote cite{display:block;margin-top:var(--s-3);font-family:var(--font-mono);font-style:normal;font-size:var(--fs-12);color:var(--text-muted);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.prose code{font-family:var(--font-mono);font-size:.92em;background:var(--ink-100);padding:1px 6px;border-radius:3px;color:var(--ink-800);border:1px solid var(--border)}.prose pre{margin:var(--s-6) 0;background:#070402;border:1px solid oklch(18% .012 65);border-radius:var(--r-md);overflow:hidden;position:relative}.prose pre code{display:block;background:transparent;border:none;border-radius:0;padding:var(--s-5);overflow-x:auto;font-size:var(--fs-13);line-height:1.7;color:#dad7d4}.prose hr{border:none;border-top:1px dashed var(--border-strong);margin:var(--s-7) 0}.prose .pull{margin:var(--s-7) 0;padding:var(--s-6);background:var(--surface-alt);border-left:3px solid var(--ink-900);border-radius:0 var(--r-md) var(--r-md) 0}.prose .pull strong{color:var(--text);display:block;margin-bottom:var(--s-2)}.prose .pull p{font-size:var(--fs-15)}.prose .pull p+p{margin-top:var(--s-3)}.toc{position:sticky;top:88px;align-self:start}@media(max-width:1079px){.toc{position:static}}.toc__inner{padding:var(--s-5);border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface)}.toc__title{font-family:var(--font-mono);font-size:var(--fs-12);text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--text-subtle);margin-bottom:var(--s-4);padding-bottom:var(--s-3);border-bottom:1px solid var(--border)}.toc__list{list-style:none;display:grid;gap:var(--s-3)}.toc__list a{display:grid;grid-template-columns:28px 1fr;gap:var(--s-2);font-size:var(--fs-13);line-height:1.5;color:var(--ink-600);transition:color var(--dur-fast)}.toc__list a:hover{color:var(--text)}.toc__list a.is-active{color:var(--text);font-weight:500}.toc__list a.is-active .num{color:var(--accent-700)}.toc__list .num{font-family:var(--font-mono);font-size:var(--fs-12);color:var(--text-subtle)}.toc__meta{margin-top:var(--s-5);padding-top:var(--s-4);border-top:1px solid var(--border);font-family:var(--font-mono);font-size:var(--fs-12);color:var(--text-muted);display:grid;gap:var(--s-2)}.toc__meta strong{color:var(--text);font-weight:500}.toc__meta-row{display:flex;justify-content:space-between}.article-end{margin-top:var(--s-9);padding-top:var(--s-7);border-top:1px solid var(--border);max-width:680px}.end-tags{display:flex;gap:var(--s-2);flex-wrap:wrap;margin-bottom:var(--s-6)}.author-card{display:grid;grid-template-columns:80px 1fr;gap:var(--s-5);padding:var(--s-6);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);align-items:start}.author-card__avatar{aspect-ratio:1;width:100%;background:repeating-linear-gradient(135deg,oklch(92% .006 65) 0,oklch(92% .006 65) 1px,transparent 1px,transparent 7px),#eeeae8;border:1px solid var(--border-strong);border-radius:var(--r-md)}.author-card__name{font-weight:600;font-size:var(--fs-16);letter-spacing:var(--tracking-tight)}.author-card__role{font-family:var(--font-mono);font-size:var(--fs-12);color:var(--text-muted);margin-top:2px}.author-card__bio{font-size:var(--fs-14);line-height:var(--lh-prose);color:var(--ink-600);margin-top:var(--s-3)}.author-card__links{margin-top:var(--s-4);display:flex;gap:var(--s-2);flex-wrap:wrap}.next-post{display:grid;grid-template-columns:1fr;gap:var(--s-5);margin-top:var(--s-6);padding:var(--s-6);background:var(--ink-950);color:var(--ink-100);border-radius:var(--r-lg);text-decoration:none;transition:transform var(--dur-base) var(--ease-out)}@media(min-width:700px){.next-post{grid-template-columns:1fr auto;gap:var(--s-7);align-items:center}}.next-post:hover{transform:translate(4px)}.next-post__label{font-family:var(--font-mono);font-size:var(--fs-12);color:var(--accent-300);text-transform:uppercase;letter-spacing:var(--tracking-wide);margin-bottom:var(--s-3)}.next-post__title{font-family:var(--font-display);font-weight:400;font-size:clamp(1.5rem,3vw,2rem);line-height:1.1;color:var(--ink-0);letter-spacing:var(--tracking-display)}.next-post__title em{font-style:italic;color:var(--ink-300)}.next-post__meta{margin-top:var(--s-3);font-family:var(--font-mono);font-size:var(--fs-12);color:var(--ink-400)}.next-post__arrow{width:48px;height:48px;border:1px solid oklch(30% .01 65);border-radius:50%;display:grid;place-items:center;color:var(--ink-100);transition:all var(--dur-base)}.next-post:hover .next-post__arrow{background:var(--accent);color:var(--accent-fg);border-color:var(--accent)}.next-post__arrow svg{width:18px;height:18px;stroke-width:1.5}.reading-progress{position:fixed;top:64px;left:0;right:0;height:2px;background:transparent;z-index:40}.reading-progress__bar{height:100%;width:0%;background:var(--accent);transition:width .1s linear}