.blog-list{width:100%;max-width:var(--max-width, 1700px);margin:32px auto;padding:0 var(--horizontal-padding-mobile, 16px)}@media (min-width: 1200px){.blog-list{padding:0 var(--horizontal-padding, 30px)}}.blog-list__title{color:var(--color-primary);margin-bottom:32px}.blog-list__title--size-sm{font-size:28px}.blog-list__title--size-md{font-size:36px}.blog-list__title--size-lg{font-size:44px}.blog-list__grid{display:grid;grid-template-columns:1fr;gap:24px}@media (min-width: 576px){.blog-list__grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 992px){.blog-list__grid{grid-template-columns:repeat(3,1fr)}}.blog-list__card{display:grid;grid-template-rows:max-content 1fr;color:var(--color-secondary);border:1px solid var(--color-border);border-radius:var(--border-radius-block)}.blog-list__image-wrapper{aspect-ratio:16 / 10;overflow:hidden;border-top-left-radius:var(--border-radius-block);border-top-right-radius:var(--border-radius-block)}.blog-list__image{width:100%;height:100%;object-fit:cover;max-width:none}.blog-list__image-placeholder{width:100%;height:100%;background-color:var(--color-border);display:flex;align-items:center;justify-content:center;color:var(--color-secondary);opacity:.5}.blog-list__image-placeholder svg{width:48px;height:48px}.blog-list__card-body{padding:28px 24px;display:flex;flex-direction:column;gap:8px}.blog-list__post-title{margin:0;font-family:var(--font-body);font-size:var(--font-size-regular);font-weight:var(--font-weight-headers);line-height:var(--font-height-xl);color:var(--color-primary)}.blog-list__excerpt{margin:0;font-size:calc(var(--font-size-regular) - 2px);line-height:var(--font-height-lg);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.blog-list__date{display:block;font-size:calc(var(--font-size-regular) - 4px);line-height:var(--font-height-lg)}.blog-list__empty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:16px;max-width:560px;margin:0 auto;min-height:60vh;justify-content:center;padding:48px 16px;color:var(--color-secondary)}.blog-list__empty-icon{width:100px;height:100px;border-radius:50%;background-color:color-mix(in srgb,var(--background-accent) 10%,transparent);display:flex;align-items:center;justify-content:center;color:var(--background-accent);margin-bottom:16px}.blog-list__empty-icon svg{width:36px;height:41px}.blog-list__empty-heading{margin:0;color:var(--color-primary);font-size:28px;line-height:1.1;font-weight:var(--font-weight-headers)}.blog-list__empty-text{margin:0;font-size:16px;line-height:1.45;max-width:720px}.blog-list__empty-button{--blog-list-empty-button-background-hover: color-mix(in srgb, var(--blog-list-empty-button-background) 70%, transparent);margin-top:8px;background:var(--blog-list-empty-button-background, var(--background-accent)) radial-gradient(circle,transparent 1%,var(--blog-list-empty-button-background, var(--background-accent)) 1%) center/100%;border-color:var(--blog-list-empty-button-background, var(--background-accent));color:var(--blog-list-empty-button-label, var(--color-accent))}@media (max-width: 767px){.blog-list__empty{min-height:40vh}.blog-list__empty-text{font-size:20px}}@media (hover: hover){.blog-list__card:hover{color:var(--color-secondary)}.blog-list__empty-button:hover{color:var(--blog-list-empty-button-label, var(--color-accent));background:var(--blog-list-empty-button-background-hover, var(--background-accent-hover)) radial-gradient(circle,transparent 1%,var(--blog-list-empty-button-background, var(--background-accent)) 1%) center/15000%;border-color:var(--blog-list-empty-button-background-hover, var(--background-accent-hover))}}