.blog-article{--blog-article-measure:72rem;--blog-accent-ink:var(--site-accent);--blog-rule:var(--site-line);min-height:100vh;padding:clamp(3rem, 6vw, 5rem) var(--site-gutter) clamp(6rem, 11vw, 9rem)}.blog-article-header,.blog-hero,.blog-article-grid{width:min(100%, var(--blog-article-measure));margin-inline:auto}.blog-article-header{padding-bottom:clamp(2rem,4vw,3.25rem);display:grid}.blog-inline-figure{aspect-ratio:4/3;border:1px solid var(--site-line);border-radius:var(--site-radius-frame);background:var(--site-surface);margin:clamp(1.75rem,4vw,2.75rem) 0 clamp(2rem,4vw,3rem);position:relative;overflow:hidden}.blog-inline-figure img{object-fit:cover}.blog-crumbs{color:var(--site-ink-muted);font-family:var(--site-font-sans);align-items:center;gap:.55rem;margin:0 0 clamp(1.75rem,3.5vw,2.75rem);font-size:.8125rem;line-height:1.5;display:flex}.blog-crumbs a{min-width:44px;min-height:44px;color:inherit;align-items:center;text-decoration:none;display:inline-flex}.blog-crumbs a:hover,.blog-crumbs a:focus-visible{color:var(--site-ink)}.blog-crumbs em{color:var(--blog-accent-ink);font-style:normal;font-weight:600}.blog-article-header h1{max-width:22ch;font-family:var(--site-font-serif);letter-spacing:-.025em;text-wrap:balance;margin:0;font-size:clamp(2.4rem,1.1rem + 3.6vw,4.1rem);font-weight:400;line-height:1.05}.blog-dek{max-width:52ch;color:var(--site-ink-muted);font-family:var(--site-font-sans);margin:clamp(1.1rem,2vw,1.5rem) 0 0;font-size:clamp(1.05rem,1.3vw,1.2rem);line-height:1.6}.blog-byline{flex-wrap:wrap;align-items:center;gap:.85rem;margin-top:clamp(1.9rem,3.5vw,2.75rem);display:flex}.blog-avatar{border:1px solid var(--site-line);object-fit:cover;border-radius:50%;width:2.75rem;height:2.75rem}.blog-byline-name{gap:.15rem;display:grid}.blog-byline-name strong,.blog-byline-name span{font-family:var(--site-font-sans);font-size:.8125rem;line-height:1.35}.blog-byline-name strong{font-weight:600}.blog-byline-name span{color:var(--site-ink-muted)}.blog-byline-rule{background:color-mix(in oklch, var(--site-ink) 24%, transparent);width:1px;height:2.25rem;margin-inline:.4rem}.blog-byline-meta strong{font-variant-numeric:tabular-nums;font-weight:500}.blog-hero{border:1px solid var(--site-line);border-radius:var(--site-radius-frame);background:var(--site-surface);position:relative;overflow:hidden}.blog-article-grid{gap:clamp(2.5rem,5vw,4rem);padding-top:clamp(2.75rem,5.5vw,4.5rem);display:grid}.blog-hero .blog-cover{border-radius:0}.blog-toc{font-family:var(--site-font-sans);align-self:start;display:none}.blog-toc-title{margin:0 0 1rem;font-size:.875rem;font-weight:500}.blog-toc ol{margin:0;padding:0;list-style:none;display:grid}.blog-toc a{min-height:44px;color:var(--site-ink-muted);transition:color .14s var(--site-ease-out-quart);padding:.65rem 0 .65rem 1.6rem;font-size:.8125rem;line-height:1.45;text-decoration:none;display:block;position:relative}.blog-toc a:before{content:"";background:var(--site-accent);transform-origin:0;width:1rem;height:1px;transition:transform .22s var(--site-ease-out-quart);position:absolute;top:1.25rem;left:0;transform:scaleX(0)}.blog-toc a:hover{color:var(--site-ink)}.blog-toc a:focus-visible{outline:2px solid var(--site-accent);outline-offset:2px}.blog-toc a[aria-current=true]{color:var(--site-ink)}.blog-toc a[aria-current=true]:before{transform:scaleX(1)}.blog-prose{min-width:0;max-width:65ch}.blog-prose p,.blog-prose li{font-family:var(--site-font-sans);font-size:clamp(1.03rem,.95rem + .35vw,1.125rem);line-height:1.75}.blog-prose p{margin:0 0 1.35em}.blog-prose h2{font-family:var(--site-font-serif);letter-spacing:-.02em;scroll-margin-top:calc(var(--site-nav-h) + 1.5rem);text-wrap:balance;margin:clamp(3rem,5vw,4.25rem) 0 1.1rem;font-size:clamp(1.7rem,1.15rem + 1.5vw,2.3rem);font-weight:400;line-height:1.12}.blog-prose ul{gap:.55rem;margin:1.35rem 0 2.1rem;padding:0;list-style:none;display:grid}.blog-prose li{padding-left:1.4rem;position:relative}.blog-prose li:before{content:"";background:var(--site-accent);border-radius:50%;width:.32rem;height:.32rem;position:absolute;top:.76em;left:.1rem}.blog-prose .blog-opening-list{gap:.65rem;margin:.35rem 0 2.75rem;padding:0}.blog-prose .blog-opening-list:before{content:"";background:var(--site-accent);width:2.5rem;height:1px;margin-bottom:.55rem}.blog-prose .blog-opening-list li{font-family:var(--site-font-serif);letter-spacing:-.015em;padding-left:0;font-size:clamp(1.3rem,1rem + 1vw,1.65rem);line-height:1.3}.blog-prose .blog-opening-list li:before{content:none}.blog-prose .blog-pull{font-family:var(--site-font-serif);letter-spacing:-.02em;margin:clamp(2.5rem,5vw,3.5rem) 0;font-size:clamp(1.45rem,1.05rem + 1.3vw,1.9rem);line-height:1.3}.blog-prose .blog-pull:before{content:"";background:var(--site-accent);width:2.5rem;height:1px;margin-bottom:1.2rem;display:block}.blog-prose a{color:inherit;-webkit-text-decoration-color:color-mix(in srgb, var(--site-accent) 62%, transparent);text-decoration-color:color-mix(in srgb, var(--site-accent) 62%, transparent);text-underline-offset:.2em;transition:color .14s var(--site-ease-out-quart);text-decoration-thickness:1px}.blog-prose a:hover,.blog-prose a:focus-visible{color:var(--blog-accent-ink)}.blog-prose code{background:color-mix(in oklch, var(--site-surface-2) 62%, transparent);color:var(--blog-accent-ink);font-family:var(--site-font-mono);border-radius:.3rem;padding:.1em .38em;font-size:.84em}.blog-article-end{border-top:1px solid var(--blog-rule);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.25rem;margin-top:clamp(3.25rem,6vw,4.75rem);padding-top:clamp(1.75rem,3vw,2.5rem);display:flex}.blog-article-end .blog-byline{margin-top:0}.blog-end-cue.blog-end-cue{min-height:44px;color:var(--site-accent);font-family:var(--site-font-sans);align-items:center;gap:.35rem;font-size:.875rem;font-weight:600;text-decoration:none;display:inline-flex}.blog-end-cue>span{transition:translate .16s var(--site-ease-out-quart);display:inline-block}.blog-end-cue:hover>span{translate:.18rem}.blog-end-cue:focus-visible{outline:2px solid var(--site-accent);outline-offset:4px}@media (min-width:900px){.blog-article-grid{grid-template-columns:minmax(11rem,14rem) minmax(0,43rem);justify-content:space-between}.blog-toc{top:calc(var(--site-nav-h) + 2rem);display:block;position:sticky}.blog-hero .blog-cover:before{aspect-ratio:21/9}}@media (max-width:640px){.blog-byline-rule{display:none}.blog-byline-meta{flex-basis:100%;margin-left:3.6rem}.blog-crumbs{flex-wrap:wrap}}@media (prefers-reduced-motion:reduce){.blog-end-cue>span,.blog-toc a,.blog-toc a:before,.blog-prose a{transition:none}}.blog-crumbs a:focus-visible,.blog-prose a:focus-visible{outline:2px solid var(--site-accent);outline-offset:3px;border-radius:2px}
.blog-index-hero.site-hero{--band-top:calc(var(--site-nav-h) * -1);--band-height:calc(24rem + var(--site-nav-h));isolation:isolate;background:var(--site-paper);min-height:0;margin-bottom:0;padding-block:clamp(3rem,6vw,5rem) clamp(2.5rem,4vw,3.5rem);position:relative;overflow-x:clip}.blog-index-hero .site-texture-image{opacity:var(--ember-texture-opacity);filter:var(--ember-texture-filter);-webkit-mask-image:linear-gradient(#000,#0000004d 40%,#0000 90%);mask-image:linear-gradient(#000,#0000004d 40%,#0000 90%)}.blog-index-hero .site-texture[data-position=band] .site-texture-tint{background:linear-gradient(to bottom, color-mix(in srgb, var(--site-paper) 60%, transparent), var(--site-paper) 85%)}.blog-index-heading.site-hero-content{z-index:1;text-align:left;justify-items:start;gap:1.2rem;width:min(72rem,100%);min-height:0;margin-inline:auto;display:grid;position:relative}.blog-index-label{color:var(--site-ink-muted);margin:0;font-size:.875rem}.blog-index-heading h1.site-display{letter-spacing:-.025em;max-width:100%;margin:0;font-size:clamp(2.375rem,1.3rem + 3.1vw,4.25rem);font-weight:380}.blog-index-intro{max-width:46ch;color:var(--site-ink-muted);text-wrap:pretty;margin:0;font-size:1.0625rem;line-height:1.6}.blog-posts{z-index:1;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(1.5rem,3vw,2.5rem);width:min(72rem,100%);margin-inline:auto;padding-bottom:clamp(4rem,8vw,7rem);display:grid;position:relative}.blog-post{min-width:0}.blog-post-link{color:inherit;text-decoration:none;display:block}.blog-post-link:focus-visible{outline:2px solid var(--site-accent);outline-offset:8px;border-radius:var(--site-radius-frame)}.blog-cover{isolation:isolate;border-radius:var(--site-radius-frame);background:var(--tonik-off-black);color:var(--tonik-warm-ivory);grid-template-columns:minmax(0,1fr);display:grid;position:relative;overflow:hidden;container-type:inline-size}.blog-cover:before{content:"";aspect-ratio:3/2;grid-area:1/1;align-self:start;width:100%;min-width:0}.blog-cover-content{z-index:1;grid-area:1/1;align-self:end;min-width:0;padding:8%}.blog-cover-art{object-fit:cover;transition:transform .6s var(--site-ease-out-quart)}.blog-cover:after{content:"";background:linear-gradient(90deg, color-mix(in srgb, var(--tonik-off-black) 26%, transparent), transparent 80%);pointer-events:none;position:absolute;inset:0}.blog-cover-type{z-index:1;overflow-wrap:anywhere;font-family:var(--font-arizona-flare), sans-serif;letter-spacing:-.03em;flex:none;grid-template-columns:minmax(0,1fr);margin-bottom:clamp(1rem,4cqi,3rem);font-size:clamp(1.75rem,7.7cqi,5.75rem);font-weight:400;line-height:1.06;display:grid;position:relative}.blog-cover-wordmark{z-index:1;font-family:var(--font-arizona-flare), sans-serif;letter-spacing:-.02em;flex:none;align-items:center;gap:.45em;font-size:clamp(.875rem,2.5cqi,1.25rem);display:inline-flex;position:relative}.blog-cover-mark{flex:none;width:1.25em;height:auto}.blog-post-meta{color:var(--site-ink-muted);flex-wrap:wrap;justify-content:space-between;gap:.5rem;margin-top:1.5rem;font-size:.8125rem;line-height:1.5;display:flex}.blog-post h2{font-family:var(--site-font-serif);letter-spacing:-.025em;text-wrap:pretty;margin:.85rem 0;padding-right:1.75rem;font-size:clamp(1.65rem,2.4vw,2.2rem);font-weight:420;line-height:1.15;position:relative}.blog-post-arrow{font-family:var(--site-font-sans);transition:transform .2s var(--site-ease-out-quart);font-size:.65em;position:absolute;top:.15em;right:0}.blog-post-description{max-width:52ch;color:var(--site-ink-muted);text-wrap:pretty;margin:0;font-size:.9375rem;line-height:1.65}.blog-post-byline{border-top:1px solid var(--site-line);flex-wrap:wrap;align-items:center;gap:.6rem;margin-top:1.5rem;padding-top:1.25rem;font-size:.75rem;line-height:1.5;display:flex}.blog-post-byline img{border-radius:50%}.blog-post-byline time{color:var(--site-ink-muted);margin-left:auto}@media (hover:hover){.blog-post-link:hover .blog-cover-art{transform:scale(1.025)}.blog-post-link:hover .blog-post-arrow{transform:translate(2px,-2px)}}@media (max-width:640px){.blog-posts{grid-template-columns:minmax(0,1fr);gap:3rem}.blog-index-hero.site-hero{padding-top:2.5rem}.blog-index-heading h1.site-display{max-width:13ch;font-size:clamp(2rem,9vw,2.5rem)}.blog-post-byline{gap:.5rem}.blog-post-byline time{font-size:.6875rem}}@media (prefers-reduced-motion:reduce){.blog-cover-art,.blog-post-arrow{transition:none}.blog-post-link:hover .blog-cover-art,.blog-post-link:hover .blog-post-arrow{transform:none}}.site-blog .site-nav-announcement-inner{container-type:inline-size}.site-blog .site-theme-toggle{color:var(--site-ink-muted)}.site-blog .site-nav-link{justify-content:center;min-width:44px}@container (max-width:24rem){.site-blog .site-nav-announcement p{display:none}}