.writing-root{background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:19px;line-height:1.7;min-height:100vh}.writing-progress{position:fixed;top:0;left:0;right:0;height:2px;background:var(--rule);z-index:50}.writing-progress-bar{height:100%;background:var(--accent);width:12%;transition:width .2s linear}.writing-shell{max-width:720px;margin:0 auto;padding:clamp(48px,8vh,96px) clamp(24px,5vw,40px) 96px;position:relative}.writing-nav{display:flex;justify-content:space-between;align-items:center;font-family:var(--font-body);font-size:13px;color:var(--muted);margin-bottom:clamp(48px,10vh,120px);letter-spacing:.02em}.writing-home{color:var(--text);font-family:var(--font-display);font-size:20px;line-height:1;letter-spacing:-.01em}.writing-home em{font-style:italic;color:var(--accent)}.writing-meta{display:flex;gap:18px;align-items:center;font-variant:small-caps;letter-spacing:.08em}.writing-meta a{color:var(--muted)}.writing-meta a:hover{color:var(--accent)}.writing-meta .here{color:var(--text)}.writing-meta .dot{width:4px;height:4px;border-radius:50%;background:var(--muted)}.writing-lede{margin-bottom:clamp(56px,10vh,96px);opacity:0;transform:translateY(20px);animation:writing-fade-up .9s var(--ease-out) .2s forwards}@keyframes writing-fade-up{to{opacity:1;transform:none}}.writing-kicker{font-family:var(--font-body);font-variant:small-caps;letter-spacing:.22em;font-size:13px;color:var(--accent);margin-bottom:28px;display:flex;gap:14px;align-items:center}.writing-kicker:before{content:"";width:28px;height:1px;background:var(--accent)}.writing-title{font-family:var(--font-display);font-weight:400;font-size:clamp(40px,6vw,76px);line-height:1.02;letter-spacing:-.02em;color:var(--text);margin-bottom:28px;max-width:18ch}.writing-title em{font-style:italic;color:var(--accent)}.writing-deck{font-family:var(--font-body);font-style:italic;font-size:22px;line-height:1.5;color:var(--muted);max-width:32ch;margin-bottom:36px}.writing-byline{display:flex;gap:18px;align-items:center;font-size:13px;color:var(--muted);font-variant:small-caps;letter-spacing:.12em}.writing-byline strong{color:var(--text);font-weight:500}.writing-article{font-family:var(--font-body);font-size:19px;line-height:1.75;color:var(--text)}.writing-article>p{margin-bottom:1.4em;opacity:0;transform:translateY(14px);animation:writing-fade-up .8s var(--ease-out) forwards}.writing-article>p:nth-of-type(1){animation-delay:.5s}.writing-article>p:nth-of-type(2){animation-delay:.6s}.writing-article>p:nth-of-type(3){animation-delay:.7s}.writing-article>p:nth-of-type(4){animation-delay:.8s}.writing-article>p:nth-of-type(5){animation-delay:.9s}.writing-article>p:first-of-type:first-letter{font-family:var(--font-display);font-size:5.2em;line-height:.85;float:left;padding:.08em .08em 0 0;color:var(--accent);font-feature-settings:"ss01"}.writing-article em{color:var(--accent);font-style:italic}.writing-article blockquote{margin:2.4em -2.5rem;padding:0 0 0 2rem;border-left:2px solid var(--accent);font-family:var(--font-display);font-size:28px;line-height:1.3;color:var(--text);font-style:italic}.writing-article blockquote footer{margin-top:12px;font-family:var(--font-body);font-style:normal;font-size:13px;font-variant:small-caps;letter-spacing:.1em;color:var(--muted)}.writing-more{margin-top:clamp(72px,12vh,120px);border-top:1px solid var(--rule);padding-top:40px}.writing-more h2{font-family:var(--font-body);font-variant:small-caps;letter-spacing:.18em;font-size:13px;color:var(--muted);margin-bottom:24px}.writing-list{list-style:none}.writing-list li{display:grid;grid-template-columns:80px 1fr auto;gap:24px;padding:18px 0;border-bottom:1px solid var(--rule);align-items:baseline;cursor:pointer;transition:padding-left .3s var(--ease-out)}.writing-list li:hover{padding-left:8px}.writing-list li:hover .e-title{color:var(--accent)}.writing-list .e-date{font-family:var(--font-body);font-variant:small-caps;letter-spacing:.1em;font-size:12px;color:var(--muted)}.writing-list .e-title{font-family:var(--font-display);font-size:22px;line-height:1.2;color:var(--text);transition:color .3s var(--ease-out)}.writing-list .e-min{font-family:var(--font-body);font-size:12px;font-style:italic;color:var(--muted)}@media (max-width: 640px){.writing-article blockquote{margin:2em 0}.writing-list li{grid-template-columns:1fr;gap:6px}}@media (prefers-reduced-motion: reduce){.writing-lede,.writing-article>p{opacity:1;transform:none;animation:none}}