.blog-teaser{gap:var(--sp-6);color:inherit;grid-template-areas:"image""content";text-decoration:none;display:grid}.blog-teaser:not(.blog-teaser--featured){padding:var(--sp-4);border-radius:var(--sp-8);background-color:var(--color-neutral)}@media (min-width:840px){.blog-teaser.blog-teaser--featured{gap:var(--sp-12);grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"content image"}}.blog-teaser.link{transition:all var(--animation-simple-fade)}.blog-teaser:hover{transform:translateY(-4px)}.blog-teaser__image{aspect-ratio:4/3;border-radius:var(--sp-6);grid-area:image;width:100%;position:relative;overflow:hidden}.blog-teaser__image img{object-fit:cover;width:100%;height:100%}.blog-teaser--featured .blog-teaser__image{border-radius:var(--theme-border-radius);order:2}@media (min-width:840px){.blog-teaser--featured .blog-teaser__image{flex:0 0 calc(50% - var(--sp-12)/2)}}@media (min-width:1200px){.blog-teaser--featured .blog-teaser__image{flex:0 0 40%}}.blog-teaser__content{gap:var(--sp-3);flex-direction:column;grid-area:content;display:flex}@media (min-width:840px){.blog-teaser--featured .blog-teaser__content{flex:1;justify-content:center}}.blog-teaser:not(.blog-teaser--featured) .blog-teaser__content{gap:var(--sp-2);padding-bottom:var(--sp-4);padding-inline:var(--sp-4)}.blog-teaser__content .icon-arrow{color:var(--color-brand-primary);align-self:end}.blog-teaser__title{margin:0}@media (min-width:840px){.blog-teaser--featured .blog-teaser__title{font-size:var(--font-size-h3)}}.blog-teaser:not(.blog-teaser--featured) .blog-teaser__title{font-size:var(--font-size-h6)}.blog-teaser:not(:hover) .blog-teaser__title{color:var(--color-text-secondary)}.blog-teaser__abstract{font-size:var(--font-size-body);margin:0}.blog-teaser:not(:hover) .blog-teaser__abstract{color:var(--color-text-tertiary)}.blog-teaser:not(.blog-teaser--featured) .blog-teaser__abstract{display:none}.blog-teaser__meta{gap:var(--sp-1);font-size:var(--font-size-label);align-items:center;display:flex}.blog-teaser:not(.blog-teaser--featured) .blog-teaser__meta{font-size:var(--font-size-label-small)}.blog-teaser:not(:hover) .blog-teaser__meta{color:var(--color-text-secondary)}.blog-teaser__separator{opacity:.5}