.blog-heading{text-align:center;padding:clamp(42px,6vw,80px) 0 clamp(32px,5vw,64px)}.blog-heading h1{font:400 clamp(52px, 6.5vw, 86px)/1.12 var(--serif);letter-spacing:-.055em}.blog-heading em{color:var(--link)}.blog-heading p,.article-lead{color:var(--quiet);margin-top:16px;font-size:clamp(15px,1.5vw,19px);line-height:1.75}.blog-label,.post-meta,.article-count,.article-filters,.back-to-blog,.article-byline,.article-sidebar summary{font-family:var(--mono)}.blog-label{color:var(--link);margin-bottom:14px;font-size:12px;line-height:1.6;display:block}.featured-post{background:var(--card);border:1px solid var(--line);border-radius:10px;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);display:grid;overflow:hidden}.product :is(.featured-post,.post-card-link):hover{text-decoration:none}.post-cover{isolation:isolate;aspect-ratio:1.85;background:var(--tint);position:relative;overflow:hidden}.post-cover img{object-fit:cover;width:100%;height:100%;transition:transform .4s;position:absolute;inset:0}.post-cover:after{content:"";background:linear-gradient(#0000 0%,#06101a0a 20%,#06101a9c 100%);position:absolute;inset:0}.post-cover small{z-index:1;color:#fff;font:10px/1.5 var(--mono);letter-spacing:.02em;background:#111b;border-radius:4px;padding:4px 8px;position:absolute;top:12px;left:12px}.post-cover span{z-index:1;font:italic 400 clamp(32px, 3.1vw, 48px)/1.1 var(--serif);color:#fff;letter-spacing:-.055em;position:absolute;bottom:9%;left:7%}.featured-post .post-cover{aspect-ratio:auto;min-height:315px}.featured-post .post-cover span{font-size:clamp(46px,5.1vw,76px)}:is(.featured-post,.post-card-link):is(:hover,:focus-visible) .post-cover img{transform:scale(1.025)}.featured-copy{flex-direction:column;justify-content:center;align-items:start;gap:14px;padding:clamp(24px,3.5vw,48px);display:flex}.post-meta{color:var(--quiet);flex-wrap:wrap;align-items:center;gap:6px 13px;font-size:11px;line-height:1.55;display:flex}.post-category{color:var(--link)}.featured-copy h3,.post-card h3,.article-masthead h1{white-space:pre-line}.featured-copy h3{font:400 clamp(24px, 2.6vw, 37px)/1.37 var(--sans);letter-spacing:-.045em;text-wrap:balance}.featured-copy p,.post-card p{color:var(--quiet);font-size:14px;line-height:1.75}.blog-list{padding-block:clamp(56px,7vw,92px)}.list-heading{justify-content:space-between;align-items:baseline;gap:16px;display:flex}.article-count{color:var(--quiet);font-size:12px;line-height:1.6}.article-filters{flex-wrap:wrap;gap:6px;margin:6px 0 26px;display:flex}.article-filters button{border:1px solid var(--line);background:var(--card);border-radius:6px;padding:7px 13px;font-size:12px;line-height:1.5}.article-filters [aria-pressed=true]{color:var(--link);background:var(--wash);border-color:var(--link)}.article-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:40px 24px;display:grid}.post-card-link{display:block}.post-card .post-meta{margin-top:16px}.post-card h3{letter-spacing:-.035em;margin:8px 0;font-size:clamp(20px,1.8vw,25px);line-height:1.4}.post-card-link:is(:hover,:focus-visible) h3,.featured-post:is(:hover,:focus-visible) h3{color:var(--link)}.article-masthead{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) minmax(0,.7fr);align-items:center;gap:clamp(28px,5vw,72px);padding-block:clamp(42px,6vw,82px);display:grid}.back-to-blog{align-items:center;min-height:34px;font-size:12px;display:inline-flex}.article-masthead .post-meta{margin:14px 0}.article-masthead h1{font:400 clamp(34px, 3.5vw, 54px)/1.24 var(--serif);letter-spacing:-.05em;text-wrap:balance;overflow-wrap:anywhere}.article-masthead .post-cover{aspect-ratio:1.5;border-radius:8px}.article-byline{color:var(--quiet);margin-top:18px;font-size:12px;line-height:1.65}.article-layout{grid-template-columns:minmax(0,.32fr) minmax(0,1fr);align-items:start;gap:clamp(24px,5vw,74px);padding-block:clamp(36px,5vw,70px);display:grid}.article-body{min-width:0;max-width:74ch}.article-sidebar{border-block:1px solid var(--line);max-height:calc(100svh - 110px);font-size:13px;position:sticky;top:88px;overflow:auto}.article-sidebar summary{padding:14px 0;font-size:12px}.article-sidebar ul{padding:0 0 15px;list-style:none}.article-sidebar li+li{margin-top:8px}.article-sidebar a{color:var(--quiet);line-height:1.5;display:block}.article-sidebar a:is(:hover,:focus-visible){color:var(--link)}.article-next{border-block:1px solid var(--line);padding-block:26px}.article-next>a:first-of-type{justify-content:space-between;align-items:center;gap:16px;display:flex}.article-next h2{letter-spacing:-.04em;font-size:clamp(22px,2.7vw,34px);line-height:1.4}.article-next>.back-to-blog{color:var(--quiet);margin-top:8px}@media (width<=800px){.article-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.featured-post .post-cover{min-height:260px}.article-layout{flex-direction:column;display:flex}.article-sidebar{width:100%;max-height:none;position:static}.article-body{width:100%}}@media (width<=600px){.featured-post,.article-masthead,.article-grid{grid-template-columns:minmax(0,1fr)}.featured-post .post-cover,.article-masthead .post-cover{aspect-ratio:2.2;min-height:0}.featured-copy{gap:10px;padding:20px}.article-masthead{gap:20px}.article-grid{gap:30px}}@media (prefers-reduced-motion:reduce){.post-cover img{transition:none}}.article-body .content{color:var(--ink);overflow-wrap:anywhere;--code-bg:var(--tint);--code-text:var(--ink);--code-keyword:var(--link);--code-string:var(--string-color);--code-muted:var(--quiet);font-size:clamp(16px,1.35vw,18px);line-height:1.9}.content>:first-child{margin-top:0}.content :is(p,ul,ol,table,blockquote,figure,.code-block){margin-block:1.1em}.content h2,.content h3,.content h4{letter-spacing:-.035em;margin:1.8em 0 .55em;font-weight:500;line-height:1.38}.content h2{font-size:clamp(24px,2.8vw,34px)}.content h3{font-size:clamp(21px,2.3vw,26px)}.content h4{font-size:1.1em}.content :is(ul,ol){padding-inline-start:1.5em}.content li+li{margin-top:.32em}.content :is(ul,ol) :is(ul,ol){margin-block:.3em}.content a{color:var(--link);text-underline-offset:.15em;text-decoration:underline}.content [data-heading-anchor]{opacity:0;font:500 .65em var(--mono);margin-inline-start:.3em;text-decoration:none}.content [data-heading-anchor]:before{content:"#"}.content :is(h2,h3,h4,h5,h6):hover [data-heading-anchor],.content [data-heading-anchor]:focus-visible{opacity:1}.content img,.content video{max-width:100%;height:auto;margin:1.5em auto;display:block}.content figure{margin-inline:0}.content figcaption{color:var(--quiet);font-size:.86em}.content blockquote{border-inline-start:3px solid var(--link);color:var(--quiet);margin-inline:0;padding-inline:1.2em}.content hr{border:0;border-top:1px solid var(--line);margin-block:2em}.content table{border-collapse:collapse;max-width:100%;display:block;overflow:auto}.content :is(td,th){text-align:start;border-bottom:1px solid var(--line);padding:.45em .7em}.content code{font-family:var(--mono);font-size:.88em}.content :not(pre)>code{background:var(--tint);border-radius:4px;padding:.08em .28em}.content .code-block{min-width:0;position:relative}.content pre{border:1px solid var(--line);border-radius:8px;padding:18px 42px 18px 16px;line-height:1.65;overflow:auto}.content .code-block button{background:var(--card);color:var(--quiet);border:1px solid var(--line);border-radius:5px;padding:7px;top:6px;right:6px}.content .code-block button:is(:hover,:focus-visible){color:var(--link)}