.feature-item{padding:0;position:relative;margin-bottom:var(--padding-x2)}@media screen and (max-width:780px){.feature-item{width:100%;height:auto;margin-bottom:0}}.feature-item a{position:relative;margin:var(--padding);padding:0;display:block;background-color:#fff;height:55vw}@media screen and (max-width:780px){.feature-item a{width:calc(100% - var(--padding-x2));height:auto;margin-bottom:0}}.feature-item a .overlay{position:absolute;left:var(--padding-x2);top:var(--padding-x2);height:calc(55vw - var(--padding-x4));width:calc(100% - var(--padding-x4));z-index:3;display:grid;grid-template-rows:auto 1fr auto;grid-template-columns:100%}.feature-item a .overlay>div{display:flex;align-items:center;justify-content:center}.feature-item a .overlay .img-wrap{transition:opacity .3s ease-in-out;opacity:1;width:50%;margin:0 auto}@media screen and (max-width:780px){.feature-item a .overlay .img-wrap{margin-bottom:var(--padding)}}.feature-item a .overlay .img-wrap img{aspect-ratio:77/90}@media screen and (max-width:780px){.feature-item a .overlay{left:var(--padding-50);top:var(--padding);width:calc(100% - var(--padding));position:relative;height:auto;padding-bottom:var(--padding)}}.feature-item a>.img-wrap{background-color:#000;transition:opacity .3s ease-in-out;opacity:0;max-height:100%;height:100%}.feature-item a>.img-wrap:before{display:none}.feature-item a>.img-wrap img{opacity:0;transition:opacity .3s ease-in-out;aspect-ratio:16/19}.feature-item a:hover>.img-wrap{opacity:1}.feature-item a:hover>.img-wrap img{opacity:.6}.feature-item a:hover .overlay .img-wrap{opacity:0}.feature-item a:hover h3{color:#fff}.feature-item h3{text-align:center;font-size:var(--medium-size);padding:var(--padding-x2);color:var(--font-color);transition:all .3s ease-in-out}@media screen and (max-width:780px){.feature-item h3{padding-top:var(--padding)}}.feature-item h3 span{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;line-height:1.3;font-size:var(--medium-size)}