.blog-main{min-height:70vh;padding-block:64px 112px}.blog-heading{max-width:760px;margin-bottom:64px}.blog-heading h1,.article-heading h1{font-size:clamp(2.75rem,6vw,5rem);line-height:1.08;letter-spacing:-.055em;margin:24px 0}.blog-heading>p:last-child{max-width:540px;font-size:1.125rem;color:var(--muted);line-height:1.7}.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px 32px}.blog-card{display:block;border-top:1px solid var(--line);padding-top:20px}.blog-card img,.blog-card-art{width:100%;aspect-ratio:16/10;object-fit:cover;background:var(--wash)}.blog-card-art{display:flex;align-items:center;justify-content:space-between;padding:32px;font-size:4rem;font-weight:700;letter-spacing:-.08em;color:var(--accent)}.blog-card-art span{font:10px var(--mono);letter-spacing:.04em;writing-mode:vertical-rl}.blog-card-meta{display:flex;justify-content:space-between;gap:12px;margin:24px 0 16px;font:11px var(--mono);color:var(--muted)}.blog-card h2{font-size:1.625rem;letter-spacing:-.035em;line-height:1.3;margin:0 0 16px}.blog-card p{color:var(--muted);line-height:1.7}.blog-read{display:flex;justify-content:space-between;font-weight:650;margin-top:24px;color:var(--accent)}.blog-card:hover h2{text-decoration:underline;text-underline-offset:5px}.blog-empty{padding:48px;border:1px solid var(--line);background:var(--wash)}.blog-empty h2{font-size:1.75rem;letter-spacing:-.035em;margin:24px 0 16px}.blog-empty p{color:var(--muted)}.blog-back{display:inline-flex;min-height:44px;align-items:center;color:var(--muted);margin-bottom:40px}.article-heading{max-width:900px}.article-summary{max-width:680px;color:var(--muted);font-size:1.25rem;line-height:1.7}.article-meta{display:flex;gap:24px;flex-wrap:wrap;font:12px var(--mono);margin:32px 0 48px;color:var(--muted)}.article-cover{width:100%;max-height:600px;object-fit:cover;margin-bottom:56px}.blog-prose{max-width:720px;margin:0 auto;font-size:1.125rem;line-height:1.9}.blog-prose p{margin:0 0 24px}.blog-prose h2,.blog-prose h3,.blog-prose h4{line-height:1.3;letter-spacing:-.03em;margin:48px 0 24px}.blog-prose h2{font-size:2rem}.blog-prose h3{font-size:1.5rem}.blog-prose ul{padding-left:24px;margin:24px 0}.blog-prose a{text-decoration:underline;color:var(--accent);overflow-wrap:anywhere}.blog-prose blockquote{border-left:3px solid var(--accent);padding:8px 24px;margin:32px 0;background:var(--wash)}.blog-prose pre{overflow:auto;background:var(--wash);padding:24px;border:1px solid var(--line);font-size:.875rem}.blog-prose code{font-family:monospace;overflow-wrap:anywhere}.article-end{max-width:720px;margin:64px auto 0;padding-top:32px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:24px}.article-end a{color:var(--accent)}.blog-button{display:inline-flex;justify-content:center;align-items:center;min-height:48px;padding:12px 24px;border:1px solid var(--ink);background:var(--ink);color:var(--paper,#fff);font:inherit;font-weight:600;cursor:pointer}.blog-button.secondary{background:transparent;color:var(--ink);border-color:var(--line)}.blog-button.accent{background:var(--accent);border-color:var(--accent);color:#fff}.blog-button:disabled{opacity:.5;cursor:wait}.editor-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:48px}.editor-sidebar{border-right:1px solid var(--line);padding-right:24px}.editor-sidebar .blog-button{width:100%}#post-list{margin-top:24px}.post-item{width:100%;text-align:left;background:none;border:0;border-bottom:1px solid var(--line);padding:20px 12px;font:inherit;cursor:pointer}.post-item span{display:block;color:var(--muted);font-size:.75rem;margin-top:8px}.post-item[aria-current=true]{background:var(--wash);box-shadow:inset 3px 0 var(--accent)}#post-form label{display:block;font-size:.875rem;font-weight:650;margin-bottom:24px}#post-form input,#post-form textarea,#post-form select{display:block;width:100%;border:1px solid var(--line);background:var(--paper,#fff);color:var(--ink);font:inherit;font-weight:400;padding:14px;margin-top:8px;border-radius:0}#post-form textarea{resize:vertical;line-height:1.7}#post-form textarea[name=content]{font-family:monospace;font-size:.9375rem}.editor-fields{display:grid;grid-template-columns:1fr 1fr;gap:24px}.editor-toolbar{display:flex;justify-content:space-between;margin-bottom:32px;color:var(--muted);font-size:.875rem}.editor-toolbar a{color:var(--accent);text-decoration:underline}.editor-actions{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0}.editor-delete{margin-left:auto;border:0;background:none;color:#a62b2b;text-decoration:underline;min-height:48px;font:inherit;cursor:pointer}.editor-hint{color:var(--muted);font-size:.8125rem;line-height:1.7}#editor-message{min-height:32px}#editor-message[data-error=true]{color:#a62b2b}#editor-preview{border-top:1px solid var(--line);margin-top:40px;padding-top:40px}.home-blog{padding-block:var(--section-space);border-top:1px solid var(--line)}.home-blog-head{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:40px}.home-blog h2{font-size:clamp(2rem,3.15vw,2.75rem);line-height:1.22;letter-spacing:-.03em;margin-top:16px}.home-blog-head>a{min-height:44px;display:flex;align-items:center;color:var(--accent);font-weight:600}.home-blog .blog-card h3{font-size:1.625rem;letter-spacing:-.035em;line-height:1.3;margin:0 0 16px}.home-blog .blog-empty{padding:32px}.home-blog .blog-empty p{margin:0}.home-blog .blog-error{color:var(--muted)}
@media(max-width:900px){.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.editor-layout{grid-template-columns:200px minmax(0,1fr);gap:24px}.header nav{gap:16px}}
@media(max-width:700px){.blog-main{padding-block:40px 64px}.blog-heading{margin-bottom:40px}.blog-heading h1,.article-heading h1{font-size:clamp(2.5rem,10vw,3.5rem)}.blog-grid{grid-template-columns:1fr;gap:40px}.blog-card-meta{margin-top:20px}.blog-empty{padding:28px}.article-summary{font-size:1.125rem}.article-meta{gap:16px;font-size:11px}.blog-prose{font-size:1rem}.article-end{display:block}.article-end p{margin-bottom:16px}.editor-layout{display:block}.editor-sidebar{border:0;border-bottom:1px solid var(--line);padding:0 0 24px;margin-bottom:32px}.editor-fields{display:block}.home-blog-head{display:block}.home-blog-head>a{margin-top:16px}.home-blog .blog-card h3{font-size:1.5rem}.home-blog{padding-block:48px}}

/* Give the photographs room while keeping paragraphs at a reading width. */
.blog-prose .article-figure{width:min(1100px,calc(100vw - 64px));max-width:none;margin:48px 0 56px;position:relative;left:50%;transform:translateX(-50%)}
.article-figure img{display:block;width:100%;height:auto;max-height:960px;object-fit:contain;background:var(--wash)}
.article-figure figcaption{max-width:720px;margin:16px auto 0;color:var(--muted);font-size:.8125rem;line-height:1.7;overflow-wrap:anywhere}
.article-figure figcaption a{color:inherit;text-underline-offset:3px}
.blog-prose>h2{scroll-margin-top:100px}
@media(max-width:700px){.blog-prose .article-figure{width:100%;left:auto;transform:none;margin:32px 0 40px}.article-figure figcaption{font-size:.75rem}.article-figure img{max-height:none}}

/* Keep the author and next steps within the article reading column. */
.article-author{max-width:720px;margin:64px auto 0;padding:28px;background:var(--wash);border:1px solid var(--line)}
.article-author h2{font-size:1.25rem;line-height:1.4;letter-spacing:-.025em;margin:0 0 12px}
.article-author p{color:var(--muted);line-height:1.75;margin:0}
.article-author-links{display:flex;flex-wrap:wrap;gap:8px 24px;margin-top:16px}
.article-author-links a{display:inline-flex;gap:8px;align-items:center;min-height:44px;color:var(--accent);text-decoration:underline;text-underline-offset:4px;overflow-wrap:anywhere}
@media(max-width:700px){.article-author{margin-top:40px;padding:20px}.article-author-links{display:grid;gap:8px}}