.blogCard{container-type:inline-size}.blogCard>a{display:grid;grid-template-areas:"image" "content";grid-template-rows:auto 1fr;text-decoration:none;position:relative;box-shadow:0 4px 16px 0 rgba(12,12,12,.12);background:#fff;transition:box-shadow .15s;height:100%}.blogCard>a>.wrap{grid-area:content;padding:24px}.blogCard>a>.wrap header{display:flex;flex-direction:column-reverse}.blogCard>a>.wrap header .heading{font-size:24px;line-height:1.33em;color:var(--colorPrimary);transition:color .15s}.blogCard>a>.wrap header .heading:after{content:"";margin-left:4px;background:url("/klimaatplan-ui/images/icons/chevron-right.svg");height:20px;width:20px;background-size:contain;vertical-align:middle;display:inline-block;position:relative;top:-1px;left:0;transition:left .15s}.blogCard>a>.wrap header .tags{position:absolute;left:16px;top:16px;right:16px;z-index:1}.blogCard>a>.wrap header .meta .date{color:var(--colorTextSubtle);font-size:14px;font-weight:700;margin-bottom:4px;font-family:var(--fontHeading)}.blogCard>a>.wrap .main{margin-top:8px}.blogCard>a>.wrap .main .textblock{color:var(--colorText)}.blogCard>a>.wrap .main .textblock p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.blogCard>a>picture{grid-area:image;height:215px;overflow:hidden}.blogCard>a>picture img{object-fit:cover;height:100%;transition:transform .15s ease-in}.blogCard>a:is(:hover,:focus){box-shadow:0 8px 24px 0 rgba(12,12,12,.12)}.blogCard>a:is(:hover,:focus)>.wrap>header>.heading{color:var(--colorPrimaryHover)}.blogCard>a:is(:hover,:focus)>.wrap header .heading:after{left:4px}.blogCard>a:is(:hover,:focus)>picture img{transform:scale(105%)}@container (min-width:580px){.blogCard>a{grid-template-areas:"image content";grid-template-columns:1fr 1fr}.blogCard>a>.wrap header .tags{right:calc(50% + 16px)}.blogCard>a>.wrap .main .textblock p{-webkit-line-clamp:5}.blogCard>a>picture{height:auto}}