.blog-grid-module__bMTsLq__root{--fg:var(--color-ink);--fg-2:var(--color-copy);--line:var(--color-warm);--ease:cubic-bezier(.22, 1, .36, 1);width:100%;min-width:0;color:var(--fg);font-family:var(--font-body);container:blog/inline-size}.blog-grid-module__bMTsLq__inner{position:relative}.blog-grid-module__bMTsLq__index{gap:2.25rem;display:grid}.blog-grid-module__bMTsLq__header{gap:.75rem;max-width:37.5rem;display:grid}.blog-grid-module__bMTsLq__title{font-family:var(--font-display);font-size:var(--text-display);margin:0;font-weight:300;line-height:1.25}.blog-grid-module__bMTsLq__description{color:var(--fg-2);font-size:var(--text-lead);text-wrap:pretty;margin:0;line-height:1.5}.blog-grid-module__bMTsLq__filters{scrollbar-width:none;justify-content:safe center;gap:.375rem;margin:0 -1.25rem;padding:0 1.25rem .25rem;display:flex;overflow-x:auto}.blog-grid-module__bMTsLq__filters::-webkit-scrollbar{display:none}.blog-grid-module__bMTsLq__filter{isolation:isolate;border:1px solid var(--line);border-radius:var(--radius-cta);background:var(--color-white);height:1.75rem;color:var(--fg-2);font-family:var(--font-display);font-size:var(--text-ui);white-space:nowrap;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:color .16s var(--ease), border-color .16s var(--ease);flex:none;padding:0 .875rem;line-height:1;position:relative}.blog-grid-module__bMTsLq__filter[aria-pressed=true]{border-color:var(--color-button);color:var(--color-white)}@media (hover:hover) and (pointer:fine){.blog-grid-module__bMTsLq__filter[aria-pressed=false]:hover{border-color:var(--fg);color:var(--fg)}}.blog-grid-module__bMTsLq__filterHighlight{z-index:-1;border-radius:inherit;background:var(--color-button);position:absolute;inset:-1px}.blog-grid-module__bMTsLq__page{gap:3rem;display:grid}.blog-grid-module__bMTsLq__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:3rem 1.5rem;display:grid}.blog-grid-module__bMTsLq__grid:has(>:nth-child(2):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}.blog-grid-module__bMTsLq__card,.blog-grid-module__bMTsLq__featured{border-radius:var(--radius-card);color:inherit;-webkit-tap-highlight-color:transparent;align-content:start;gap:1rem;text-decoration:none;display:grid}.blog-grid-module__bMTsLq__featured{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);align-items:center;gap:2.5rem}.blog-grid-module__bMTsLq__imageFrame{aspect-ratio:3/2;border-radius:var(--radius-card);background:var(--color-white);box-shadow:var(--shadow-card);position:relative;overflow:hidden}.blog-grid-module__bMTsLq__featured .blog-grid-module__bMTsLq__imageFrame{aspect-ratio:16/10}.blog-grid-module__bMTsLq__image{object-fit:cover;width:100%;height:100%;transition:transform .48s var(--ease);display:block}.blog-grid-module__bMTsLq__placeholder{background-image:repeating-linear-gradient(135deg, var(--color-hatch) 0 1px, transparent 1px .5rem);width:100%;height:100%;transition:transform .48s var(--ease)}.blog-grid-module__bMTsLq__cardBody{align-content:start;gap:.5rem;display:grid}.blog-grid-module__bMTsLq__featured .blog-grid-module__bMTsLq__cardBody{gap:.75rem}.blog-grid-module__bMTsLq__meta{color:var(--fg-2);font-size:var(--text-body);flex-wrap:wrap;gap:.375rem;margin:0;display:flex}.blog-grid-module__bMTsLq__meta span:first-child{color:var(--fg);font-weight:500}.blog-grid-module__bMTsLq__cardTitle{font-family:var(--font-display);text-wrap:balance;transition:color .16s var(--ease);margin:0;font-size:1.125rem;font-weight:400;line-height:1.3}.blog-grid-module__bMTsLq__featuredTitle{font-family:var(--font-display);text-wrap:balance;margin:0;font-size:clamp(1.5rem,1rem + 1.6cqi,1.875rem);font-weight:300;line-height:1.25}.blog-grid-module__bMTsLq__excerpt{color:var(--fg-2);font-size:var(--text-lead);text-wrap:pretty;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;line-height:1.5;display:-webkit-box;overflow:hidden}.blog-grid-module__bMTsLq__featured .blog-grid-module__bMTsLq__excerpt{-webkit-line-clamp:3}.blog-grid-module__bMTsLq__byline{min-width:0;color:var(--fg-2);font-size:var(--text-body);align-items:center;gap:.5rem;margin-top:.5rem;display:flex}.blog-grid-module__bMTsLq__avatar{background:var(--line);object-fit:cover;border-radius:50%;flex:none;width:1.5rem;height:1.5rem}.blog-grid-module__bMTsLq__authorName{min-width:0;color:var(--fg);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.blog-grid-module__bMTsLq__readTime{flex:none}.blog-grid-module__bMTsLq__readTime:before{content:"·";margin-right:.5rem}.blog-grid-module__bMTsLq__cta{width:8.5rem;margin-top:.75rem}.blog-grid-module__bMTsLq__card:active .blog-grid-module__bMTsLq__imageFrame,.blog-grid-module__bMTsLq__featured:active .blog-grid-module__bMTsLq__imageFrame{transform:scale(.99)}.blog-grid-module__bMTsLq__imageFrame{transition:transform .16s var(--ease)}@media (hover:hover) and (pointer:fine){.blog-grid-module__bMTsLq__card:hover .blog-grid-module__bMTsLq__image,.blog-grid-module__bMTsLq__featured:hover .blog-grid-module__bMTsLq__image,.blog-grid-module__bMTsLq__card:hover .blog-grid-module__bMTsLq__placeholder,.blog-grid-module__bMTsLq__featured:hover .blog-grid-module__bMTsLq__placeholder{transform:scale(1.03)}.blog-grid-module__bMTsLq__card:hover .blog-grid-module__bMTsLq__cardTitle{color:var(--fg-2)}}.blog-grid-module__bMTsLq__empty{color:var(--fg-2);text-align:center;margin:0;padding:4rem 0}.blog-grid-module__bMTsLq__pagination{justify-content:space-between;align-items:center;gap:.75rem;padding-top:1.5rem;display:flex;position:relative}.blog-grid-module__bMTsLq__pagination:before{content:"";background:var(--line);height:1px;position:absolute;top:0;left:0;right:0}.blog-grid-module__bMTsLq__pageNumbers{gap:.375rem;display:flex}.blog-grid-module__bMTsLq__pageNumber,.blog-grid-module__bMTsLq__pageStep{isolation:isolate;border:1px solid var(--line);border-radius:var(--radius-cta);background:var(--color-white);min-width:1.75rem;height:1.75rem;color:var(--fg-2);font-family:var(--font-display);font-size:var(--text-ui);font-variant-numeric:tabular-nums;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:color .16s var(--ease), border-color .16s var(--ease), transform .12s var(--ease);justify-content:center;align-items:center;gap:.375rem;padding:0 .75rem;display:inline-flex;position:relative}.blog-grid-module__bMTsLq__pageNumber{padding:0}.blog-grid-module__bMTsLq__pageNumber[aria-current=page]{border-color:var(--color-button);color:var(--color-white)}.blog-grid-module__bMTsLq__pageHighlight{z-index:-1;border-radius:inherit;background:var(--color-button);position:absolute;inset:-1px}.blog-grid-module__bMTsLq__pageStep:disabled{opacity:.5;cursor:default}.blog-grid-module__bMTsLq__pageStep:not(:disabled):active{transform:translateY(.125rem)}@media (hover:hover) and (pointer:fine){.blog-grid-module__bMTsLq__pageNumber:not([aria-current=page]):hover,.blog-grid-module__bMTsLq__pageStep:not(:disabled):hover{border-color:var(--fg);color:var(--fg)}}.blog-grid-module__bMTsLq__reader{gap:2rem;max-width:44rem;margin:0 auto;display:grid}.blog-grid-module__bMTsLq__back{border:1px solid var(--line);border-radius:var(--radius-cta);background:var(--color-white);width:fit-content;height:1.75rem;color:var(--fg-2);font-family:var(--font-display);font-size:var(--text-ui);cursor:pointer;transition:color .16s var(--ease), border-color .16s var(--ease);align-items:center;gap:.375rem;padding:0 .75rem 0 .5rem;display:inline-flex}@media (hover:hover) and (pointer:fine){.blog-grid-module__bMTsLq__back:hover{border-color:var(--fg);color:var(--fg)}}.blog-grid-module__bMTsLq__readerHead{gap:.75rem;display:grid}.blog-grid-module__bMTsLq__readerTitle{font-family:var(--font-display);font-size:var(--text-display);text-wrap:balance;margin:0;font-weight:300;line-height:1.25}.blog-grid-module__bMTsLq__readerImage{aspect-ratio:16/9;border-radius:var(--radius-card);background:var(--color-white);overflow:hidden}.blog-grid-module__bMTsLq__readerBody{gap:1.125rem;display:grid}.blog-grid-module__bMTsLq__readerBody p{color:var(--fg-2);font-size:var(--text-lead);text-wrap:pretty;margin:0;line-height:1.75}.blog-grid-module__bMTsLq__readerBody .blog-grid-module__bMTsLq__lead{color:var(--fg)}@container blog (max-width:900px){.blog-grid-module__bMTsLq__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.blog-grid-module__bMTsLq__featured{gap:1.5rem}}@container blog (max-width:680px){.blog-grid-module__bMTsLq__featured{grid-template-columns:minmax(0,1fr);gap:1rem}.blog-grid-module__bMTsLq__featured .blog-grid-module__bMTsLq__imageFrame{aspect-ratio:3/2}.blog-grid-module__bMTsLq__page{gap:2.5rem}.blog-grid-module__bMTsLq__grid{gap:2.5rem 1rem}}@container blog (max-width:540px){:is(.blog-grid-module__bMTsLq__grid,.blog-grid-module__bMTsLq__grid:has(>:nth-child(2):last-child)){grid-template-columns:minmax(0,1fr)}.blog-grid-module__bMTsLq__pageStep span{display:none}.blog-grid-module__bMTsLq__pageStep{padding:0}}@media (prefers-reduced-motion:reduce){.blog-grid-module__bMTsLq__image,.blog-grid-module__bMTsLq__placeholder,.blog-grid-module__bMTsLq__imageFrame{transition:none}.blog-grid-module__bMTsLq__card:hover .blog-grid-module__bMTsLq__image,.blog-grid-module__bMTsLq__featured:hover .blog-grid-module__bMTsLq__image,.blog-grid-module__bMTsLq__card:hover .blog-grid-module__bMTsLq__placeholder,.blog-grid-module__bMTsLq__featured:hover .blog-grid-module__bMTsLq__placeholder{transform:none}}