.blog-page{padding:clamp(24px,4vw,56px) 0;animation:.28s ease-out both blog-enter}.blog-index-heading{border-bottom:1px solid var(--line);margin-bottom:32px;padding-bottom:32px}.blog-page h1{letter-spacing:-.035em;overflow-wrap:break-word;max-width:18ch;margin:16px 0 24px;font-size:clamp(2.4rem,5.2vw,5rem);font-weight:650;line-height:1.12}.blog-index-intro p{max-width:60ch;color:var(--muted);font-size:1.12rem;line-height:1.7}.blog-footer a,.blog-back{color:var(--accent-text);text-underline-offset:5px;text-decoration:underline}.blog-card{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,.8fr) minmax(0,1fr);gap:clamp(24px,5vw,72px);padding:20px 0 36px;display:grid}.blog-card-image{background:var(--surface-soft);max-height:430px;display:block;overflow:hidden}.blog-card-image img{-o-object-fit:cover;object-fit:cover;-o-object-position:center 45%;object-position:center 45%;width:100%;height:100%;transition:transform .3s}.blog-card:hover .blog-card-image img{transform:scale(1.025)}.blog-card-copy{align-self:center}.blog-card :is(h2,h3){letter-spacing:-.025em;margin:18px 0;font-size:clamp(1.6rem,3vw,2.8rem);font-weight:600;line-height:1.2}.blog-card :is(h2,h3) a:hover{color:var(--accent-text)}.blog-card-copy>p:not(.eyebrow){color:var(--muted);max-width:55ch;font-size:1.05rem;line-height:1.75}.blog-card time{color:var(--muted);margin-top:24px;font-size:.85rem;display:block}.blog-footer{padding:28px 0 12px}.blog-breadcrumb{color:var(--muted);flex-wrap:wrap;gap:12px;margin-bottom:32px;font-size:.85rem;display:flex}.blog-breadcrumb a{text-underline-offset:4px;text-decoration:underline}.blog-article-heading{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1.5fr) minmax(0,.8fr);align-items:center;gap:clamp(24px,5vw,72px);padding-bottom:36px;display:grid}.blog-article-heading h1{font-size:clamp(2.3rem,4.5vw,4.5rem)}.blog-deck{color:var(--muted);max-width:57ch;font-size:clamp(1.05rem,1.5vw,1.2rem);line-height:1.75}.blog-cover img{-o-object-fit:cover;object-fit:cover;width:100%;height:auto;max-height:520px}.blog-byline{align-items:center;gap:14px;margin-top:28px;font-size:.85rem;display:flex}.blog-byline img{-o-object-fit:cover;object-fit:cover;-o-object-position:50% 35%;object-position:50% 35%;border-radius:50%;width:44px;height:44px}.blog-byline strong{margin-bottom:4px;display:block}.blog-byline p,.blog-updated{color:var(--muted)}.blog-reading-layout{grid-template-columns:minmax(160px,.7fr) minmax(0,2fr);gap:clamp(24px,5vw,72px);max-width:1160px;padding:40px 0;display:grid}.blog-toc{align-self:start;font-size:.88rem;position:sticky;top:120px}.blog-toc nav{gap:16px;margin-top:20px;display:grid}.blog-toc a{color:var(--muted);border-left:2px solid var(--line);padding-left:12px;line-height:1.5}.blog-toc a:hover{color:var(--accent-text);border-color:var(--accent)}.blog-prose{overflow-wrap:anywhere;min-width:0;font-size:clamp(1.03rem,1.25vw,1.15rem);line-height:1.85}.blog-prose p,.blog-prose ul,.blog-prose ol,.blog-prose blockquote,.blog-prose pre,.blog-prose table{margin:0 0 1.5em}.blog-prose h2{letter-spacing:-.02em;margin:1.8em 0 .7em;scroll-margin-top:130px;font-size:clamp(1.5rem,2.3vw,2rem);font-weight:600;line-height:1.3}.blog-prose h3{margin:1.7em 0 .6em;scroll-margin-top:130px;font-size:1.3rem;font-weight:600;line-height:1.4}.blog-prose a:not(.btn-primary){color:var(--accent-text);text-underline-offset:4px;text-decoration:underline}.blog-prose ul{padding-left:1.5em;list-style:outside}.blog-prose ol{padding-left:1.5em;list-style:decimal}.blog-prose li{margin:.5em 0}.blog-prose blockquote{border-left:3px solid var(--accent);background:var(--surface);padding:12px 24px}.blog-prose blockquote p:last-child{margin:0}.blog-prose pre{background:var(--surface-soft);padding:20px;font-size:.86em;line-height:1.6;overflow-x:auto}.blog-prose :not(pre)>code{background:var(--surface-soft);padding:.1em .3em;font-size:.9em}.blog-prose table{border-collapse:collapse;display:block;overflow-x:auto}.blog-prose td,.blog-prose th{border:1px solid var(--line);text-align:left;padding:10px}.blog-prose img{max-width:100%;height:auto;margin:28px auto}.blog-prose p>img{width:auto;max-height:620px}.blog-inline-image{margin:32px 0}.blog-inline-image img{width:auto;max-height:620px;margin:0 auto}.blog-inline-image figcaption{text-align:center}.blog-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:32px 0;display:grid}.blog-gallery img{-o-object-fit:contain;object-fit:contain;background:var(--surface-soft);width:100%;height:400px;margin:0}.blog-prose figcaption{color:var(--muted);margin-top:10px;font-size:.8em;line-height:1.55}.blog-video{margin:32px 0}.blog-video video,.blog-video iframe{aspect-ratio:16/9;background:#111;border:0;width:100%}.blog-video-placeholder{background:var(--surface-soft);gap:16px;padding:28px;display:grid}.blog-video-placeholder .btn-primary{justify-self:start}.blog-video-placeholder p{margin:0;font-size:.85em}.blog-video-placeholder img{margin:0}.blog-article-footer{border-top:1px solid var(--line);margin-top:44px;padding-top:32px}.blog-article-footer h2{margin-top:12px}.blog-article-footer .btn-primary{text-decoration:none}.blog-back{margin-top:24px;font-size:.9rem;display:block}.home-writing{border-top:1px solid var(--line);padding:32px 0}.home-writing-heading{justify-content:space-between;align-items:baseline;gap:20px;margin-bottom:14px;display:flex}.home-writing-heading h2{font-size:clamp(1.5rem,3vw,2.3rem);font-weight:600}.home-writing-heading>a{color:var(--accent-text);text-underline-offset:4px;text-decoration:underline}.home-writing .blog-card-image{max-height:300px}@keyframes blog-enter{0%{opacity:.4;transform:translateY(8px)}to{opacity:1;transform:none}}@media (width<=800px){.blog-article-heading{grid-template-columns:minmax(0,1fr)}.blog-cover{width:100%;max-width:480px}.blog-cover img{-o-object-fit:contain;object-fit:contain;background:var(--surface-soft);max-height:480px}.blog-reading-layout{grid-template-columns:minmax(0,1fr);gap:28px;padding-top:24px}.blog-toc{border-bottom:1px solid var(--line);padding-bottom:20px;position:static}.blog-toc nav{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=540px){.blog-card{grid-template-columns:minmax(0,1fr);gap:24px}.blog-card-image{max-height:350px}.blog-gallery{grid-template-columns:minmax(0,1fr)}.blog-gallery img{height:auto;max-height:580px}.blog-toc nav{grid-template-columns:minmax(0,1fr)}.blog-byline p{line-height:1.6}.home-writing-heading{flex-direction:column;align-items:start}}@media (prefers-reduced-motion:reduce){.blog-page{animation:none}.blog-card-image img{transition:none}}
