ul.grid{column-gap:20px;display:grid;list-style:none;padding:0;row-gap:40px}.grid-item{border-radius:12px;cursor:pointer;overflow:hidden;position:relative}.grid-main-img{border-radius:12px;display:block;height:auto;max-height:75%;object-fit:auto;transition:transform .3s ease;width:100%}.expander{background:#1a1a1a;border-radius:12px;grid-column:1/-1;height:0;opacity:0;overflow:hidden;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.expander.active{height:auto;margin:20px 0;opacity:1}.expander-content{display:flex;gap:50px;padding:40px}.expander-image img{border-radius:12px;width:100%}.expander-details h2{font-size:2rem;margin-bottom:10px}.expander-details p{margin-bottom:10px}.social-media-wrap{display:flex;gap:15px;list-style:none;margin:0;padding:0}.grid-details{display:flex;flex-direction:column;gap:7px;margin-top:10px}.grid-details p{margin:0}.og-close{cursor:pointer;height:40px;position:absolute;right:20px;top:20px;width:40px}.og-close:after,.og-close:before{background:#000;content:"";height:1px;position:absolute;top:50%;transform:rotate(45deg);width:100%}.og-close:after{transform:rotate(-45deg)}.og-close:hover:after,.og-close:hover:before{background:#000}@media (max-width:900px){.expander-image{display:none}}