.section-type-4{--s-section-gap:24px;container-type:inline-size;display:flex;flex-direction:column;gap:var(--s-section-gap)}.section-type-4 .grid{display:flex;gap:24px}@container (max-width: 576px){.section-type-4 .grid{--s-section-gap:16px;flex-direction:column}}.section-type-4 .post{display:flex;flex:0 0 calc(33.3% - var(--s-section-gap)*2/3);flex-direction:column;gap:16px}@container (max-width: 768px){.section-type-4 .post{gap:12px}}@container (max-width: 576px){.section-type-4 .post{flex:1 1 auto}}.section-type-4 .post .image{aspect-ratio:410/260;background:var(--c-shade-2);border-radius:4px;display:block;overflow:hidden;position:relative}@container (max-width: 576px){.section-type-4 .post .image{aspect-ratio:330/140}}.section-type-4 .post .image img{height:100%;object-fit:cover;transition:all .3s ease-in-out;width:100%}@media(hover:hover){.section-type-4 .post .image img:hover{transform:scale(1.1)}}.section-type-4 .post .placeholder{bottom:0;height:100%;left:0;padding:10%;position:absolute;right:0;top:0;width:100%}.section-type-4 .post .placeholder svg{height:100%;width:100%}.section-type-4 .post .tag{align-items:center;background-color:var(--c-background);border-radius:4px;display:flex;font-size:14px;font-weight:600;justify-content:center;left:8px;max-width:calc(100% - 16px);padding:4px 8px;position:absolute;text-transform:uppercase;top:8px;z-index:1}.section-type-4 .post .tag span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.section-type-4 .post .column{display:flex;flex-direction:column;gap:12px}@container (max-width: 768px){.section-type-4 .post .column{gap:8px}}.section-type-4 .post .meta{align-items:center;color:var(--c-grey-text);display:flex;gap:16px}@container (max-width: 768px){.section-type-4 .post .meta{align-items:unset;flex-direction:column;font-size:14px;gap:4px}}.section-type-4 .post .link{display:-webkit-box;transition:all .3s ease-in-out;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.section-type-4 .post .link .title{font-size:24px;font-weight:600}@container (max-width: 768px){.section-type-4 .post .link .title{font-size:18px}}@media(hover:hover){.section-type-4 .post .link:hover{color:var(--c-link)}}