.pg-blog{--brand-a:#1b1c1f;--brand-b:#070708}.pg-blog .mast{background:radial-gradient(120% 90% at 70% 20%, var(--brand-a), var(--brand-b));align-content:end;gap:18px;min-height:78svh;padding-block:18vh 8vh;display:grid}.pg-blog .mast h1{letter-spacing:-.055em;font-size:clamp(64px,11vw,200px);line-height:.88}.pg-blog .mast .lede{font:500 clamp(20px, 2vw, 30px)/1.2 var(--display);letter-spacing:-.02em;max-width:30ch;color:var(--mute)}.pg-blog .posts{padding-block:10vh 16vh}.pg-blog .posts ol{border-top:1px solid var(--faint);margin:0;padding:0;list-style:none}.pg-blog .post{border-bottom:1px solid var(--faint);grid-template-columns:minmax(0,1fr) minmax(0,2.2fr);gap:12px 6vw;padding:34px 0 38px;text-decoration:none;display:grid}.pg-blog .post .when{color:var(--mute);align-content:start;gap:8px;display:grid}.pg-blog .post h2{letter-spacing:-.035em;font-size:clamp(30px,3.4vw,56px);line-height:1.02;transition:color .3s}.pg-blog .post p{color:var(--mute);max-width:60ch;margin-top:14px;font-size:clamp(16px,1.15vw,19px)}.pg-blog .post .go{opacity:.7;transition:opacity .3s, transform .4s var(--ease);margin-top:18px;font-size:14px;display:inline-block}.pg-blog .post:hover .go{opacity:1;transform:translate(4px)}.pg-blog .post:hover h2{color:#fff}.pg-blog .ahead{background:linear-gradient(180deg, var(--brand-a), var(--void));justify-items:start;gap:22px;padding-block:22vh 6vh;display:grid}.pg-blog .ahead .back{color:var(--mute);text-decoration:none}.pg-blog .ahead .back:hover{color:var(--fg)}.pg-blog .ahead h1{letter-spacing:-.045em;max-width:16ch;font-size:clamp(44px,6.6vw,112px);line-height:.95}.pg-blog .ahead .excerpt{font:500 clamp(19px, 1.7vw, 26px)/1.3 var(--display);letter-spacing:-.015em;color:var(--mute);max-width:40ch}.pg-blog .ahead .meta{color:var(--mute);flex-wrap:wrap;gap:8px 22px;display:flex}.pg-blog .body{padding-block:4vh 14vh}.pg-blog .article{color:#f4f2eed1;max-width:700px;margin-left:calc(min(100%,1440px)/4);font-size:clamp(17px,1.2vw,19px);line-height:1.7}.pg-blog .article>*+*{margin-top:1.1em}.pg-blog .article h2{color:var(--fg);letter-spacing:-.03em;margin-top:2.4em;font-size:clamp(28px,2.6vw,42px);line-height:1.08}.pg-blog .article h3{color:var(--fg);letter-spacing:-.02em;margin-top:2em;font-size:clamp(21px,1.7vw,26px);line-height:1.2}.pg-blog .article a{color:var(--fg);text-underline-offset:3px;-webkit-text-decoration:underline #f4f2ee59;text-decoration:underline #f4f2ee59}.pg-blog .article a:hover{-webkit-text-decoration-color:var(--fg);text-decoration-color:var(--fg)}.pg-blog .article strong{color:var(--fg);font-weight:600}.pg-blog .article ul,.pg-blog .article ol{gap:.6em;padding:0;list-style:none;display:grid}.pg-blog .article ul li{padding-left:26px;position:relative}.pg-blog .article ul li:before{content:"";background:var(--mute);width:12px;height:1px;position:absolute;top:.82em;left:0}.pg-blog .article ol{counter-reset:li}.pg-blog .article ol li{counter-increment:li;padding-left:40px;position:relative}.pg-blog .article ol li:before{content:counter(li, decimal-leading-zero);font:400 12px/1.6 var(--mono);letter-spacing:.08em;color:var(--mute);position:absolute;top:.2em;left:0}.pg-blog .article blockquote{border-left:2px solid var(--dot);margin:2em 0;padding-left:22px}.pg-blog .article blockquote p{font:500 clamp(22px, 2vw, 32px)/1.2 var(--display);letter-spacing:-.025em;color:var(--fg)}.pg-blog .article code{font:.88em var(--mono);background:#ffffff12;border-radius:6px;padding:2px 6px}.pg-blog .article pre{background:#0d0d10;border:1px solid #ffffff0f;border-radius:14px;padding:20px;overflow-x:auto}.pg-blog .article pre code{background:0 0;padding:0}.pg-blog .article hr{border:0;border-top:1px solid var(--faint);margin:3em 0}.pg-blog .next .row.posts-next{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));padding:0}.pg-blog .next .card{background:#f2f2f0;border-radius:14px;align-content:start;gap:12px;min-height:220px;padding:22px;transition:background .3s;display:grid}.pg-blog .next .card:hover{background:#e9e9e6}.pg-blog .next .card .mono{color:var(--ink-mute)}@media (max-width:900px){.pg-blog .post{grid-template-columns:minmax(0,1fr)}.pg-blog .article{margin-left:0}}