.arc-blocks-blog-grid-blog-grid__root{width:100%;min-width:0;container:blog / inline-size;background:var(--background);color:var(--foreground);font-family:var(--font-body);letter-spacing:var(--tracking-body)}.arc-blocks-blog-grid-blog-grid__inner{position:relative;max-width:1180px;margin:0 auto;padding:var(--space-16) var(--space-6)}.arc-blocks-blog-grid-blog-grid__index{display:grid;gap:var(--space-8)}.arc-blocks-blog-grid-blog-grid__header{display:grid;gap:var(--space-3);max-width:600px}.arc-blocks-blog-grid-blog-grid__title{margin:0;font-family:var(--font-display);font-size:clamp(1.75rem,1rem + 3cqi,var(--text-4xl));font-weight:500;letter-spacing:var(--tracking-display);line-height:var(--leading-display)}.arc-blocks-blog-grid-blog-grid__description{margin:0;color:var(--text-secondary);font-size:var(--text-base);line-height:var(--leading-body);text-wrap:pretty}.arc-blocks-blog-grid-blog-grid__filters{display:flex;gap:2px;margin:0 calc(var(--space-6) * -1);overflow-x:auto;padding:0 var(--space-6);scrollbar-width:none}.arc-blocks-blog-grid-blog-grid__filters::-webkit-scrollbar{display:none}.arc-blocks-blog-grid-blog-grid__filter{position:relative;isolation:isolate;flex:none;height:36px;border:0;border-radius:var(--radius-pill);padding:0 var(--space-4);background:none;color:var(--text-secondary);font:inherit;font-size:var(--text-sm);font-weight:500;white-space:nowrap;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:color var(--duration-fast) var(--ease-standard)}.arc-blocks-blog-grid-blog-grid__filter[aria-pressed=true]{color:var(--background)}@media(hover:hover)and (pointer:fine){.arc-blocks-blog-grid-blog-grid__filter[aria-pressed=false]:hover{color:var(--foreground)}}.arc-blocks-blog-grid-blog-grid__filterHighlight{position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:var(--foreground)}.arc-blocks-blog-grid-blog-grid__clip{min-width:0}.arc-blocks-blog-grid-blog-grid__clip[data-clip]{overflow:hidden}.arc-blocks-blog-grid-blog-grid__stack{display:grid;gap:var(--space-8)}.arc-blocks-blog-grid-blog-grid__page{display:grid;gap:var(--space-12)}.arc-blocks-blog-grid-blog-grid__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-12) var(--space-6)}.arc-blocks-blog-grid-blog-grid__card,.arc-blocks-blog-grid-blog-grid__featured{display:grid;align-content:start;gap:var(--space-4);border-radius:22px;color:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent}.arc-blocks-blog-grid-blog-grid__featured{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);align-items:center;gap:var(--space-10)}.arc-blocks-blog-grid-blog-grid__imageFrame{position:relative;overflow:hidden;aspect-ratio:3 / 2;border-radius:20px;background:var(--surface-muted)}.arc-blocks-blog-grid-blog-grid__featured .arc-blocks-blog-grid-blog-grid__imageFrame{aspect-ratio:16 / 10;border-radius:26px}.arc-blocks-blog-grid-blog-grid__image{display:block;width:100%;height:100%;object-fit:cover;transition:transform var(--duration-considered) var(--ease-standard)}.arc-blocks-blog-grid-blog-grid__cardBody{display:grid;align-content:start;gap:var(--space-2)}.arc-blocks-blog-grid-blog-grid__featured .arc-blocks-blog-grid-blog-grid__cardBody{gap:var(--space-3)}.arc-blocks-blog-grid-blog-grid__meta{display:flex;flex-wrap:wrap;gap:6px;margin:0;color:var(--text-muted);font-size:var(--text-xs)}.arc-blocks-blog-grid-blog-grid__meta span:first-child{color:var(--foreground);font-weight:500}.arc-blocks-blog-grid-blog-grid__cardTitle{margin:0;font-size:var(--text-lg);font-weight:500;line-height:1.3;text-wrap:balance;transition:color var(--duration-fast) var(--ease-standard)}.arc-blocks-blog-grid-blog-grid__featuredTitle{margin:0;font-family:var(--font-display);font-size:clamp(var(--text-2xl),1rem + 2.2cqi,var(--text-3xl));font-weight:500;letter-spacing:var(--tracking-display);line-height:var(--leading-display);text-wrap:balance}.arc-blocks-blog-grid-blog-grid__excerpt{display:-webkit-box;margin:0;overflow:hidden;color:var(--text-secondary);font-size:var(--text-sm);line-height:1.5;text-wrap:pretty;-webkit-box-orient:vertical;-webkit-line-clamp:2}.arc-blocks-blog-grid-blog-grid__featured .arc-blocks-blog-grid-blog-grid__excerpt{font-size:var(--text-base);-webkit-line-clamp:3}.arc-blocks-blog-grid-blog-grid__byline{display:flex;min-width:0;align-items:center;gap:var(--space-2);margin-top:var(--space-2);font-size:var(--text-sm)}.arc-blocks-blog-grid-blog-grid__avatar{width:24px;height:24px;flex:none;border-radius:50%;background:var(--surface-muted);object-fit:cover}.arc-blocks-blog-grid-blog-grid__authorName{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.arc-blocks-blog-grid-blog-grid__readTime{flex:none;color:var(--text-muted)}.arc-blocks-blog-grid-blog-grid__readTime:before{content:"·";margin-right:var(--space-2)}.arc-blocks-blog-grid-blog-grid__card:active .arc-blocks-blog-grid-blog-grid__imageFrame,.arc-blocks-blog-grid-blog-grid__featured:active .arc-blocks-blog-grid-blog-grid__imageFrame{transform:scale(.99)}.arc-blocks-blog-grid-blog-grid__imageFrame{transition:transform var(--duration-fast) var(--ease-standard)}@media(hover:hover)and (pointer:fine){.arc-blocks-blog-grid-blog-grid__card:hover .arc-blocks-blog-grid-blog-grid__image,.arc-blocks-blog-grid-blog-grid__featured:hover .arc-blocks-blog-grid-blog-grid__image{transform:scale(1.03)}.arc-blocks-blog-grid-blog-grid__card:hover .arc-blocks-blog-grid-blog-grid__cardTitle{color:var(--text-secondary)}}.arc-blocks-blog-grid-blog-grid__empty{margin:0;padding:var(--space-16) 0;color:var(--text-secondary);text-align:center}.arc-blocks-blog-grid-blog-grid__pagination{position:relative;display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding-top:var(--space-6)}.arc-blocks-blog-grid-blog-grid__pagination:before{content:"";position:absolute;top:0;right:0;left:0;height:1px;background:var(--border)}.arc-blocks-blog-grid-blog-grid__pageNumbers{display:flex;gap:2px}.arc-blocks-blog-grid-blog-grid__pageNumber,.arc-blocks-blog-grid-blog-grid__pageStep{position:relative;isolation:isolate;display:inline-flex;height:36px;min-width:36px;align-items:center;justify-content:center;gap:6px;border:0;border-radius:var(--radius-pill);padding:0 var(--space-3);background:none;color:var(--text-secondary);font:inherit;font-size:var(--text-sm);font-weight:500;font-variant-numeric:tabular-nums;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:color var(--duration-fast) var(--ease-standard),transform var(--duration-instant) var(--ease-standard)}.arc-blocks-blog-grid-blog-grid__pageNumber{padding:0}.arc-blocks-blog-grid-blog-grid__pageNumber[aria-current=page]{color:var(--foreground)}.arc-blocks-blog-grid-blog-grid__pageHighlight{position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:var(--surface-muted)}.arc-blocks-blog-grid-blog-grid__pageStep:disabled{color:var(--text-muted);opacity:.5;cursor:default}.arc-blocks-blog-grid-blog-grid__pageStep:not(:disabled):active{transform:scale(.97)}@media(hover:hover)and (pointer:fine){.arc-blocks-blog-grid-blog-grid__pageNumber:hover,.arc-blocks-blog-grid-blog-grid__pageStep:not(:disabled):hover{color:var(--foreground)}}.arc-blocks-blog-grid-blog-grid__reader{display:grid;max-width:760px;gap:var(--space-8);margin:0 auto}.arc-blocks-blog-grid-blog-grid__back{display:inline-flex;width:fit-content;height:36px;align-items:center;gap:6px;border:0;border-radius:var(--radius-pill);padding:0 var(--space-3) 0 var(--space-2);margin-left:calc(var(--space-2) * -1);background:none;color:var(--text-secondary);font:inherit;font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:color var(--duration-fast) var(--ease-standard),background-color var(--duration-fast) var(--ease-standard)}@media(hover:hover)and (pointer:fine){.arc-blocks-blog-grid-blog-grid__back:hover{background:var(--surface-muted);color:var(--foreground)}}.arc-blocks-blog-grid-blog-grid__readerHead{display:grid;gap:var(--space-3)}.arc-blocks-blog-grid-blog-grid__readerTitle{margin:0;font-family:var(--font-display);font-size:clamp(var(--text-2xl),1rem + 3.4cqi,var(--text-4xl));font-weight:500;letter-spacing:var(--tracking-display);line-height:var(--leading-display);text-wrap:balance}.arc-blocks-blog-grid-blog-grid__readerImage{overflow:hidden;aspect-ratio:16 / 9;border-radius:26px;background:var(--surface-muted)}.arc-blocks-blog-grid-blog-grid__readerBody{display:grid;gap:var(--space-5)}.arc-blocks-blog-grid-blog-grid__readerBody p{margin:0;color:var(--text-secondary);font-size:var(--text-lg);line-height:1.65;text-wrap:pretty}.arc-blocks-blog-grid-blog-grid__readerBody .arc-blocks-blog-grid-blog-grid__lead{color:var(--foreground);font-size:var(--text-xl);line-height:1.5}@container blog (max-width: 900px){.arc-blocks-blog-grid-blog-grid__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.arc-blocks-blog-grid-blog-grid__featured{gap:var(--space-6)}}@container blog (max-width: 680px){.arc-blocks-blog-grid-blog-grid__inner{padding:var(--space-12) var(--space-4)}.arc-blocks-blog-grid-blog-grid__filters{margin:0 calc(var(--space-4) * -1);padding:0 var(--space-4)}.arc-blocks-blog-grid-blog-grid__featured{grid-template-columns:minmax(0,1fr);gap:var(--space-4)}.arc-blocks-blog-grid-blog-grid__featured .arc-blocks-blog-grid-blog-grid__imageFrame{aspect-ratio:3 / 2;border-radius:20px}.arc-blocks-blog-grid-blog-grid__page{gap:var(--space-10)}.arc-blocks-blog-grid-blog-grid__grid{gap:var(--space-10) var(--space-4)}.arc-blocks-blog-grid-blog-grid__readerBody p{font-size:var(--text-base)}.arc-blocks-blog-grid-blog-grid__readerBody .arc-blocks-blog-grid-blog-grid__lead{font-size:var(--text-lg)}}@container blog (max-width: 540px){.arc-blocks-blog-grid-blog-grid__grid{grid-template-columns:minmax(0,1fr)}.arc-blocks-blog-grid-blog-grid__pageStep span{display:none}.arc-blocks-blog-grid-blog-grid__pageStep{padding:0}}@media(prefers-reduced-motion:reduce){.arc-blocks-blog-grid-blog-grid__image,.arc-blocks-blog-grid-blog-grid__imageFrame{transition:none}.arc-blocks-blog-grid-blog-grid__card:hover .arc-blocks-blog-grid-blog-grid__image,.arc-blocks-blog-grid-blog-grid__featured:hover .arc-blocks-blog-grid-blog-grid__image{transform:none}}