.gallery{display:grid;grid-template-columns:66% 33%}.gallery li{list-style:none;padding:0;margin:0}.gallery img{width:100%}.gallery .carasouel li>a{display:block;line-height:0}.gallery .carasouel li>a img{transition:opacity .15s ease-out}.gallery .carasouel li>a:hover img{opacity:.85}.gallery #more-posts{padding:1rem;color:#fff;background-color:var(--accent-color);box-sizing:border-box;align-self:center;text-align:center;text-decoration:none;font-size:1.25rem;font-weight:600;font-family:var(--impact-font);border:.25rem solid var(--accent-color);width:max-content;transition:all .1s ease-out}.gallery #more-posts:hover{background-color:var(--bold-color)}.gallery .carasouel ul,.gallery .cards{padding:0;margin:0}.gallery .carasouel{position:relative;width:100%;overflow:hidden}.gallery .carasouel ul{display:flex;flex-direction:row;transition:transform .5s cubic-bezier(.25,1,.5,1)}.gallery .carasouel header,.gallery .carasouel p{padding:.5rem 1rem;margin:0}.gallery .carasouel li{padding-bottom:1rem}.gallery .carasouel header{margin-top:.5rem;font-size:1.5rem;font-weight:600}.gallery .carasouel header a{color:#000;text-decoration:none}.gallery .cards{display:flex;flex-direction:column}.gallery .cards .flare{background-color:var(--bold-color);width:.5rem;height:75%;border-radius:0 .25rem .25rem 0;transition:all .3s ease-in-out}.gallery .cards li.active{background-color:var(--bold-color)}.gallery .cards li.active .flare{background-color:var(--background-color)}.gallery .cards li:not(.active):hover{background-color:color-mix(in srgb,var(--background-color),black 5%)}.gallery .cards li{cursor:pointer;user-select:none;transition:all .1s ease-in-out;display:flex;flex-direction:row;padding:1rem 1rem 1rem 0;gap:1rem;align-items:center;border-top:.125rem solid var(--border-color)}.gallery .cards li:last-child{border-bottom:.125rem solid var(--border-color)}.gallery .cards li img{max-width:8rem}.gallery .cards li .title{width:100%;display:flex;align-items:center;font-weight:600}.gallery .cards li .title span{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;max-height:calc(1.25rem * 2)}@media screen and (max-width:1024px){.gallery{display:flex;flex-direction:column}.carasouel header a{font-size:1.25rem}}