.articles__title{color:var(--hafo-color-text-primary);font-size:var(--hafo-font-size-3xl);font-weight:var(--hafo-font-weight-bold);line-height:var(--hafo-line-height-tight);margin:0 0 var(--hafo-space-3)}.articles{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.hafo-articles-columns-1 .articles{grid-template-columns:repeat(1,1fr)}.hafo-articles-columns-2 .articles{grid-template-columns:repeat(2,1fr)}.hafo-articles-columns-3 .articles{grid-template-columns:repeat(3,1fr)}.hafo-articles-columns-4 .articles{grid-template-columns:repeat(4,1fr)}.hafo-articles-columns-5 .articles{grid-template-columns:repeat(5,1fr)}.hafo-articles-columns-6 .articles{grid-template-columns:repeat(6,1fr)}.article-card{background:transparent;border:var(--hafo-border-width-0);border-radius:var(--hafo-radius-md);display:flex;flex-direction:column;overflow:hidden}.article-card__image{height:174px;overflow:hidden;position:relative}.article-card__image:after{background:linear-gradient(180deg,transparent 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.5));bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1}.article-card__image img{display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.article-card__body{background-color:var(--hafo-color-bg-secondary);display:flex;flex:1;flex-direction:column;gap:var(--hafo-space-2);padding:var(--hafo-space-3)}.article-card__title{color:var(--hafo-color-text-primary);font-size:var(--hafo-font-size-xl);font-weight:var(--hafo-font-weight-semibold);line-height:var(--hafo-line-height-normal);margin:0}.article-card__cta{align-self:flex-start;background-color:var(--hafo-color-text-primary);border:var(--hafo-border-width-0);border-radius:var(--hafo-radius-full);color:var(--hafo-color-text-inverted);font-weight:var(--hafo-font-weight-medium);margin-top:auto;transition:var(--hafo-transition-colors)}.article-card__cta:hover{background-color:var(--hafo-color-brand-dark);color:var(--hafo-color-text-inverted)}.articles__view-all{margin-top:var(--hafo-space-4)}@media (max-width:1024px){.hafo-articles-columns-tablet-1 .articles{grid-template-columns:repeat(1,1fr)}.hafo-articles-columns-tablet-2 .articles{grid-template-columns:repeat(2,1fr)}.hafo-articles-columns-tablet-3 .articles{grid-template-columns:repeat(3,1fr)}.hafo-articles-columns-tablet-4 .articles{grid-template-columns:repeat(4,1fr)}.hafo-articles-columns-tablet-5 .articles{grid-template-columns:repeat(5,1fr)}.hafo-articles-columns-tablet-6 .articles{grid-template-columns:repeat(6,1fr)}}@media (max-width:767px){.hafo-articles-columns-mobile-1 .articles{grid-template-columns:repeat(1,1fr)}.hafo-articles-columns-mobile-2 .articles{grid-template-columns:repeat(2,1fr)}.hafo-articles-columns-mobile-3 .articles{grid-template-columns:repeat(3,1fr)}.hafo-articles-columns-mobile-4 .articles{grid-template-columns:repeat(4,1fr)}.hafo-articles-columns-mobile-5 .articles{grid-template-columns:repeat(5,1fr)}.hafo-articles-columns-mobile-6 .articles{grid-template-columns:repeat(6,1fr)}}