.card{background-color:var(--color-dark-blue);color:#fff;display:grid;grid-template-columns:2fr 1fr;margin-bottom:var(--grid-gap-sm);text-decoration:none;transition:background-color .3s;will-change:background-color}@media screen and (max-width:48em){.card{margin-left:calc(var(--grid-side-gap-md)*-1);margin-right:calc(var(--grid-side-gap-md)*-1)}}@media screen and (min-width:48.0625em){.card{grid-template-columns:1fr 28%}}.card:hover{background-color:var(--color-blue)}.card:hover .card__actionLink{margin-left:1rem}.card__content{display:flex;flex-direction:column;justify-content:space-between;padding:.5rem}@media screen and (min-width:48.0625em){.card__content{padding:1rem}}.card__image{aspect-ratio:125/109;position:relative;width:100%}.card__image figure,.card__image img,.card__image picture{height:100%;width:100%}.card__image img{-o-object-fit:cover;object-fit:cover}@media screen and (min-width:48.0625em){.card__image{aspect-ratio:320/193}}.card__title{font-size:var(--font-size-sm);line-height:var(--lineHeight-xl);margin-bottom:var(--spacing-sm)}@media screen and (min-width:48.0625em){.card__title{font-size:var(--font-size-md);font-size:var(--font-size-3xl);line-height:var(--lineHeight-md)}}.card__description{display:none;font-size:var(--font-size-sm);line-height:var(--lineHeight-xl)}@media screen and (min-width:48.0625em){.card__description{display:-webkit-box;font-size:var(--font-size-md);-webkit-line-clamp:1;line-clamp:1;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical}}@media screen and (min-width:62.0625em){.card__description{-webkit-line-clamp:2;line-clamp:2}}.card__attributes{display:flex;flex-wrap:wrap;font-family:var(--font-family-primary);font-size:var(--font-size-xs);font-weight:var(--font-weight-primary-medium);line-height:var(--lineHeight-lg)}@media screen and (min-width:48.0625em){.card__attributes{font-size:var(--font-size-sm)}}.card__tags{-moz-column-gap:2rem;column-gap:2rem;display:flex;gap:.875rem;margin-right:.875rem}@media screen and (min-width:48.0625em){.card__tags{gap:2rem;margin-right:2rem}}.card__actionLink{transition:margin-left .3s ease}.card__actionLink .dn-icon{font-size:var(--font-size-2xl);margin-left:.25rem;vertical-align:middle}.card--horizontal{align-items:center;display:grid;grid-template-columns:100px 1fr;justify-content:flex-start}.card--horizontal .card__image{aspect-ratio:1/1}.card--horizontal .card__content{align-self:flex-start;margin:0 0 0 var(--grid-side-gap-sm)}