/* single article hero: loaded only on posts */
.article-hero{background:var(--hero-bg);width:100vw;color:var(--hero-text);isolation:isolate;margin-left:-50vw;margin-right:-50vw;padding:4rem 1.5rem 4.5rem;position:relative;left:50%;right:50%;overflow:hidden}.article-hero__watermark{opacity:1;pointer-events:none;z-index:0;color:#d2e4fd;width:520px;height:520px;position:absolute;top:50%;right:-4rem;transform:translateY(-50%)}.article-hero__watermark svg{color:#d2e4fd;width:100%!important;height:100%!important}.article-hero__watermark svg [stroke]:not([stroke=none]){stroke:#d2e4fd!important}.article-hero__watermark svg [fill]:not([fill=none]){fill:#d2e4fd!important}.article-hero__dots{color:#0069e2;opacity:.08;pointer-events:none;z-index:0;background-image:radial-gradient(currentColor 1px,#0000 1px);background-position:0 0;background-size:28px 28px;position:absolute;inset:0}.article-hero__inner{z-index:1;grid-template-columns:1fr;align-items:center;gap:2.5rem;max-width:1200px;margin:0 auto;display:grid;position:relative}@media (width>=1024px){.article-hero__inner{grid-template-columns:1.15fr 1fr;gap:4rem}}.article-hero__badge{letter-spacing:.08em;border:1.5px solid var(--hero-border);color:var(--hero-text);background:0 0;border-radius:6px;align-items:center;gap:.6rem;margin-bottom:1.75rem;padding:.45rem .9rem;font-family:ui-monospace,SF Mono,Menlo,Monaco,Cascadia Mono,Consolas,monospace;font-size:.8125rem;font-weight:700;display:inline-flex}.article-hero__num{opacity:.65}.article-hero__sep{opacity:.4}.article-hero__cat-link{transition:opacity .2s;color:var(--hero-text)!important;text-decoration:none!important}.article-hero__cat-link:hover{opacity:.75}.article-hero__title{letter-spacing:-.025em;color:var(--hero-text);-webkit-hyphens:none;hyphens:none;word-break:break-word;margin:0 0 1.5rem;font-size:clamp(1.85rem,4.8vw,3.5rem);font-weight:900;line-height:1.08}.article-hero__title:before{content:">";color:var(--hero-text);opacity:.45;margin-right:.5rem;font-family:ui-monospace,SF Mono,Menlo,Monaco,Cascadia Mono,Consolas,monospace;font-weight:700}.article-hero__title:after{content:"_";opacity:.65;margin-left:.15em;font-family:ui-monospace,Menlo,monospace;font-weight:400;animation:1.1s steps(2,start) infinite hero-blink;display:inline-block}@keyframes hero-blink{0%,49%{opacity:.65}50%,to{opacity:0}}.article-hero__excerpt{color:var(--hero-muted);max-width:60ch;margin:0 0 2rem;font-size:clamp(1rem,1.35vw,1.15rem);line-height:1.6}.article-hero__meta{border-top:1px solid var(--hero-border);color:var(--hero-muted);flex-wrap:wrap;gap:1.5rem;padding-top:1.25rem;font-size:.875rem;font-weight:500;display:flex}.article-hero__meta-item{align-items:center;gap:.5rem;display:inline-flex;color:var(--hero-muted)!important;text-decoration:none!important}.article-hero__author:hover{color:var(--hero-text)!important}.article-hero__tags{flex-wrap:wrap;gap:.5rem;margin:1.5rem 0 0;padding:0;list-style:none;display:flex}.article-hero__tags a{border:1px solid var(--hero-border);background:0 0;border-radius:4px;padding:.3rem .7rem;font-family:ui-monospace,Menlo,monospace;font-size:.75rem;font-weight:600;transition:background .2s,color .2s;display:inline-block;color:var(--hero-text)!important;text-decoration:none!important}.article-hero__tags a:hover{background:var(--hero-text);color:var(--hero-bg)!important}.article-hero__tag--has-icon{align-items:center;gap:.35rem;display:inline-flex!important}.article-hero__tag-icon{opacity:.6;flex-shrink:0;align-items:center;display:inline-flex}.article-hero__tag-icon svg{stroke:currentColor;fill:none;width:13px;height:13px}.article-hero__tags a:hover .article-hero__tag-icon{opacity:1}.article-hero__media{aspect-ratio:4/3;box-shadow:0 1px 0 var(--hero-border), 0 20px 60px -20px #00000059;background:#00000026;border-radius:18px;margin:0;transition:transform .4s cubic-bezier(.22,1,.36,1);overflow:hidden;transform:rotate(-1.2deg)}.article-hero__media:hover{transform:rotate(0)scale(1.01)}.article-hero__media img{object-fit:cover;width:100%;height:100%;display:block}@media (width<=640px){.article-hero{padding:2.5rem 1rem 3rem}.article-hero__watermark{display:none}.article-hero__media{aspect-ratio:4/3;border-radius:12px;transform:rotate(-.8deg)}}.article-hero--light .article-hero__title{text-shadow:none}.article-hero--dark .article-hero__media{background:#ffffff0f}