.blog-index{max-width:1020px;min-height:calc(100svh - 309px);margin-inline:auto;padding:49px 0 100px}.blog-heading{margin:64px 0 58px}.blog-heading .eyebrow{gap:20px;margin-bottom:25px;font-size:11px}.blog-heading h1{letter-spacing:-.06em;margin:0 0 24px -3px;font-size:clamp(40px,5.2vw,68px);line-height:1.12}.blog-heading>p:last-child{color:var(--muted);margin:0;font-size:14px}.post-directory{border-top:1px solid var(--border-strong)}.directory-heading{border-bottom:1px solid var(--border);color:var(--faint);letter-spacing:.04em;grid-template-columns:155px 1fr auto;gap:28px;padding:16px 0;font-size:10px;display:grid}.directory-heading>span:last-child{color:var(--lavender)}.post-list-item{border-bottom:1px solid var(--border)}.post-list-link{grid-template-columns:155px 1fr 24px;align-items:center;gap:28px;padding:35px 0 39px;transition:background .2s;display:grid}.post-list-link:hover{background:var(--surface)}.post-list-link>time{color:var(--muted);align-self:start;padding-top:4px;font-size:12px}.post-filename{color:var(--faint);font-size:11px}.post-list-copy h2{letter-spacing:-.04em;margin:8px 0;font-size:28px}.post-list-copy p{color:var(--muted);margin:0;font-size:14px}.post-list-arrow{color:var(--accent);transition:transform .2s}.post-list-link:hover .post-list-arrow{transform:translate(3px,-3px)}.blog-index-footer{color:var(--faint);justify-content:space-between;gap:24px;margin-top:23px;font-size:11px;display:flex}.blog-index-footer>span .accent{margin-right:8px}.blog-index-footer .text-link{color:var(--muted);font-size:12px}.directory-empty{color:var(--muted);padding-block:40px}.blog-post-shell{max-width:780px;min-height:calc(100svh - 179px);margin-inline:auto;padding:49px 0 100px}.post-heading{margin-top:68px}.post-meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:10px 20px;margin-bottom:26px;font-size:12px;display:flex}.post-tag{border:1px solid var(--border-strong);color:var(--lavender);border-radius:3px;padding:1px 7px;font-size:11px}.post-heading h1{letter-spacing:-.06em;overflow-wrap:anywhere;margin:0 0 19px -3px;font-size:clamp(38px,5vw,64px);line-height:1.2}.post-description{color:var(--muted);margin:0;font-size:17px;line-height:1.8}.post-byline{border-bottom:1px solid var(--border);color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:10px 20px;margin-top:36px;padding-bottom:24px;font-size:12px;display:flex}.post-filetype{color:var(--faint);font-size:11px}.post-ending{border-top:1px solid var(--border);color:var(--faint);justify-content:space-between;align-items:center;gap:20px;margin-top:65px;padding-top:22px;font-size:12px;display:flex}.post-ending>span .accent{margin-right:9px}.post-ending a{color:var(--muted)}.post-ending a:hover{color:var(--accent)}@media (width<=800px){.directory-heading,.post-list-link{grid-template-columns:130px 1fr 24px;gap:22px}.directory-heading>span:last-child{white-space:nowrap;justify-self:end}.post-description{font-size:16px}}@media (width<=600px){.blog-index{min-height:calc(100svh - 300px);padding:28px 0 68px}.blog-heading{margin:46px 0 38px}.blog-heading .eyebrow{flex-wrap:wrap;gap:5px 14px;margin-bottom:24px;font-size:11px}.blog-heading h1{margin:0 0 21px -2px;font-size:clamp(32px,9.8vw,49px)}.blog-heading>p:last-child{max-width:300px;font-size:14px}.directory-heading{justify-content:space-between;gap:16px;padding-block:13px;font-size:10px;display:flex}.directory-heading>span:first-child{display:none}.post-list-link{grid-template-columns:1fr 24px;gap:15px;padding-block:25px 30px}.post-list-link>time{grid-column:1;padding:0;font-size:12px}.post-list-copy{grid-column:1}.post-list-arrow{grid-area:1/2/3}.post-list-copy h2{margin-block:6px;font-size:25px}.post-filename{font-size:11px}.post-list-copy p{font-size:14px}.blog-index-footer{flex-wrap:wrap;gap:16px;margin-top:19px;font-size:11px}.blog-index-footer .text-link{font-size:12px}.blog-post-shell{min-height:calc(100svh - 193px);padding:28px 0 70px}.post-heading{margin-top:46px}.post-meta{gap:14px;margin-bottom:22px;font-size:12px}.post-tag{font-size:11px}.post-heading h1{margin-left:-2px;font-size:clamp(34px,10.5vw,48px)}.post-description{font-size:14px}.post-byline{margin-top:26px;padding-bottom:20px;font-size:12px}.post-filetype{font-size:11px}.post-ending{margin-top:47px;font-size:12px}}@media print{.blog-index,.blog-post-shell{min-height:0;padding:24px 0}.post-heading{margin-top:24px}}