.news .style-3 article:first-child{flex-direction:column;.style-3-content .post-btn{display:none;}}@media (min-width:980px){.news{.style-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));article:first-child{grid-column:span 2 / span 2;grid-row:span 2 / span 2;img{aspect-ratio:16 / 9}.style-3-content{position:absolute;bottom:0;height:auto;transform:translateY(2rem);transition:transform 0.3s ease-in-out,opacity 0.6s ease-in-out;.post-desc,.metadata{opacity:0;transition:opacity 0.6s ease-in-out}}&:hover .style-3-content{transform:translateY(0);.post-desc,.metadata{opacity:1}}.style-3-content,.style-3-content a{color:#fff}}}}}[class^="hidden-posts-"]{position:relative;display:grid;gap:2rem;max-height:0;overflow:hidden;transition:max-height 0.3s ease-out;article{border-width:0}article:before{content:"";position:absolute;display:block;width:100%;height:100%;top:0;left:0;background:#ccc;opacity:1}&.completed article:before{display:none}&.completed article{border-width:1px}article>div,article a{opacity:0}&.show{overflow:visible;max-height:300rem;transition:max-height 0.3s ease-in}}[class^="hidden-posts-"].completed article a,.completed article>div{animation:fadeIn 0.5s ease-in-out forwards}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}