@layer base{.blog-hero{isolation:isolate;padding:140px 0 100px;position:relative;overflow:hidden}.blog-hero__fractal{--fractal-blur:72px;--fractal-scale:1.5;z-index:-1;opacity:.85;height:85%;position:absolute;inset:-10% -10% auto}.blog-hero:after{z-index:-1;pointer-events:none;content:"";background:linear-gradient(180deg,#fafaf900 0%,var(--stone-50)100%);height:220px;position:absolute;inset:auto 0 0}.blog-hero__inner{flex-direction:column;align-items:flex-start;gap:28px;max-width:1240px;margin:0 auto;padding:0 32px;display:flex}.blog-hero__glass{border-radius:var(--radius-3xl);flex-direction:column;gap:24px;max-width:820px;padding:36px 44px 40px;display:inline-flex}.blog-hero__title{margin:0}.blog-hero__lead{max-width:560px;color:var(--fg-body);margin:0}.blog-hero__meta{font-family:var(--font-mono-chip,"JetBrains Mono",monospace);color:var(--fg-faint);letter-spacing:-.02em;align-items:center;gap:14px;font-size:13px;display:flex}.blog-hero__meta-dot{background:var(--stone-300);border-radius:var(--radius-pill);width:4px;height:4px}@media (max-width:720px){.blog-hero{padding:96px 0 64px}.blog-hero__glass{gap:18px;padding:28px 24px 32px}}.blog-index{padding:80px 0 120px}.blog-index__inner{flex-direction:column;gap:64px;max-width:1240px;margin:0 auto;padding:0 32px;display:flex}.blog-index__sectionHead{border-bottom:1px solid var(--border-soft);justify-content:space-between;align-items:baseline;gap:24px;padding-bottom:16px;display:flex}.blog-index__sectionHead h2{margin:0}.blog-index__sectionHead-meta{font-family:var(--font-mono-chip,"JetBrains Mono",monospace);color:var(--fg-faint);letter-spacing:-.02em;font-size:13px}.blog-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:48px 32px;display:grid}@media (max-width:1024px){.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.blog-grid{grid-template-columns:1fr;gap:40px}}.blog-featured{background:var(--surface-card,#fff);border:1px solid var(--border-soft);border-radius:var(--radius-4xl);box-shadow:0 1px 0 var(--stone-100);isolation:isolate;grid-template-columns:1.15fr 1fr;align-items:center;gap:56px;padding:36px;transition:border-color .24s,box-shadow .24s,transform .24s;display:grid;position:relative;overflow:hidden}.blog-featured:hover{border-color:var(--stone-300);transform:translateY(-2px);box-shadow:0 12px 32px -16px #0000001f}.blog-featured__media{aspect-ratio:16/11;background:var(--stone-100);border-radius:var(--radius-3xl);isolation:isolate;position:relative;overflow:hidden}.blog-featured__media img{object-fit:cover;width:100%;height:100%;transition:transform .6s cubic-bezier(.16,1,.3,1)}.blog-featured:hover .blog-featured__media img{transform:scale(1.04)}.blog-featured__fractal{--fractal-blur:56px;--fractal-scale:1.4;z-index:-1;opacity:.55;position:absolute;inset:-20%}.blog-featured__copy{flex-direction:column;gap:20px;display:flex}.blog-featured__chips{align-items:center;gap:8px;display:flex}.blog-featured__title{font-family:var(--font-display);color:var(--fg-heading);letter-spacing:-.012em;margin:0;font-size:44px;font-weight:400;line-height:1.05}.blog-featured__desc{max-width:520px;color:var(--fg-body);margin:0;font-size:17px;line-height:1.6}.blog-featured__meta{font-family:var(--font-mono-chip,"JetBrains Mono",monospace);color:var(--fg-faint);letter-spacing:-.02em;align-items:center;gap:14px;font-size:13px;display:flex}.blog-featured__cta{align-self:flex-start;margin-top:8px}@media (max-width:1024px){.blog-featured{grid-template-columns:1fr;gap:32px;padding:28px}.blog-featured__title{font-size:36px}}@media (max-width:640px){.blog-featured__title{font-size:30px}}.blog-card{color:inherit;border-radius:var(--radius-3xl);flex-direction:column;gap:16px;text-decoration:none;transition:transform .24s cubic-bezier(.16,1,.3,1);display:flex;position:relative}.blog-card:hover{transform:translateY(-3px)}.blog-card:focus-visible{outline:2px solid var(--matter-orange);outline-offset:4px;border-radius:var(--radius-3xl)}.blog-card__media{aspect-ratio:4/3;background:var(--stone-100);border:1px solid var(--border-soft);border-radius:var(--radius-2xl);position:relative;overflow:hidden}.blog-card__media img{object-fit:cover;width:100%;height:100%;transition:transform .6s cubic-bezier(.16,1,.3,1)}.blog-card:hover .blog-card__media img{transform:scale(1.03)}.blog-card__media-empty{background:linear-gradient(135deg,var(--matter-orange-tint),var(--stone-100));place-items:center;display:grid;position:absolute;inset:0}.blog-card__chips{align-items:center;gap:8px;display:flex}.blog-card__title{font-family:var(--font-display);color:var(--fg-heading);letter-spacing:-.005em;margin:0;font-size:26px;font-weight:400;line-height:1.15;transition:color .18s}.blog-card:hover .blog-card__title{color:var(--matter-orange)}.blog-card__desc{-webkit-line-clamp:3;color:var(--fg-body);-webkit-box-orient:vertical;margin:0;font-size:15px;line-height:1.55;display:-webkit-box;overflow:hidden}.blog-card__meta{font-family:var(--font-mono-chip,"JetBrains Mono",monospace);color:var(--fg-faint);letter-spacing:-.02em;align-items:center;gap:12px;margin-top:4px;font-size:12px;display:flex}.blog-card__meta-dot{background:var(--stone-300);border-radius:var(--radius-pill);width:3px;height:3px}.post-header{isolation:isolate;padding:96px 0 56px;position:relative;overflow:hidden}.post-header__corner{z-index:-1;pointer-events:none;opacity:.55;filter:blur(8px);border-radius:50%;width:420px;height:420px;position:absolute;top:40px;right:-120px;overflow:hidden}.post-header__corner-tile{--fractal-blur:60px;--fractal-scale:1.4;position:absolute;inset:0}.post-header__inner{flex-direction:column;gap:24px;max-width:880px;margin:0 auto;padding:0 32px;display:flex;position:relative}.post-header__back{font-family:var(--font-sans);color:var(--fg-muted);align-self:flex-start;align-items:center;gap:8px;padding:6px 0;font-size:14px;font-weight:500;text-decoration:none;transition:color .16s,transform .16s;display:inline-flex}.post-header__back:hover{color:var(--matter-orange);transform:translate(-2px)}.post-header__back:focus-visible{outline:2px solid var(--matter-orange);outline-offset:4px;border-radius:4px}.post-header__top{flex-wrap:wrap;align-items:center;gap:12px;margin-top:8px;display:flex}.post-header__date{margin:0}.post-header__title{max-width:16ch;font-family:var(--font-display);color:var(--fg-heading);letter-spacing:-.018em;text-wrap:balance;margin:4px 0 0;font-size:clamp(40px,6.4vw,76px);font-weight:400;line-height:1.02}.post-header__lead{max-width:640px;font-family:var(--font-display);color:var(--stone-600);text-wrap:balance;margin:12px 0 0;font-size:clamp(18px,1.6vw,22px);font-style:italic;font-weight:400;line-height:1.45}.post-header__meta{font-family:var(--font-mono-chip,"JetBrains Mono",monospace);color:var(--fg-muted);letter-spacing:-.02em;border-top:1px solid var(--border-soft);flex-wrap:wrap;align-items:center;gap:16px;margin-top:12px;padding-top:20px;font-size:13px;display:flex}.post-header__meta-rule{background:var(--stone-300);width:1px;height:12px;display:block}.post-header__authors{align-items:center;gap:10px;display:inline-flex}.post-header__avatars{display:inline-flex}.post-header__avatar{object-fit:cover;background:var(--stone-100);border:2px solid var(--stone-50);border-radius:var(--radius-pill);width:28px;height:28px;box-shadow:0 1px 2px #00000014}.post-header__avatar+.post-header__avatar{margin-left:-10px}.post-header__author-name{font-family:var(--font-sans);color:var(--fg-heading);letter-spacing:0;font-weight:500}.post-header__reading{color:var(--fg-faint)}.post-header__hero-image{border:1px solid var(--border-soft);border-radius:var(--radius-3xl);width:100%;height:auto;margin-top:32px}@media (max-width:720px){.post-header{padding:56px 0 32px}.post-header__corner{opacity:.45;width:320px;height:320px;top:0;right:-160px}.post-header__title{font-size:clamp(34px,9vw,44px)}}.post-body{padding:24px 0 80px;position:relative}.post-body__inner{grid-template-columns:minmax(0,1fr) 240px;align-items:start;gap:64px;max-width:1240px;margin:0 auto;padding:0 32px;display:grid}.post-body__article{min-width:0}@media (max-width:1024px){.post-body__inner{grid-template-columns:1fr;gap:32px}}.post-tldr{background:linear-gradient(135deg,var(--matter-orange-tint)0%,var(--stone-50)70%);border:1px solid var(--matter-orange-ring);border-radius:var(--radius-2xl);gap:20px;margin:0 0 56px;padding:28px 32px 28px 28px;display:flex;position:relative;overflow:hidden}.post-tldr__rule{background:var(--matter-orange);border-radius:var(--radius-pill);flex:0 0 3px;align-self:stretch}.post-tldr__body-wrap{flex-direction:column;gap:10px;display:flex}.post-tldr__label{color:var(--matter-orange);margin:0}.post-tldr__body{font-family:var(--font-display);color:var(--fg-heading);letter-spacing:-.005em;text-wrap:pretty;margin:0;font-size:22px;line-height:1.4}@media (max-width:720px){.post-tldr{gap:16px;padding:22px 22px 22px 18px}.post-tldr__body{font-size:19px}}.post-toc{flex-direction:column;gap:16px;max-height:calc(100vh - 140px);padding:4px 0 8px;display:flex;position:sticky;top:112px;overflow-y:auto}.post-toc__label{color:var(--fg-faint);margin:0}.post-toc__list{counter-reset:post-toc;flex-direction:column;gap:0;margin:0;padding:0;list-style:none;display:flex}.post-toc__item{position:relative}.post-toc__item--h3{padding-left:18px}.post-toc__link{font-family:var(--font-sans);color:var(--stone-500);align-items:flex-start;gap:10px;padding:7px 0 7px 12px;font-size:13px;line-height:1.4;text-decoration:none;transition:color .16s;display:flex;position:relative}.post-toc__bar{background:var(--stone-200);border-radius:var(--radius-pill);transform-origin:top;width:2px;transition:background-color .2s,transform .2s;position:absolute;top:8px;bottom:8px;left:0}.post-toc__text{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.post-toc__link:hover{color:var(--fg-heading)}.post-toc__link:hover .post-toc__bar{background:var(--stone-400)}.post-toc__item--active .post-toc__link{color:var(--matter-orange);font-weight:500}.post-toc__item--active .post-toc__bar{background:var(--matter-orange)}.post-toc__link:focus-visible{outline:2px solid var(--matter-orange);outline-offset:2px;border-radius:4px}@media (max-width:1024px){.post-toc{display:none}}.post-progress{z-index:60;pointer-events:none;background:0 0;width:100%;height:2px;position:fixed;top:0;left:0}.post-progress__bar{--progress:0;background:var(--matter-orange);width:100%;height:100%;transform:scaleX(var(--progress));transform-origin:0;transition:transform 80ms linear}@media (prefers-reduced-motion:reduce){.post-progress{display:none}}.post-author-section{border-top:1px solid var(--border-soft);flex-direction:column;gap:18px;margin-top:64px;padding-top:32px;display:flex}.post-author-section__label{color:var(--fg-faint);margin:0}.post-author-list{flex-direction:column;gap:16px;display:flex}.post-author{background:var(--stone-100);border-radius:var(--radius-2xl);align-items:center;gap:20px;padding:24px 28px;display:flex}.post-author__avatar{object-fit:cover;background:var(--stone-200);border:2px solid var(--stone-50);border-radius:var(--radius-pill);flex-shrink:0;width:56px;height:56px;box-shadow:0 1px 3px #00000014}.post-author__copy{flex-direction:column;gap:4px;min-width:0;display:flex}.post-author__name{font-family:var(--font-display);color:var(--fg-heading);letter-spacing:-.005em;margin:0;font-size:22px;font-weight:400;line-height:1.15}.post-author__role{color:var(--fg-muted);margin:0;font-size:13px}.post-author__link{font-family:var(--font-sans);color:var(--matter-orange);background:var(--stone-50);border:1px solid var(--matter-orange-ring);border-radius:var(--radius-pill);margin-left:auto;padding:8px 14px;font-size:13px;font-weight:500;text-decoration:none;transition:background-color .16s,color .16s}.post-author__link:hover{color:var(--fg-on-brand);background:var(--matter-orange)}.post-author__link:focus-visible{outline:2px solid var(--matter-orange);outline-offset:2px}@media (max-width:600px){.post-author{flex-wrap:wrap;padding:20px 22px}.post-author__link{text-align:center;flex-basis:100%;margin:4px 0 0}}.post-author__link:hover{text-underline-offset:3px;text-decoration:underline}.post-share{border-top:1px solid var(--border-soft);flex-direction:column;gap:14px;margin-top:32px;padding-top:28px;display:flex}.post-share__label{font-family:var(--font-sans);color:var(--fg-faint);text-transform:uppercase;letter-spacing:.08em;margin:0;font-size:11px;font-weight:500}.post-share__row{align-items:center;gap:12px;display:flex}.post-share__btn{width:36px;height:36px;color:var(--fg-muted);cursor:pointer;background:var(--stone-50);border:1px solid var(--border-strong);border-radius:var(--radius-pill);justify-content:center;align-items:center;padding:0;transition:color .16s,border-color .16s,background-color .16s;display:inline-flex}.post-share__btn:hover{color:var(--matter-orange);background:var(--matter-orange-tint);border-color:var(--matter-orange)}.post-share__btn:focus-visible{outline:2px solid var(--matter-orange);outline-offset:2px}.post-share__btn svg{width:16px;height:16px}.post-related{background:var(--stone-100);border-top:1px solid var(--border-soft);border-bottom:1px solid var(--border-soft);padding:96px 0}.post-related__inner{flex-direction:column;gap:40px;max-width:1240px;margin:0 auto;padding:0 32px;display:flex}.post-related__head{justify-content:space-between;align-items:baseline;gap:24px;display:flex}.post-related__head h2{margin:0}.post-related__back{color:var(--matter-orange);font-size:14px;font-weight:500;text-decoration:none}.post-related__back:hover{text-underline-offset:3px;text-decoration:underline}.post-related .blog-card__media{background:var(--stone-150)}.blog-empty{font-family:var(--font-display);color:var(--fg-muted);text-align:center;border:1px dashed var(--border-strong);border-radius:var(--radius-3xl);margin-top:64px;padding:80px 32px;font-size:28px;line-height:1.2}@media (prefers-reduced-motion:reduce){.blog-card,.blog-card__media img,.blog-card__title,.blog-featured,.blog-featured__media img,.post-header__back{transition:none!important}}}