.writing-page .mono-cap{font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--track-mono);font-weight:700;line-height:1.2}.writing-page .mono{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.03em;line-height:1.5}.writing-page .cond{font-family:var(--font-condensed);text-transform:none;letter-spacing:var(--track-tight);margin:0;font-weight:500;line-height:.92}.writing-page .ticker{border-top:3px solid var(--color-ink);border-bottom:var(--hairline) solid var(--border-rule);padding:14px var(--gutter);text-align:center}.writing-page .ticker span{font-family:var(--font-condensed);text-transform:uppercase;letter-spacing:.06em;font-size:22px;font-weight:600;line-height:1}.writing-page .ticker .accent{color:var(--color-clay);font-style:italic;font-weight:700}.writing-page .subnav{padding:12px var(--gutter);border-bottom:var(--hairline) solid var(--border-rule);justify-content:space-between;align-items:center;gap:16px;display:flex}.writing-page .subnav .center{text-align:center;flex:1}.writing-page .subnav .right{text-align:right;color:var(--text-muted)}.writing-page .subnav .back{appearance:none;font:inherit;letter-spacing:inherit;text-transform:inherit;color:inherit;cursor:pointer;background:0 0;border:0;margin:0;padding:0;transition:opacity .15s linear}.writing-page .subnav .back:hover{opacity:.6}.writing-page .masthead{padding:8px var(--gutter) 28px;border-bottom:var(--hairline) solid var(--border-rule);align-items:flex-start;gap:48px;display:flex}.writing-page .masthead h1{font-family:var(--font-display);letter-spacing:.01em;text-transform:uppercase;text-shadow:var(--shadow-engrave);flex:none;margin:0;font-size:clamp(96px,14vw,200px);font-weight:400;line-height:.82}.writing-page .toc{max-width:360px;padding-top:26px}.writing-page .toc .toc-head{color:var(--text-primary);margin-bottom:10px}.writing-page .toc-row{color:var(--text-muted);gap:10px;padding:4px 0;display:flex}.writing-page .toc-row .num{color:var(--text-primary);flex:none;font-weight:700}.writing-page .wrap{padding:0 var(--gutter)}.writing-page .section-head{grid-template-columns:1fr 1fr;align-items:end;gap:40px;padding:56px 0 28px;display:grid}.writing-page .section-head h2{font-family:var(--font-condensed);letter-spacing:var(--track-tight);max-width:13ch;margin:0;font-size:clamp(40px,4.6vw,60px);font-weight:500;line-height:.92}.writing-page .section-head .lede{font-family:var(--font-mono);color:var(--text-muted);align-self:end;max-width:52ch;font-size:13px;line-height:1.55}.writing-page .blogroll{background:var(--surface-ink);color:var(--text-inverse);border-radius:var(--radius-lg);margin:12px var(--gutter) 0;padding:36px 40px 40px;overflow:hidden}.writing-page .blogroll-top{grid-template-columns:1fr 1fr;align-items:start;gap:40px;margin-bottom:8px;display:grid}.writing-page .blogroll-top h2{font-family:var(--font-condensed);letter-spacing:var(--track-tight);margin:0;font-size:34px;font-weight:500;line-height:1}.writing-page .blogroll-top h2 em{color:var(--on-inverse);opacity:.7;font-style:italic}.writing-page .blogroll-top .desc{font-family:var(--font-mono);color:var(--on-inverse-strong);align-self:end;max-width:60ch;font-size:13px;line-height:1.55}.writing-page .blogroll .fineprint{font-family:var(--font-mono);color:var(--on-inverse-faint);margin:22px 0;font-size:12px}.writing-page .blogroll .fineprint em{font-style:italic}.writing-page .roll-cards{border-top:var(--hairline) solid var(--border-on-inverse);gap:0;display:flex}.writing-page .roll-card{border-right:var(--hairline) solid var(--border-on-inverse);flex-direction:column;flex:1 1 0;min-width:0;min-height:132px;padding:18px 22px 18px 0;display:flex}.writing-page .roll-card:not(:first-child){padding-left:22px}.writing-page .roll-card:last-child{border-right:none}.writing-page .roll-card .title{font-family:var(--font-condensed);letter-spacing:var(--track-tight);margin:0 0 6px;font-size:22px;font-weight:500;line-height:.98}.writing-page .roll-card .author{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--on-inverse-muted);font-size:11px}.writing-page .roll-card .more{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--on-inverse);margin-top:auto;font-size:11px;font-weight:700}.writing-page .featured-label{color:var(--text-primary);margin:22px 0 14px}.writing-page .grid{grid-template-columns:repeat(4,1fr);gap:16px;padding-bottom:8px;display:grid}.writing-page .card{background:var(--surface-card);border:var(--hairline) solid var(--border-hairline);border-radius:var(--radius-md);flex-direction:column;min-height:188px;padding:18px 18px 16px;transition:opacity .15s linear;display:flex}.writing-page .card:hover{opacity:.62}.writing-page .card .tags{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.07em;color:var(--text-faint);margin-bottom:14px;font-size:9.5px;font-weight:700;line-height:1.4}.writing-page .card .tags .kind{color:var(--text-primary)}.writing-page .card .title{font-family:var(--font-condensed);letter-spacing:var(--track-tight);color:var(--text-primary);margin:0;font-size:23px;font-weight:500;line-height:.96}.writing-page .card .foot{justify-content:space-between;align-items:flex-end;gap:8px;margin-top:auto;padding-top:18px;display:flex}.writing-page .card .read{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.06em;color:var(--text-faint);font-size:10px}.writing-page .card .more{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.06em;color:var(--text-primary);white-space:nowrap;font-size:10px;font-weight:700}.writing-page .card.dark{background:var(--surface-ink);border-color:var(--color-ink)}.writing-page .card.dark .title{color:var(--text-inverse)}.writing-page .card.dark .tags{color:var(--on-inverse-faint)}.writing-page .card.dark .tags .kind{color:var(--on-inverse)}.writing-page .card.dark .read{color:var(--on-inverse-faint)}.writing-page .card.dark .more{color:var(--on-inverse)}.writing-page .card.tall{grid-row:span 1}.writing-page footer{background:var(--surface-ink);color:var(--text-inverse);padding:48px var(--gutter) 28px;margin-top:64px;position:relative;overflow:hidden}.writing-page .foot-top{margin-bottom:40px}.writing-page .foot-top .here-label,.writing-page .foot-top .ver-label{color:var(--on-inverse-faint)}.writing-page .foot-top .crumb{font-family:var(--font-condensed);letter-spacing:var(--track-tight);margin:4px 0 0;font-size:28px;font-weight:500}.writing-page .foot-cols{z-index:2;grid-template-columns:1.1fr 1.1fr 1fr 1fr;gap:40px;display:grid;position:relative}.writing-page .foot-col h3{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.12em;color:var(--on-inverse-faint);border-bottom:var(--hairline) solid var(--border-on-inverse);margin:0 0 14px;padding-bottom:8px;font-size:11px;font-weight:700}.writing-page .foot-link{font-family:var(--font-mono);align-items:baseline;gap:8px;padding:5px 0;font-size:12px;display:flex}.writing-page .foot-link .name{color:var(--on-inverse);flex:none}.writing-page .foot-link .desc{color:var(--on-inverse-faint);font-size:11px}.writing-page .foot-link.struck .name{color:var(--on-inverse-faint);text-decoration:line-through}.writing-page .contact-val{font-family:var(--font-mono);color:var(--on-inverse);font-size:13px}.writing-page .foot-logo{object-fit:contain;opacity:.92;z-index:1;pointer-events:none;width:180px;height:180px;position:absolute;bottom:44px;right:24px}.writing-page .foot-base{border-top:var(--hairline) solid var(--border-on-inverse);font-family:var(--font-mono);color:var(--on-inverse-faint);z-index:2;justify-content:space-between;margin-top:44px;padding-top:18px;font-size:11px;display:flex;position:relative}@media (max-width:1100px){.writing-page .grid{grid-template-columns:repeat(2,1fr)}.writing-page .roll-cards{flex-wrap:wrap}.writing-page .roll-card{border-right:none;border-bottom:var(--hairline) solid var(--border-on-inverse);flex:40%}.writing-page .foot-cols{grid-template-columns:repeat(2,1fr)}}@media (max-width:680px){.writing-page .masthead{flex-direction:column;gap:16px}.writing-page .masthead h1{font-size:clamp(52px,16vw,96px)}.writing-page .toc{padding-top:0}.writing-page .subnav{flex-wrap:wrap}.writing-page .subnav .right{display:none}.writing-page .section-head,.writing-page .blogroll-top{grid-template-columns:1fr;gap:20px}.writing-page .grid{grid-template-columns:1fr}.writing-page .blogroll{padding:26px 22px 28px}.writing-page .roll-card{flex-basis:100%}.writing-page .roll-card:not(:first-child){padding-left:0}.writing-page .foot-cols{grid-template-columns:1fr;gap:28px}.writing-page .foot-logo{opacity:.35;width:90px;height:90px;bottom:86px}.writing-page .foot-base{flex-wrap:wrap;gap:6px}}
