.blog-page-main{width:100%;margin-inline:auto;padding-inline:1rem;padding-block:2rem;max-width:64rem}.blog-page-header{margin-bottom:2rem}.blog-page-title-main{font-size:1.875rem;line-height:2.25rem;font-weight:700}@media (min-width:768px){.blog-page-title-main{font-size:2.25rem;line-height:2.5rem}}.blog-page-subtitle{margin-top:.5rem}.blog-page-empty{padding-block:3rem;text-align:center}.blog-page-grid{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:1.5rem}@media (min-width:640px){.blog-page-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.blog-page-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.blog-page-card{border-radius:.75rem;overflow:hidden;border-style:solid;border-width:1px;transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.blog-page-media{position:relative;aspect-ratio:16/9;overflow:hidden}.blog-page-img{object-fit:cover}.blog-page-card-body{padding:1rem}:where(.blog-page-card-body>:not(:last-child)){margin-block-end:.5rem}.blog-page-post-title{font-weight:600;font-size:1.125rem;line-height:1.25}@media (hover:hover){.group:hover .blog-page-post-title{color:var(--brand)}}.blog-page-excerpt{font-size:.875rem;line-height:1.25rem;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.blog-page-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;font-size:.75rem;line-height:1rem}.blog-page-tag{padding-inline:.375rem;padding-block:.125rem;border-radius:.25rem}