.sub section.category{background-color:#fff}.sub section.category .item{margin-bottom:30px;display:block;aspect-ratio:1.6;position:relative}.sub section.category .item::before{content:"";display:block;width:100%;height:100%;position:absolute;left:0;bottom:0;opacity:0;background-color:#000;transition:opacity .35s ease-out}.sub section.category .item::after{content:"";display:block;width:100%;height:100%;position:absolute;left:0;bottom:0;z-index:0;background-image:linear-gradient(to bottom, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.6) 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#33000000', endColorstr='#99000000', GradientType=0);transition:opacity .35s ease-out}.sub section.category .item img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.sub section.category .item .caption{display:block;width:100%;padding:15px;position:absolute;left:0;bottom:0;z-index:1}.sub section.category .item .caption::before{content:"";display:block;width:calc(100% - 30px);height:1px;background-color:#fff;position:absolute;left:15px;top:0}.sub section.category .item .caption::after{content:"";display:block;width:0;height:1px;background-color:#e42727;position:absolute;left:15px;top:0;transition:width .35s ease-out}.sub section.category .item .caption .icon{position:absolute;right:0;top:15px;opacity:0;transition:all .35s ease-out}.sub section.category .item .caption .icon svg path{fill:#fff}.sub section.category .item h3{display:inline-block;width:calc(100% - 40px);margin:0;color:#fff;position:relative;transition:color .35s ease-out}.sub section.category .item:hover::before{opacity:.5}.sub section.category .item:hover .caption::after{width:calc(100% - 30px)}.sub section.category .item:hover .caption .icon{right:15px;opacity:1}