.wrap:has(>.posts){container:posts/inline-size}.posts{display:grid;gap:var(--spacing-32)}@container posts (min-width: 666px){.posts{grid-template-columns:repeat(2,minmax(0,1fr))}}.posts__card{position:relative}.posts__main{min-width:0}.posts__cta{align-self:flex-start;margin-top:var(--spacing-24);position:relative;z-index:1}@container posts (min-width: 666px){.posts.posts--single{grid-template-columns:minmax(0,1fr)}.posts--single .posts__card{align-items:center;flex-direction:row;gap:var(--spacing-32);justify-content:space-between}.posts--single .posts__cta{align-self:center;flex-shrink:0;margin-top:0}}.posts__media{aspect-ratio:16/9;background:var(--surface-vellum-canvas);border-radius:var(--radius-lg);margin-bottom:var(--spacing-24);overflow:hidden}.posts__media img{display:block;height:100%;object-fit:cover;width:100%}@container posts (min-width: 666px){.posts--single .posts__card:has(.posts__media){align-items:center;column-gap:var(--spacing-32);display:grid;grid-template-columns:clamp(12.5rem,32%,18.75rem) minmax(0,1fr);grid-template-rows:auto auto}.posts--single .posts__card:has(.posts__media) .posts__media{grid-row:1/span 2;margin-bottom:0}.posts--single .posts__card:has(.posts__media) .posts__main{align-self:end}.posts--single .posts__card:has(.posts__media) .posts__cta{align-self:start;grid-column:2;justify-self:start;margin-top:var(--spacing-24)}}@container posts (min-width: 883px){.posts--single .posts__card:has(.posts__media){grid-template-columns:18.75rem minmax(0,1fr) auto;grid-template-rows:auto}.posts--single .posts__card:has(.posts__media) .posts__media{grid-row:auto}.posts--single .posts__card:has(.posts__media) .posts__main{align-self:center}.posts--single .posts__card:has(.posts__media) .posts__cta{align-self:center;grid-column:3;margin-top:0}}.posts__date{color:var(--color-slate-600);font-size:var(--text-micro);font-variant-numeric:tabular-nums;line-height:var(--leading-caption)}.posts__meta{margin-bottom:var(--spacing-16)}.posts__by{color:var(--color-slate-600);font-size:var(--text-body-sm);line-height:var(--leading-body-sm);margin-top:var(--spacing-16)}.posts__link{color:inherit;text-decoration:none}.posts__link:after{border-radius:inherit;content:"";inset:0;position:absolute}@container posts (max-width: 665px){.posts{gap:var(--spacing-16)}}