.articles-page{width:100%;height:-moz-fit-content;height:fit-content;min-height:100vh;overflow:hidden;background:#f8f8f8}.articles-page .articles{padding:2rem;display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:2rem;gap:2rem;position:relative}@media(max-width:1000px){.articles-page .articles{grid-template-columns:1fr 1fr}}@media(max-width:768px){.articles-page .articles{grid-template-columns:1fr;gap:1rem;padding:1rem}}.articles-page .articles .article{position:relative;height:calc(50vh - 4rem);overflow:hidden}.articles-page .articles .article .article-thumbnail,.articles-page .articles .article img{position:absolute;width:100%;height:100%;object-fit:cover;z-index:1}.articles-page .articles .article img{top:50%;left:50%;transform:translate(-50%,-50%) scale(1.02);transition:.6s ease .2s}.articles-page .articles .article .article-thumbnail{top:0;left:0}.articles-page .articles .article .article-thumbnail video{transform:scale(1.2);transition:.6s ease .2s}.articles-page .articles .article .title-tags{position:absolute;left:1rem;bottom:1rem;z-index:3;color:#fff;width:calc(100% - 2rem);transition:.4s ease}.articles-page .articles .article .title-tags .article-meta{margin-bottom:.5rem;opacity:1}.articles-page .articles .article button{position:absolute;left:1rem;bottom:calc(1rem + 6px);z-index:3;color:#fff;opacity:0;transition:.4s ease}.articles-page .articles .article .text-underlay{position:absolute;bottom:0;left:0;width:100%;height:30%;background:linear-gradient(180deg,hsla(0,0%,0%,0) 0,hsla(0,0%,0%,.013) 8.1%,hsla(0,0%,0%,.049) 15.5%,hsla(0,0%,0%,.104) 22.5%,hsla(0,0%,0%,.175) 29%,hsla(0,0%,0%,.259) 35.3%,hsla(0,0%,0%,.352) 41.2%,hsla(0,0%,0%,.45) 47.1%,hsla(0,0%,0%,.55) 52.9%,hsla(0,0%,0%,.648) 58.8%,hsla(0,0%,0%,.741) 64.7%,hsla(0,0%,0%,.825) 71%,hsla(0,0%,0%,.896) 77.5%,hsla(0,0%,0%,.951) 84.5%,hsla(0,0%,0%,.987) 91.9%,hsl(0,0%,0%));opacity:.5;z-index:2;transition:.4s ease}@media(min-width:768px){.articles-page .articles .article:hover img{transform:translate(-50%,-50%) scale(1);transition:.6s ease}.articles-page .articles .article:hover video{transform:scale(1);transition:.6s ease}.articles-page .articles .article:hover .text-underlay{transform:scaleY(1);opacity:.75;transition:.4s ease}.articles-page .articles .article:hover .title-tags{bottom:calc(1.5rem + 19.6px);transition:.4s ease}.articles-page .articles .article:hover button{opacity:1;transition:.6s ease .2s}.articles-page .articles .article:hover button span{opacity:1;transition:.3s ease .75s;transform:translate(8px,-50%) scale(.75)}.articles-page .articles .article:hover button:before{width:calc(100% + 1.25rem);transition:.8s cubic-bezier(1,-.4,.35,.95)}}