.blog-index{background:var(--color-paper);min-height:100svh;color:var(--color-ink);isolation:isolate;position:relative;overflow:hidden}.blog-index:before{content:"";z-index:-1;pointer-events:none;opacity:.06;mix-blend-mode:multiply;background:url(/images/paper-grain.svg);position:absolute;inset:0}.blog-index-opening{border-bottom:1px solid var(--color-hairline-strong);height:clamp(160px,22vh,260px)}.blog-index-sheet{border-left:1px solid var(--color-hairline-strong);width:min(100% - 48px,1184px);margin:0 auto;position:relative}.blog-index-hero{padding:clamp(48px,6vw,88px) clamp(28px,5vw,72px) clamp(76px,9vw,128px)}.blog-index-overline{color:var(--color-muted);font:400 .875rem/1.4 var(--font-mono);margin:0 0 28px}.blog-index-hero h1,.blog-index-posts h2{font-family:var(--font-display);letter-spacing:-.035em;margin:0;font-weight:500}.blog-index-hero h1{font-size:clamp(3.5rem,7vw,6rem);line-height:1}.blog-index-intro{max-width:31ch;color:var(--color-body);letter-spacing:-.015em;margin:26px 0 0;font-size:clamp(1.25rem,2.2vw,1.75rem);line-height:1.45}.blog-index-posts{border-top:1px solid var(--color-hairline-strong);padding:clamp(56px,7vw,96px) clamp(28px,5vw,72px) 140px}.blog-index-posts h2{font-size:clamp(2.25rem,4.3vw,3.5rem);line-height:1.1}.blog-index-empty{border-top:1px solid var(--color-hairline-strong);max-width:650px;margin-top:48px;padding-top:24px}.blog-index-empty p{max-width:45ch;color:var(--color-body);margin:0;font-size:1.0625rem;line-height:1.6}.blog-index-links{flex-wrap:wrap;gap:16px 32px;margin-top:28px;display:flex}.blog-index-links a{color:var(--color-accent-text);text-underline-offset:4px;font-size:.9375rem;-webkit-text-decoration:underline #0000;text-decoration:underline #0000;transition:text-decoration-color .18s}.blog-index-links a:hover{text-decoration-color:currentColor}.blog-index-links a:focus-visible{outline:2px solid var(--color-accent);outline-offset:5px}@media (max-width:767px){.blog-index-opening{height:144px}.blog-index-sheet{width:calc(100% - 48px)}.blog-index-hero{padding:48px 24px 76px}.blog-index-posts{padding:64px 24px 100px}.blog-index-empty{margin-top:36px}}