:root{--articles-image-transition:var(--transition-slow);--articles-columns:1;--articles-gap:var(--spacing-xl)}@media (min-width:640px){:root{--articles-columns:2}}@media (min-width:768px){:root{--articles-gap:var(--spacing-40)}}@media (min-width:1024px){:root{--articles-columns:3}}#articles{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));grid-template-columns:repeat(var(--articles-columns),minmax(0,1fr));grid-gap:var(--spacing-xl);gap:var(--spacing-xl);grid-gap:var(--articles-gap);gap:var(--articles-gap)}#articles .article{position:relative;background-color:var(--color-blue-500);color:var(--color-white);border-radius:var(--border-radius-xl);overflow:hidden;aspect-ratio:3/2;padding:var(--spacing-xl)}#articles .article:hover .article-image img{transform:scale(1.08)}#articles .article-image,#articles .article a{position:absolute;top:0;right:0;bottom:0;left:0}#articles .article a{z-index:3}#articles .article-image img{transition:var(--transition-slow);transition:var(--articles-image-transition)}#articles .article-image .overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background-color:var(--color-blue-500-75)}#articles .article .info{position:relative;display:flex;flex-direction:column;grid-gap:var(--spacing);gap:var(--spacing);z-index:2}#articles .article h3{margin-bottom:0}.articles-empty{display:none;grid-column-end:span 1}@media (min-width:640px){.articles-empty{grid-column-end:span 2}}@media (min-width:1024px){.articles-empty{grid-column-end:span 3}}#articles .articles-empty{display:block}.articles-empty p{text-align:center;width:100%}.articles-loadmore-wrapper{width:-webkit-max-content;width:-moz-max-content;width:max-content;margin:var(--spacing-40) auto 0}.articles-loadmore-wrapper .btn{margin-top:0}.articles-upper{display:flex;justify-content:space-between;align-items:center;grid-gap:var(--spacing-xl);gap:var(--spacing-xl);margin-bottom:var(--articles-gap)}.articles-upper .btn,.articles-upper h2{margin:0}