.blog-hero{isolation:isolate;padding:calc(var(--nav-h) + clamp(56px, 10vh, 112px)) 0 clamp(40px, 7vh, 72px);position:relative;overflow:clip}.blog-hero-sky{z-index:-1;pointer-events:none;position:absolute;inset:0}.blog-hero-sky:after{content:"";background:linear-gradient(to bottom, #09071600, var(--sky-bottom));height:40%;position:absolute;inset:auto 0 0}.blog-hero-stars{opacity:.8;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 40%,#0000);mask-image:linear-gradient(#000 40%,#0000)}.blog-title{letter-spacing:-.035em;font-size:clamp(2.75rem,1.7rem + 3.8vw,5rem);font-weight:600;line-height:1.02}.blog-grid{grid-template-columns:minmax(0,1fr);gap:20px;display:grid}@media (min-width:768px){.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}}@media (min-width:1100px){.blog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.blog-card{height:100%;color:var(--text);flex-direction:column;display:flex;overflow:hidden}.blog-card-media{aspect-ratio:16/10;background:var(--card-solid);position:relative;overflow:hidden}.blog-card-media img{transition:transform .9s var(--ease-out)}.blog-card:hover .blog-card-media img{transform:scale(1.04)}.blog-card-body{flex-direction:column;flex:1;gap:10px;padding:20px 22px 24px;display:flex}.blog-card-title{letter-spacing:-.008em;text-wrap:balance;font-size:1.1875rem;font-weight:600;line-height:1.35}.blog-card-excerpt{-webkit-line-clamp:3;color:var(--text-secondary);-webkit-box-orient:vertical;font-size:.9375rem;line-height:1.6;display:-webkit-box;overflow:hidden}.blog-meta{color:var(--text-secondary);flex-wrap:wrap;align-items:center;gap:4px 8px;font-size:.8125rem;display:flex}@media (min-width:768px){.blog-card.is-featured{flex-direction:row}.blog-card.is-featured .blog-card-media{aspect-ratio:auto;flex:1.2;min-height:360px}.blog-card.is-featured .blog-card-body{flex:1;justify-content:center;gap:14px;padding:clamp(28px,4vw,56px)}.blog-card.is-featured .blog-card-title{letter-spacing:-.02em;font-size:clamp(1.5rem,1rem + 1.4vw,2.25rem);line-height:1.15}.blog-card.is-featured .blog-card-excerpt{font-size:1.0625rem}}.post-top{isolation:isolate;padding-top:calc(var(--nav-h) + 40px);position:relative}.post-top:before{content:"";z-index:-1;background:radial-gradient(ellipse 60% 70% at 18% 0%, #7b5ba842, #7b5ba800 70%), linear-gradient(180deg, var(--sky-top) 0%, var(--sky-bottom) 100%);pointer-events:none;height:560px;position:absolute;inset:0 0 auto}.post-layout{grid-template-columns:minmax(0,1fr);grid-template-areas:"header""toc""article";padding:28px 0 clamp(64px,10vh,112px);display:grid}.post-header{grid-area:header;margin-bottom:40px}.post-toc{grid-area:toc}.post-article{grid-area:article;min-width:0}@media (min-width:1024px){.post-layout{grid-template-columns:220px minmax(0,1fr);grid-template-areas:"toc header""toc article";column-gap:clamp(48px,5vw,80px)}}.post-title{letter-spacing:-.028em;text-wrap:balance;max-width:22ch;font-size:clamp(2.125rem,1.45rem + 2.4vw,3.375rem);font-weight:600;line-height:1.08}.post-meta{margin-top:18px;font-size:.9375rem}.post-cover{aspect-ratio:16/9;border-radius:var(--r-card);border:1px solid var(--card-border);background:var(--card-solid);margin:32px 0 0;position:relative;overflow:hidden}.toc-aside{max-height:calc(100vh - 140px);padding-right:8px;position:sticky;top:112px;overflow-y:auto}.toc-list{border-left:1px solid var(--divider);margin:0;padding:0;list-style:none}.toc-link{color:var(--text-secondary);border-left:2px solid #0000;margin-left:-1px;padding:7px 0 7px 16px;font-size:.875rem;line-height:1.4;transition:color .2s,border-color .3s;display:block}.toc-link:hover{color:var(--text)}.toc-link[aria-current]{color:var(--text);border-left-color:var(--mint)}.toc-sub{padding-left:30px}.toc-details .toc-list{border-left:0}.toc-details .toc-link{border-left:0;padding-left:0}.toc-details .toc-sub{padding-left:16px}.toc-summary{cursor:pointer;justify-content:space-between;align-items:center;min-height:56px;padding:0 20px;font-weight:600;list-style:none;display:flex}.toc-summary::-webkit-details-marker{display:none}.toc-summary svg{color:var(--text-secondary);transition:transform .4s var(--ease-out)}.toc-details[open] .toc-summary svg{transform:rotate(180deg)}.blog-cta{isolation:isolate;text-align:center;padding:clamp(80px,12vh,140px) 0;position:relative;overflow:clip}.blog-cta:before{content:"";z-index:-1;background:radial-gradient(50% 60% at 50% 100%,#7b5ba852,#7b5ba800 72%),radial-gradient(30% 30% at 50% 92%,#5cecc612,#5cecc600 72%);position:absolute;inset:0}.post-article>:first-child{margin-top:0}