:root{--article-margin:1rem;--article-padding:1rem;--article-gap:1rem;--article-border-radius:10px}.article.recommended{background-color:var(--color-blue-200)}.article.latest,.article.related{background-color:var(--color-grey-200)}.article__headline{position:relative;background-color:var(--color-blue-700);text-align:center;padding-top:3.75rem;padding-top:calc(var(--article-padding)*3.75);padding-bottom:1.875rem;padding-bottom:calc(var(--article-padding)*1.875)}.article__headline h4{color:var(--color-green-500);margin-bottom:0}@media (min-width:1024px){.article__headline:after{content:"";position:absolute;bottom:-3rem;left:0;background-color:var(--color-blue-700);width:100%;height:3rem;z-index:-1}}.article__filter.active .article__filter-item{text-decoration:underline}.article__filter-wrapper{display:flex;justify-content:center;flex-wrap:wrap;grid-gap:.625rem;gap:.625rem;grid-gap:calc(var(--article-gap)*0.625);gap:calc(var(--article-gap)*0.625);margin-bottom:1.25rem;margin-bottom:calc(var(--article-margin)*1.25);padding:0 1.25rem;padding:0 calc(var(--article-padding)*1.25);padding-top:2.5rem;padding-top:calc(var(--article-padding)*2.5)}.article__filter-item{font-size:.75rem;font-weight:var(--body-semibold-font-weight);background-color:var(--color-blue-300);color:var(--color-white);padding:.25rem 1.125rem;padding:calc(var(--article-padding)*0.25) calc(var(--article-padding)*1.125);border-radius:100px;border-radius:calc(var(--article-border-radius)*10);cursor:pointer}.article__filter-item.purple{background-color:var(--color-purple-700)}@media (min-width:1024px){.article__filter-item{font-size:1rem;padding:.375rem 1.5rem;padding:calc(var(--article-padding)*0.375) calc(var(--article-padding)*1.5)}}.article__wrapper{position:relative;padding:0 1.25rem 3.75rem;padding:0 calc(var(--article-padding)*1.25) calc(var(--article-padding)*3.75)}.article__wrapper.recommended{background-color:var(--color-blue-200);z-index:0}.article__wrapper:before{content:"";position:absolute;top:0;left:0;background-color:var(--color-blue-700);width:100%;height:5rem;z-index:-1}.article__inner{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));grid-gap:1.25rem;gap:1.25rem;grid-gap:calc(var(--article-gap)*1.25);gap:calc(var(--article-gap)*1.25)}@media (min-width:1024px){.article__inner{grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:2rem;gap:2rem;grid-gap:calc(var(--article-gap)*2);gap:calc(var(--article-gap)*2);max-width:var(--section-max-width);margin:var(--margin-center)}}.article__item{display:none;position:relative;background-color:var(--color-white);box-shadow:var(--shadow-heavy);border-radius:10px;border-radius:var(--article-border-radius);overflow:hidden;z-index:2;transition:all var(--transition-duration) var(--transition-timing);opacity:0}.article__item.active{animation:fadeInScale 1s ease-in-out forwards;display:block}.article__item:hover .link:after{animation:flash 1s ease-in-out infinite alternate}.article__item a{position:absolute;top:0;right:0;bottom:0;left:0}.article__item .image{height:16rem}.article__item .image img{-o-object-fit:cover;object-fit:cover}@media (min-width:1024px){.article__item .image{height:20rem}}.article__item .info{padding:1.875rem;padding:calc(var(--article-padding)*1.875);padding-top:1.25rem;padding-top:calc(var(--article-padding)*1.25)}@media (min-width:1024px){.article__item .info{padding:2rem;padding:calc(var(--article-padding)*2)}}.article__item .info .cats{display:flex;grid-gap:.375rem;gap:.375rem;grid-gap:calc(var(--article-gap)*0.375);gap:calc(var(--article-gap)*0.375);margin-bottom:1.25rem;margin-bottom:calc(var(--article-margin)*1.25)}@media (min-width:1024px){.article__item .info .cats{flex-wrap:wrap}}.article__item .info .cats .cat-item{font-size:.75rem;font-weight:var(--body-semibold-font-weight);background-color:var(--color-blue-300);color:var(--color-white);padding:.25rem 1.125rem;padding:calc(var(--article-padding)*0.25) calc(var(--article-padding)*1.125);border-radius:100px;border-radius:calc(var(--article-border-radius)*10)}.article__item .info .cats .cat-item.purple{background-color:var(--color-purple-700)}@media (min-width:1024px){.article__item .info .cats .cat-item{font-size:1rem;padding:.375rem 1.5rem;padding:calc(var(--article-padding)*0.375) calc(var(--article-padding)*1.5)}}.article__item .info h3{margin-bottom:.625rem;margin-bottom:calc(var(--article-margin)*0.625)}.article__item .info .ingress-text{margin-bottom:.875rem;margin-bottom:calc(var(--article-margin)*0.875)}.article__item .info .link{text-transform:uppercase;font-size:.75rem;font-weight:900}@media (min-width:1024px){.article__item .info .link{font-size:1rem}}.article__item .info .link:after{content:"_"}.article #load-more{text-align:center;padding-bottom:3.75rem;padding-bottom:calc(var(--article-padding)*3.75)}.article #load-more .circle{transition-duration:0s}.article #load-more.inactive{display:none}