.blog-index{--blog-rule: color-mix(in srgb, var(--ink) 78%, transparent);gap:clamp(3.5rem,8vw,7.5rem)}.blog-article-page{--blog-rule: color-mix(in srgb, var(--ink) 78%, transparent);gap:clamp(1.5rem,3vw,2.5rem)}.blog-masthead{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(16rem,.65fr);gap:clamp(2rem,8vw,8rem);align-items:end;padding:clamp(2.5rem,7vw,6.5rem) 0 clamp(2rem,4vw,3.5rem);border-bottom:1px solid var(--blog-rule)}.blog-masthead h1{max-width:16ch;margin:.75rem 0 0;font-size:clamp(2.65rem,6vw,3.5rem);font-weight:500;letter-spacing:-.065em;line-height:.98}.blog-masthead-note{display:grid;gap:1rem;padding-bottom:.35rem}.blog-masthead-note>span{font-family:var(--font-mono);font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--mineral)}.blog-masthead-note .lede{max-width:35ch;margin:0;font-size:clamp(1rem,1.5vw,1.2rem);line-height:1.55}.blog-featured{display:grid;grid-template-columns:5rem minmax(0,1.2fr) minmax(14rem,.65fr);gap:clamp(1.5rem,4vw,4rem);align-items:stretch;padding-bottom:clamp(3rem,7vw,6rem);border-bottom:1px solid var(--hairline)}.blog-featured-kicker{display:flex;flex-direction:column;justify-content:space-between;min-height:24rem;border-right:1px solid var(--hairline)}.blog-featured-kicker span{font-family:var(--font-mono);font-size:.76rem}.blog-featured-kicker p{margin:0 1rem 0 0;writing-mode:vertical-rl;transform:rotate(180deg);font-family:var(--font-mono);font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--mineral)}.blog-featured-copy{display:flex;flex-direction:column;align-items:flex-start}.blog-featured-copy h2{max-width:14ch;margin:1rem 0;font-size:clamp(2.2rem,4.7vw,3.5rem);font-weight:500;letter-spacing:-.055em;line-height:1.02}.blog-featured-copy>p:not(.blog-post-meta){max-width:50ch;margin:0;color:var(--mineral);font-size:1.08rem;line-height:1.65}.blog-post-meta{display:flex;flex-wrap:wrap;gap:.45rem 1rem;margin:0;font-family:var(--font-mono);font-size:.69rem;letter-spacing:.06em;text-transform:uppercase;color:var(--mineral)}.blog-post-meta span:first-child{color:var(--signal)}.blog-read-link{display:inline-flex;gap:.65rem;align-items:center;min-height:44px;margin-top:auto;padding-top:2rem;color:var(--ink);font-weight:600}.blog-read-link span,.blog-post-arrow{transition:transform .18s var(--ease)}.blog-read-link:hover span,.blog-post-row:hover .blog-post-arrow{transform:translate(.2rem,-.2rem)}.blog-route-diagram{position:relative;display:grid;align-content:center;gap:0;min-height:24rem;padding:1.5rem;border:1px solid var(--hairline);background:linear-gradient(var(--hairline) 1px,transparent 1px),linear-gradient(90deg,var(--hairline) 1px,transparent 1px);background-color:color-mix(in srgb,var(--surface) 72%,transparent);background-size:2rem 2rem}.blog-route-diagram span{display:block;width:fit-content;padding:.55rem .65rem;border:1px solid var(--blog-rule);background:var(--paper);font-family:var(--font-mono);font-size:.68rem;text-transform:uppercase}.blog-route-diagram span:nth-of-type(2){justify-self:end}.blog-route-diagram i{display:block;width:1px;height:2.5rem;margin-left:2rem;background:var(--blog-rule);transform:rotate(-16deg);transform-origin:center}.blog-route-diagram i:nth-of-type(2){justify-self:end;margin:0 2rem 0 0;transform:rotate(16deg)}.blog-archive{display:grid;grid-template-columns:minmax(12rem,.42fr) minmax(0,1fr);gap:clamp(2rem,7vw,7rem);padding-bottom:clamp(2rem,6vw,5rem)}.blog-archive header{position:sticky;top:6rem;align-self:start}.blog-archive h2{max-width:8ch;margin:.75rem 0 0;font-size:clamp(2rem,3vw,3.25rem);font-weight:500;letter-spacing:-.05em;line-height:1}.blog-post-list{border-top:1px solid var(--blog-rule)}.blog-post-row{display:grid;grid-template-columns:2.5rem minmax(0,1fr) auto;gap:clamp(1rem,3vw,2.5rem);padding:clamp(1.5rem,3vw,2.4rem) 0;border-bottom:1px solid var(--hairline);color:inherit}.blog-post-number,.blog-post-arrow{font-family:var(--font-mono);font-size:.72rem;color:var(--mineral)}.blog-post-row-copy strong{display:block;max-width:22ch;margin-top:.7rem;font-size:clamp(1.4rem,2.5vw,2.15rem);font-weight:500;letter-spacing:-.04em;line-height:1.1}.blog-post-row-copy>p:last-child{max-width:60ch;margin:.7rem 0 0;color:var(--mineral);line-height:1.6}.blog-article-page{padding-top:1.4rem}.blog-article-nav{display:flex;justify-content:space-between;gap:1rem;padding-bottom:1rem;border-bottom:1px solid var(--hairline);font-family:var(--font-mono);font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;color:var(--mineral)}.blog-article-header{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(17rem,.55fr);column-gap:clamp(2rem,7vw,7rem);row-gap:clamp(1.5rem,3vw,2.5rem);align-items:end;padding:clamp(1.5rem,3vw,2.5rem) 0 clamp(2rem,4vw,3.5rem)}.blog-article-header .blog-post-meta{grid-column:1 / -1}.blog-article-header h1{max-width:16ch;margin:0;font-size:clamp(2.7rem,4.5vw,3.5rem);font-weight:500;letter-spacing:-.068em;line-height:.98}.blog-article-header>p:last-child{max-width:38ch;margin:0;color:var(--mineral);font-size:clamp(1.05rem,1.7vw,1.3rem);line-height:1.6}.blog-article-rule{display:flex;gap:1.5rem;align-items:center;font-family:var(--font-mono);font-size:.65rem;letter-spacing:.12em;text-transform:uppercase;color:var(--mineral)}.blog-article-rule i{flex:1;height:1px;background:var(--blog-rule)}.blog-article-body{display:grid;grid-template-columns:minmax(12rem,.42fr) minmax(0,1fr);gap:clamp(2rem,9vw,9rem);padding:clamp(3rem,7vw,6.5rem) 0}.blog-article-aside{position:sticky;top:6rem;align-self:start;padding-top:.75rem;border-top:1px solid var(--blog-rule)}.blog-article-aside span,.blog-note span{font-family:var(--font-mono);font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:var(--signal)}.blog-article-aside p{margin:.7rem 0 0;color:var(--graphite);font-size:.92rem;line-height:1.55}.blog-prose{max-width:47rem}.blog-prose .blog-opening{margin:0 0 clamp(4rem,8vw,7rem);font-size:clamp(1.3rem,2vw,1.65rem);line-height:1.55;letter-spacing:-.018em}.blog-prose section{position:relative;margin-top:clamp(4rem,8vw,7rem)}.blog-prose section:first-of-type{margin-top:0}.blog-section-number{position:absolute;left:-4rem;top:.45rem;margin:0;font-family:var(--font-mono);font-size:.72rem;color:var(--mineral)}.blog-prose h2{margin:0 0 1.5rem;font-size:clamp(1.8rem,3.2vw,2.8rem);font-weight:500;letter-spacing:-.045em;line-height:1.08}.blog-prose section>p:not(.blog-section-number),.blog-prose li{color:var(--graphite);font-size:1.05rem;line-height:1.78}.blog-prose section>p:not(.blog-section-number){margin:0 0 1.25rem}.blog-prose ul{display:grid;gap:.75rem;margin:1.75rem 0;padding:1.5rem 0 1.5rem 1.5rem;border-top:1px solid var(--hairline);border-bottom:1px solid var(--hairline)}.blog-prose li::marker{color:var(--signal)}.blog-code{margin:2.5rem 0;border:1px solid var(--hairline);background:color-mix(in srgb,var(--surface) 78%,var(--paper))}.blog-code figcaption{padding:.7rem 1rem;border-bottom:1px solid var(--hairline);font-family:var(--font-mono);font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;color:var(--mineral)}.blog-code pre{margin:0;padding:clamp(1rem,3vw,1.75rem);overflow-x:auto;color:var(--ink);font-family:var(--font-mono);font-size:clamp(.73rem,1.6vw,.88rem);line-height:1.65}.blog-note{margin:2.5rem 0;padding:1.25rem 0 0 clamp(1rem,4vw,2rem);border-top:1px solid var(--signal)}.blog-note p{max-width:50ch;margin:.7rem 0 0;color:var(--graphite);font-size:.98rem;line-height:1.65}.blog-takeaway{display:grid;grid-template-columns:minmax(10rem,.4fr) minmax(0,1fr);gap:clamp(2rem,8vw,8rem);padding:clamp(2rem,5vw,4rem) 0;border-top:1px solid var(--blog-rule);border-bottom:1px solid var(--blog-rule)}.blog-takeaway>p:last-child{max-width:43ch;margin:0;font-size:clamp(1.5rem,3vw,2.6rem);letter-spacing:-.04em;line-height:1.2}.blog-next{display:flex;justify-content:space-between;gap:2rem;align-items:end;padding-bottom:clamp(3rem,7vw,6rem)}.blog-next h2{max-width:18ch;margin:.6rem 0;font-size:clamp(1.8rem,3.2vw,3rem);font-weight:500;letter-spacing:-.045em;line-height:1.08}.blog-next>div>p:last-child{max-width:52ch;margin:0;color:var(--mineral)}.blog-next>a{display:inline-flex;flex:0 0 auto;gap:1.5rem;align-items:center;min-height:44px;padding:.75rem 0 .75rem 1rem;border-bottom:1px solid var(--blog-rule);font-weight:600}@media(max-width:900px){.blog-masthead,.blog-article-header{grid-template-columns:1fr;gap:2rem}.blog-featured{grid-template-columns:3rem minmax(0,1fr)}.blog-featured-kicker{grid-row:1 / 3}.blog-route-diagram{grid-column:2;min-height:16rem}.blog-archive,.blog-article-body{grid-template-columns:1fr}.blog-archive header,.blog-article-aside{position:static}.blog-archive h2{max-width:none}.blog-article-aside{max-width:34rem}.blog-section-number{position:static;margin-bottom:.75rem}}@media(max-width:620px){.blog-masthead h1,.blog-article-header h1{letter-spacing:-.052em}.blog-featured{grid-template-columns:1fr}.blog-featured-kicker{grid-row:auto;min-height:0;flex-direction:row;border-right:0;border-bottom:1px solid var(--hairline);padding-bottom:.75rem}.blog-featured-kicker p{margin:0;writing-mode:initial;transform:none}.blog-route-diagram{grid-column:auto}.blog-post-row{grid-template-columns:1.75rem minmax(0,1fr)}.blog-post-arrow,.blog-article-nav span{display:none}.blog-takeaway{grid-template-columns:1fr}.blog-next{align-items:start;flex-direction:column}.blog-next>a{width:100%;justify-content:space-between;padding-left:0}}@media(prefers-reduced-motion:reduce){.blog-read-link span,.blog-post-arrow{transition:none}}