.blog-index{padding-bottom:var(--s-7)}.blog-index__hero{isolation:isolate;padding-top:calc(var(--nav-height) + var(--s-7));padding-bottom:var(--s-6);position:relative;overflow:hidden}.blog-index__bg{pointer-events:none;z-index:0;position:absolute;top:0;bottom:0;left:0;right:0}.blog-index__glow{background:radial-gradient(closest-side, color-mix(in oklab, var(--brand-bright) 22%, transparent) 0%, color-mix(in oklab, var(--brand-2-bright) 13%, transparent) 42%, transparent 74%);filter:blur(72px);opacity:.5;width:60vw;max-width:800px;height:50vw;max-height:700px;position:absolute;top:-25%;left:50%;transform:translate(-50%)}.blog-index__hero-inner{z-index:1;gap:var(--s-5);grid-template-columns:1fr;align-items:center;display:grid;position:relative}@media (min-width:960px){.blog-index__hero-inner{gap:var(--s-6);grid-template-columns:1.05fr .95fr}}.blog-index__hero-copy{min-width:0}.blog-index__hero-art{display:none;position:relative}@media (min-width:960px){.blog-index__hero-art{display:block}}.blog-index__hero-art-inner{width:100%;max-width:440px;transform:translate(calc(var(--par-x,0) * 7px), calc(var(--par-y,0) * 7px));margin-inline-start:auto;margin-inline-end:auto;transition:transform .3s ease-out;position:relative}.blog-index__notes{width:100%;height:auto;display:block;overflow:visible}.blog-index__note--front{transform-box:view-box;transform-origin:209px 260px;animation:6.5s ease-in-out infinite blog-note-bob}.blog-index__note--mid{transform-box:view-box;transform-origin:242px 182px;animation:6.5s ease-in-out .4s infinite blog-note-bob}@keyframes blog-note-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.blog-index__chip{position:absolute}.blog-index__chip--1{top:2%;right:-2%}.blog-index__chip--2{bottom:12%;left:-6%}.blog-index__sparkle{position:absolute}.blog-index__sparkle--1{color:#a855f7;top:4%;left:30%}.blog-index__sparkle--2{color:var(--brand);bottom:22%;right:4%}.blog-index__orbit{position:absolute;bottom:0;right:2%}.blog-index__breadcrumb{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--text-3);margin-bottom:var(--s-4);align-items:center;gap:8px;font-size:.72rem;display:inline-flex}.blog-index__breadcrumb a{color:var(--text-3);-webkit-text-decoration:none;text-decoration:none;transition:color .2s}.blog-index__breadcrumb a:hover{color:var(--brand)}.blog-index__breadcrumb [aria-current]{color:var(--text-2)}.blog-index__featured-wrap{padding-block:var(--s-5)}.blog-index__featured-eyebrow{margin-bottom:var(--s-3);font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:color-mix(in oklab, var(--brand) 70%, var(--text-1));align-items:center;gap:8px;font-size:.7rem;font-weight:500;display:inline-flex}.blog-index__featured-dot{background:var(--brand);width:6px;height:6px;box-shadow:0 0 0 0 color-mix(in oklab, var(--brand) 55%, transparent);border-radius:50%;animation:2.4s ease-out infinite blog-live-pulse}@keyframes blog-live-pulse{0%,to{box-shadow:0 0 0 0 color-mix(in oklab, var(--brand) 55%, transparent)}70%{box-shadow:0 0 0 8px #0000}}.blog-index__featured{gap:var(--s-5);padding:var(--s-6) var(--s-5);border-radius:var(--r-xl);background:linear-gradient(180deg, color-mix(in oklab, var(--brand) 5%, var(--surface-1)) 0%, var(--surface-1) 58%);border:1px solid var(--line-1);box-shadow:var(--shadow-card);color:inherit;grid-template-columns:1fr;align-items:center;-webkit-text-decoration:none;text-decoration:none;transition:transform .24s cubic-bezier(.22,1,.36,1),border-color .24s,box-shadow .24s;display:grid;position:relative;overflow:hidden}.blog-index__featured-stripe,.blog-index__card-stripe{background:var(--accent-grad);z-index:2;height:4px;position:absolute;top:0;left:0;right:0}.blog-index__topic{border-radius:var(--r-pill);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:color-mix(in oklab, var(--accent-from) 72%, var(--text-1));background:color-mix(in oklab, var(--accent-from) 12%, var(--surface-1));border:1px solid color-mix(in oklab, var(--accent-from) 26%, var(--line-1));white-space:nowrap;align-items:center;padding:3px 10px;font-size:.64rem;font-weight:600;display:inline-flex}.blog-index__featured:hover{border-color:color-mix(in oklab, var(--accent-from) 40%, var(--line-2));box-shadow:var(--shadow-play);transform:translateY(-6px)}@media (min-width:720px){.blog-index__featured{padding:var(--s-7) var(--s-6)}}.blog-index__featured-main{gap:var(--s-3);flex-direction:column;min-width:0;display:flex}.blog-index__featured-side{display:none}@media (min-width:900px){.blog-index__featured{-moz-column-gap:var(--s-7);column-gap:var(--s-7);grid-template-columns:1.4fr .6fr}.blog-index__featured-side{justify-content:center;align-items:center;gap:var(--s-3);padding:var(--s-5);background:linear-gradient(160deg, color-mix(in oklab, var(--accent-from) 12%, var(--surface-1)), color-mix(in oklab, var(--accent-to) 7%, var(--surface-1)));border:1px solid color-mix(in oklab, var(--accent-from) 20%, var(--line-1));border-radius:18px;flex-direction:column;align-self:stretch;display:flex}}.blog-index__featured-badge{color:#fff;background:var(--accent-grad);width:72px;height:72px;box-shadow:0 12px 28px -12px var(--accent-glow);border-radius:20px;place-items:center;display:grid}.blog-index__featured-side-label{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:color-mix(in oklab, var(--accent-from) 72%, var(--text-1));font-size:.7rem}.blog-index__featured-meta{font-family:var(--font-mono);letter-spacing:.04em;color:var(--text-3);flex-wrap:wrap;align-items:center;gap:8px;font-size:.74rem;display:inline-flex}.blog-index__featured-meta>span{align-items:center;gap:4px;display:inline-flex}.blog-index__featured-sep{opacity:.5}.blog-index__featured-title{font-family:var(--font-display);letter-spacing:-.03em;color:var(--text-1);overflow-wrap:anywhere;max-width:22ch;margin:0;font-size:clamp(1.8rem,3vw + 1rem,3rem);font-weight:600;line-height:1.08}.blog-index__featured:hover .blog-index__featured-title{background:var(--accent-grad);color:#0000;-webkit-background-clip:text;background-clip:text}.blog-index__featured-excerpt{color:var(--text-2);max-width:60ch;margin:0;font-size:1.05rem;line-height:1.6}.blog-index__featured-cta{margin-top:var(--s-3);border-radius:var(--r-pill);background:var(--accent-grad);color:#fff;min-height:42px;font-family:var(--font-display);box-shadow:0 10px 24px -12px var(--accent-glow);align-self:flex-start;align-items:center;gap:8px;padding:11px 18px;font-size:.95rem;font-weight:600;transition:transform .2s,box-shadow .2s,filter .2s;display:inline-flex}.blog-index__featured:hover .blog-index__featured-cta{filter:brightness(1.06);box-shadow:0 14px 30px -12px var(--accent-glow);transform:translateY(-1px)}.blog-index__rest-wrap{padding-block:var(--s-5)}.blog-index__rest-head{justify-content:space-between;align-items:baseline;gap:var(--s-3);padding-bottom:var(--s-3);margin-bottom:var(--s-4);border-bottom:1px solid var(--line-1);display:flex}.blog-index__rest-head h2{font-family:var(--font-display);letter-spacing:-.015em;color:var(--text-1);margin:0;font-size:1.2rem;font-weight:500}.blog-index__count{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--text-3);font-size:.74rem}.blog-index__list{gap:var(--s-4);grid-template-columns:1fr;margin:0;padding:0;list-style:none;display:grid}@media (min-width:720px){.blog-index__list{grid-template-columns:repeat(2,1fr)}}@media (min-width:1100px){.blog-index__list{grid-template-columns:repeat(3,1fr)}}.blog-index__card{isolation:isolate;padding:var(--s-5);border-radius:var(--r-xl);background:var(--surface-1);border:1px solid var(--line-1);box-shadow:var(--shadow-card);color:inherit;flex-direction:column;gap:10px;height:100%;-webkit-text-decoration:none;text-decoration:none;transition:border-color .22s,transform .22s,box-shadow .22s;display:flex;position:relative;overflow:hidden}.blog-index__card:after{content:"";background:radial-gradient(circle, color-mix(in oklab, var(--accent-from) 20%, transparent), transparent 70%);opacity:.5;pointer-events:none;z-index:0;width:70%;height:70%;transition:opacity .22s;position:absolute;top:-42%;right:-32%}.blog-index__card:hover:after{opacity:.95}.blog-index__card>*{z-index:1;position:relative}.blog-index__card-top{justify-content:space-between;align-items:center;gap:var(--s-2);flex-wrap:wrap;display:flex}.blog-index__tags{flex-wrap:wrap;gap:6px;margin:4px 0 0;padding:0;list-style:none;display:flex}.blog-index__tag{font-family:var(--font-mono);letter-spacing:.04em;color:var(--text-3);border-radius:var(--r-pill);border:1px solid var(--line-1);background:color-mix(in oklab, var(--brand) 3%, var(--surface-1));padding:3px 9px;font-size:.66rem}.blog-index__card:hover{border-color:color-mix(in oklab, var(--accent-from) 40%, var(--line-2));box-shadow:var(--shadow-play);transform:translateY(-6px)}.blog-index__card-meta{font-family:var(--font-mono);letter-spacing:.04em;color:var(--text-3);align-items:center;gap:6px;font-size:.68rem;display:inline-flex}.blog-index__card-title{font-family:var(--font-display);letter-spacing:-.015em;color:var(--text-1);margin:4px 0 0;font-size:1.1rem;font-weight:600;line-height:1.25}.blog-index__card-excerpt{color:var(--text-2);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:.9rem;line-height:1.55;display:-webkit-box;overflow:hidden}.blog-index__card-cta{padding-top:var(--s-2);font-family:var(--font-display);color:color-mix(in oklab, var(--brand) 70%, var(--text-1));align-items:center;gap:4px;margin-top:auto;font-size:.85rem;font-weight:600;transition:transform .2s,gap .2s,color .2s;display:inline-flex}.blog-index__card:hover .blog-index__card-cta{color:color-mix(in oklab, var(--brand-2) 66%, var(--text-1));gap:7px;transform:translate(2px)}@media (prefers-reduced-motion:reduce){.blog-index__featured-dot,.blog-index__note--front,.blog-index__note--mid{animation:none}.blog-index__hero-art-inner{transform:none}.blog-index__featured,.blog-index__featured-cta,.blog-index__card,.blog-index__card-cta{transition:none}.blog-index__featured:hover,.blog-index__card:hover{transform:none}}