@layer components{.blog-index{flex-direction:column;gap:32px;padding-top:clamp(28px,4vw,48px);display:flex}.blog-index__cats{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.blog-index__cats .chip:hover{border-color:var(--c-a)}.blog-index__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.blog-index__grid .post-card{flex-direction:column;height:auto;display:flex}.blog-index__grid .post-card__media{aspect-ratio:16/9;width:100%}.blog-index__grid .post-card__body{gap:10px;padding:18px 20px 22px}.blog-index__grid .post-card__title{-webkit-line-clamp:3;font-size:16px}.blog-index__grid .post-card:first-child{flex-direction:row;grid-column:1/-1;align-items:stretch}.blog-index__grid .post-card:first-child .post-card__media{aspect-ratio:auto;width:58%;min-height:320px}.blog-index__grid .post-card:first-child .post-card__body{justify-content:center;padding:32px}.blog-index__grid .post-card:first-child .post-card__title{-webkit-line-clamp:4;font-size:clamp(20px,2.2vw,30px);line-height:1.2}.post-card__excerpt{color:var(--c-muted);-webkit-line-clamp:4;-webkit-box-orient:vertical;font-size:15px;line-height:1.55;display:-webkit-box;overflow:hidden}.blog-index__grid .post-card:not(:first-child) .post-card__excerpt,body.paged .post-card__excerpt{display:none}body.paged .blog-index__grid .post-card:first-child{flex-direction:column;grid-column:auto}body.paged .blog-index__grid .post-card:first-child .post-card__media{aspect-ratio:16/9;width:100%;min-height:0}body.paged .blog-index__grid .post-card:first-child .post-card__body{padding:18px 20px 22px}body.paged .blog-index__grid .post-card:first-child .post-card__title{font-size:16px}@media (width<=900px){.blog-index__grid{grid-template-columns:1fr 1fr}.blog-index__grid .post-card:first-child{flex-direction:column}.blog-index__grid .post-card:first-child .post-card__media{aspect-ratio:16/9;width:100%;min-height:0}.blog-index__cats{justify-content:flex-start}}@media (width<=600px){.blog-index__grid{grid-template-columns:1fr}}}