.blog-page,.blog-article{width:min(1120px,100%);margin-inline:auto;padding-block:clamp(3rem,7vw,7rem) 6rem}.blog-intro{max-width:1000px;position:relative}.blog-intro h1,.blog-article h1{letter-spacing:-.045em;font-family:Instrument Serif,Georgia,serif;font-weight:400;line-height:.95}.blog-intro h1{margin:1.7rem 0 2rem;font-size:clamp(4.3rem,10.5vw,9.3rem)}.blog-period{color:var(--blue)}.blog-annotation{color:var(--blue);width:fit-content;margin:0 0 1.6rem 2rem;font-size:clamp(1.6rem,3vw,2.3rem);transform:rotate(-5deg)}.blog-lede{max-width:35rem;font-size:clamp(1.1rem,2vw,1.35rem);line-height:1.6}.blog-empty,.blog-posts{border-top:1px solid var(--ink);margin-top:clamp(3.5rem,7vw,6rem)}.blog-empty{align-items:flex-start;gap:1.4rem;padding-top:2rem;display:flex}.blog-empty-mark{color:var(--blue);font-size:2.7rem;line-height:1}.blog-empty h2{margin:0 0 .6rem;font-size:1.05rem;font-weight:500}.blog-empty p{color:var(--muted);margin:0 0 1.4rem;line-height:1.6}.blog-back{color:var(--ink);text-underline-offset:.3em;font-size:.875rem}.blog-back:hover{color:var(--blue)}.blog-posts{padding:0;list-style:none}.blog-posts li{border-bottom:1px solid color-mix(in srgb, var(--ink) 20%, transparent);grid-template-columns:11rem 1fr;gap:1.5rem;padding:2rem 0;display:grid}.blog-posts time{color:var(--muted);padding-top:.5rem;font-size:.8rem}.blog-posts h2{margin:0 0 .7rem;font-family:Instrument Serif,Georgia,serif;font-size:clamp(2rem,4vw,3rem);font-weight:400;line-height:1.15}.blog-posts h2 a{color:var(--ink);text-decoration:none}.blog-posts h2 a:hover{color:var(--blue)}.blog-posts h2 span{color:var(--blue);font-family:DM Sans,sans-serif;font-size:.6em}.blog-posts p{max-width:42rem;color:var(--muted);margin:0;line-height:1.65}.draft-preview-note{max-width:35rem;color:var(--muted);margin-top:1.5rem;font-size:12px;line-height:1.6}.draft-label{width:fit-content;font:10px var(--sans);color:var(--blue);letter-spacing:.4px;border:1px solid #163dff2b;border-radius:3px;padding:6px 9px;display:inline-block}.post-meta{flex-direction:column;align-items:flex-start;gap:12px;display:flex}.blog-article{width:min(1000px,100%);padding-top:clamp(2.5rem,5vw,5rem);padding-bottom:3.5rem}.article-topline{justify-content:space-between;align-items:center;gap:20px;display:flex}.blog-article-header{max-width:940px;margin:clamp(3rem,5vw,5rem) 0 3.5rem}.article-meta{color:var(--muted);font:11px var(--sans);letter-spacing:.35px;flex-wrap:wrap;align-items:center;gap:16px;margin-top:1.7rem;display:flex}.article-meta>span[aria-hidden]{color:var(--blue)}.blog-article h1{letter-spacing:-.035em;text-wrap:balance;overflow-wrap:break-word;max-width:17ch;margin:1.6rem 0 1.7rem;font-size:clamp(3.7rem,7.7vw,7rem);line-height:.99}.blog-article-header .blog-lede{color:#686256;max-width:38rem;font-size:clamp(1.1rem,1.6vw,1.35rem);line-height:1.65}.article-byline{font:11px var(--sans);align-items:center;gap:13px;margin:2rem 0 0;display:flex}.author-monogram{font:30px var(--serif);color:var(--blue);border:1px solid #163dff30;border-radius:50% 46% 49% 45%;place-items:center;width:43px;height:43px;display:grid;transform:rotate(-5deg)}.article-byline .handwritten{margin-top:4px;font-size:22px;line-height:1.15;display:block}.blog-cover{margin:0 0 4rem}.blog-cover img{width:100%;height:auto;display:block}.blog-cover figcaption{font:12px/1.6 var(--sans);color:var(--muted);margin-top:14px}.article-reading{width:min(680px,100%);margin-inline:auto}.article-reading.with-contents{border-top:1px solid var(--line);grid-template-columns:minmax(0,680px) minmax(0,190px);justify-content:space-between;gap:60px;width:100%;padding-top:2.5rem;display:grid}.article-margin{grid-area:1/2;align-self:start;margin-top:8px;position:sticky;top:3rem}.article-contents ol{margin:0;padding:0;list-style:none}.article-contents a{font:12px/1.5 var(--sans);color:var(--muted);padding:9px 0;text-decoration:none;transition:color .15s;display:block;position:relative}.article-contents a:hover,.article-contents a[aria-current=location]{color:var(--blue)}.article-contents a[aria-current=location]:before{content:"";background:var(--blue);width:13px;height:1px;position:absolute;top:18px;left:-23px;transform:rotate(-5deg)}.article-margin-note{margin-top:2rem;font-size:25px;transform:rotate(-5deg)}.blog-prose{color:#38352f;overflow-wrap:anywhere;grid-area:1/1;min-width:0;font:clamp(18px,1.45vw,21px)/1.85 Georgia,Times New Roman,serif}.blog-prose>:first-child{margin-top:0}.blog-prose p,.blog-prose ul,.blog-prose ol{margin-block:1.4rem}.blog-prose li{margin-block:.55rem;padding-left:.3rem}.blog-prose li::marker{color:var(--blue)}.blog-prose strong{color:var(--ink);font-weight:700}.blog-prose h2,.blog-prose h3{font-family:var(--serif);color:var(--ink);letter-spacing:-.015em;scroll-margin-top:2.5rem;font-weight:400;line-height:1.15}.blog-prose h2{margin:3rem 0 1.1rem;font-size:clamp(2.15rem,3.4vw,2.9rem)}.blog-prose h3{margin:2.3rem 0 1rem;font-size:1.9rem}.blog-prose a{color:var(--blue);text-underline-offset:.2em;text-decoration-color:#163dff66;transition:text-decoration-color .15s}.blog-prose a:hover{text-decoration-color:var(--blue)}.blog-prose blockquote{border-left:2px solid var(--blue);color:var(--ink);font:400 clamp(1.8rem, 3vw, 2.4rem)/1.25 var(--serif);letter-spacing:-.015em;margin:2.7rem 0;padding:4px 0 4px 27px;position:relative}.blog-prose blockquote p{margin:.5rem 0}.blog-prose img{width:100%;height:auto;display:block}.blog-prose>p:has(>img){margin-block:2.5rem 0}.blog-prose>p:has(>img)+p:has(>em:only-child){font:12px/1.7 var(--sans);color:var(--muted);margin-top:1rem;margin-bottom:2.5rem}.blog-prose>p:has(>img)+p>em:only-child{font-style:normal}.blog-prose>p:first-child:has(>em:only-child){color:var(--muted);font:12px/1.6 var(--sans);margin-bottom:2rem}.blog-prose pre{border-radius:4px 7px 5px 4px;max-width:100%;margin-block:2rem;padding:1.5rem 1.6rem;font-size:14px;line-height:1.75;overflow-x:auto}.blog-prose :not(pre)>code{background:#eae6dc;border-radius:3px;padding:.2em .35em;font-size:.8em}.blog-prose table{border-collapse:collapse;font:13px/1.7 var(--sans);margin-block:2rem;display:block;overflow-x:auto}.blog-prose th,.blog-prose td{border-bottom:1px solid var(--line);text-align:left;padding:12px 16px 12px 0}.blog-prose th{color:var(--blue);font-weight:500}.blog-prose hr{border:0;border-top:1px solid var(--line);margin-block:3rem}.blog-prose .footnotes{border-top:1px solid var(--line);color:var(--muted);font:12px/1.8 var(--sans);margin-top:3rem;padding-top:1.8rem}.blog-prose .footnotes h2{font:10px var(--sans);text-transform:uppercase;letter-spacing:1.6px;margin:0 0 1rem}.blog-prose .footnotes li{padding-left:.5rem;scroll-margin-top:2rem}.blog-prose a[data-footnote-ref]{font:11px var(--sans);text-decoration:none}.article-colophon{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:25px;width:min(680px,100%);margin:3.5rem auto 0;padding-top:1.8rem;display:flex}.article-colophon .handwritten{font-size:29px;transform:rotate(-3deg)}@media (width<=1000px){.article-reading.with-contents{display:block}.article-reading{width:min(680px,100%)}.article-margin{display:none}}@media (width<=600px){.blog-page,.blog-article{width:100%;padding-top:2.5rem}.blog-intro h1{font-size:clamp(3.8rem,15vw,5.5rem)}.blog-annotation{margin-left:1rem}.blog-posts li{grid-template-columns:1fr;gap:.8rem}.blog-article-header{margin-top:2.5rem}.blog-article h1{font-size:clamp(3.25rem,13.5vw,4.4rem);line-height:1.02}.blog-prose{font-size:18px;line-height:1.85}.blog-article-header{margin-top:2.5rem;margin-bottom:2.5rem}.article-topline{align-items:flex-start}.article-meta{gap:10px;font-size:10px}.article-byline{margin-top:1.5rem}.article-reading.with-contents{padding-top:1.8rem}.article-colophon{flex-direction:column;align-items:flex-start;gap:16px}.blog-prose blockquote{padding-left:20px}.blog-prose pre{padding:1rem;font-size:12px}.draft-label{font-size:9px}}