.article-header{border-bottom:1px solid var(--line);padding-top:45px;padding-bottom:42px}.article-back{font:12px var(--mono);padding-block:8px;display:inline-block}.article-meta{color:var(--muted);font:11px var(--mono);flex-wrap:wrap;gap:10px 25px;margin-top:42px;display:flex}.article-header h1{max-width:1250px;font-family:var(--serif);letter-spacing:-.055em;overflow-wrap:break-word;margin-top:24px;font-size:clamp(52px,7.5vw,116px);font-weight:400;line-height:1.02}.article-byline{justify-content:space-between;gap:24px;margin-top:36px;font-size:13px;display:flex}.article-byline span:last-child:not(:first-child){color:var(--muted)}.article-body{font-family:var(--serif);overflow-wrap:break-word;padding-top:48px;font-size:21px;line-height:1.85}.article-body>:not(figure):not(.photo-grid):not(.gallery):not(video):not(iframe):not(picture){max-width:730px;margin-inline:auto}.article-body p,.article-body ul,.article-body ol,.article-body blockquote{margin-bottom:1.4em}.article-body h2,.article-body h3,.article-body h4{letter-spacing:-.035em;max-width:730px;margin:1.7em auto .65em;font-weight:400;line-height:1.2}.article-body h2{font-size:39px}.article-body h3{font-size:30px}.article-body h4{font-size:25px}.article-body a:not(:has(img)){color:var(--accent);text-underline-offset:4px;text-decoration:underline 1px}.article-body figure{margin:40px auto}.article-body figure>a{display:block}.article-body img{object-fit:contain;cursor:zoom-in;width:auto;max-width:100%;max-height:1000px;margin-inline:auto}.article-body figure.photo>a{background:#e8e5dc}.article-body figure.photo>a img{max-height:1000px}.article-body figcaption{font-family:var(--mono);color:var(--muted);max-width:900px;margin-top:12px;font-size:11px;line-height:1.75}.article-body .photo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px;margin-block:40px;display:grid}.article-body .photo-grid figure{min-width:0;margin:0}.article-body .photo-grid figure a{align-items:center;height:100%;display:flex}.article-body .photo-grid figure:has(figcaption) a{height:auto}.article-body .photo-grid img{width:100%;height:auto;max-height:none}.article-body blockquote{border-left:2px solid var(--accent);padding-left:28px;font-size:26px;font-style:italic}.article-body hr{background:var(--line);border:0;height:1px;margin-block:45px}.article-body pre{font:13px/1.7 var(--mono);background:#e5e2d8;padding:24px;overflow:auto}.article-body code{font-family:var(--mono);font-size:.72em}.article-body table{border-collapse:collapse;max-width:100%;font-size:17px;display:block;overflow-x:auto}.article-body td,.article-body th{border-bottom:1px solid var(--line);padding:12px}.article-body video,.article-body iframe{background:var(--ink);width:100%;max-width:1100px;margin-inline:auto;display:block}.article-body iframe{aspect-ratio:16/9;border:0;height:auto}.article-body video{max-height:85vh}.article-end{border-top:1px solid var(--line);font:12px var(--mono);justify-content:space-between;gap:24px;margin-top:55px;padding-top:26px;display:flex}.article-pagination{border-top:1px solid var(--ink);grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:50px;margin-top:85px;padding-top:30px;display:grid}.adjacent-entry{grid-template-columns:minmax(0,1fr) 130px;align-items:start;gap:18px 25px;display:grid}.adjacent-entry>span{color:var(--muted);font:11px var(--mono);grid-column:1}.adjacent-entry h2{font:30px/1.15 var(--serif);letter-spacing:-.035em;grid-area:2/1}.adjacent-entry img{object-fit:cover;grid-area:1/2/3;width:130px;height:150px}.adjacent-entry:hover h2{text-underline-offset:4px;text-decoration:underline 1px}@media (width<=900px){.article-body{font-size:20px}.article-pagination{gap:30px}.adjacent-entry{grid-template-columns:1fr}.adjacent-entry img{display:none}}@media (width<=600px){.article-header{padding-top:23px;padding-bottom:28px}.article-meta{gap:10px 16px;margin-top:28px;font-size:10px}.article-header h1{margin-top:18px;font-size:clamp(44px,11vw,65px)}.article-byline{flex-wrap:wrap;gap:10px;margin-top:25px;font-size:11px}.article-body{padding-top:28px;font-size:19px;line-height:1.8}.article-body h2{font-size:32px}.article-body h3{font-size:27px}.article-body figure{margin-block:28px}.article-body figure.photo{width:calc(100% + 36px);max-width:none;margin-left:-18px}.article-body figcaption{padding-inline:18px;font-size:10px}.article-body .photo-grid{grid-template-columns:1fr;gap:22px;margin-block:28px}.article-body .photo-grid figure.photo{width:calc(100% + 36px)}.article-body blockquote{padding-left:20px;font-size:23px}.article-end{margin-top:35px;font-size:11px}.article-pagination{gap:24px;margin-top:55px}.adjacent-entry>span{font-size:10px}.adjacent-entry h2{font-size:25px}}
