.convex-blog{color:#202020;background:#f2ebdd;min-height:70vh}.convex-blog .blog-shell{max-width:1440px;margin:auto;padding:80px 24px 100px}.convex-blog .blog-intro{max-width:950px;margin-bottom:44px}.convex-blog .blog-eyebrow{font-family:var(--font-mono);letter-spacing:.16em;margin-bottom:24px;font-size:12px}.convex-blog h1{font-family:var(--font-display);letter-spacing:-.045em;font-size:clamp(2.5rem,5.2vw,5rem);line-height:1.05}.convex-blog .blog-description{max-width:750px;margin-top:24px;font-size:19px;line-height:1.65}.convex-blog .blog-source{color:#625f58;margin-top:16px;font-size:14px}.convex-blog .blog-filters{flex-wrap:wrap;gap:10px;margin-bottom:24px;display:flex}.convex-blog .blog-filters button{text-align:left;overflow-wrap:anywhere;border:1px solid #c9c1b2;border-radius:999px;align-items:center;gap:8px;max-width:100%;padding:10px 16px;font-size:14px;display:inline-flex}.convex-blog .blog-filters button span{opacity:.7;font-size:12px}.convex-blog .blog-filters button[aria-pressed=true]{color:#fff;background:#202020;border-color:#202020}.convex-blog .blog-filters button:hover:not([aria-pressed=true]){background:#dce6d4}.convex-blog .blog-search{background:#fff;border:1px solid #beb6a7;border-radius:999px;align-items:center;gap:14px;padding:16px 22px;display:flex}.convex-blog .blog-search input{background:0 0;outline:none;width:100%;min-width:0;font-size:17px}.convex-blog .blog-search:focus-within{outline-offset:3px;outline:2px solid #426381}.convex-blog :is(a,button):focus-visible{outline-offset:4px;outline:3px solid #426381}.convex-blog .blog-results{color:#625f58;margin:22px 0;font-size:14px}.convex-blog .blog-grid{grid-template-columns:minmax(0,1fr);gap:28px;display:grid}.convex-blog .blog-card{background:#fffdf8;border:1px solid #c9c1b2;border-radius:20px;min-width:0;overflow:hidden}.convex-blog .blog-card>a{flex-direction:column;height:100%;display:flex}.convex-blog .blog-card:hover{border-color:#6b7661}.convex-blog .blog-cover{aspect-ratio:16/9;background:#d6c8aa;overflow:hidden}.convex-blog .blog-cover img{object-fit:cover;width:100%;height:100%}.convex-blog .blog-cover>div{color:#625f58;justify-content:center;align-items:center;height:100%;display:flex}.convex-blog .blog-card-body{flex-direction:column;flex:1;padding:26px;display:flex}.convex-blog .blog-category{font-family:var(--font-mono);color:#526144;overflow-wrap:anywhere;font-size:11px;line-height:1.6}.convex-blog h2{font-family:var(--font-display);letter-spacing:-.025em;overflow-wrap:anywhere;margin-top:12px;font-size:24px;line-height:1.2}.convex-blog .blog-summary{color:#59564f;overflow-wrap:anywhere;margin:16px 0 24px;font-size:15px;line-height:1.65}.convex-blog .blog-card-meta{color:#59564f;flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:auto;padding-top:20px;font-size:12px;display:flex}.convex-blog .blog-card-meta span{align-items:center;gap:4px;display:inline-flex}.convex-blog .blog-state{flex-wrap:wrap;align-items:start;gap:24px;padding:40px 0;display:flex}.convex-blog .blog-state :is(a,button){text-underline-offset:4px;align-items:center;gap:8px;text-decoration:underline;display:inline-flex}.convex-blog .blog-skeleton{background:linear-gradient(#d6c8aa 52%,#fffdf8 52%);border-radius:20px;height:380px}@media (width>=640px){.convex-blog .blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=1024px){.convex-blog .blog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}