.thumbnail-grid{display:grid;grid-template-rows:auto;grid-gap:var(--grid-col-gutter);grid-template-columns:repeat(2, 1fr);grid-row-gap:var(--grid-row-gutter)}@media screen and (min-width: 576px){.thumbnail-grid{grid-template-columns:repeat(3, 1fr);grid-row-gap:var(--grid-row-gutter)}.thumbnail-grid--cols-4{grid-template-columns:repeat(4, 1fr);grid-row-gap:var(--grid-row-gutter)}.thumbnail-grid--cols-4 .thumbnail-grid__item{height:160px}.thumbnail-grid--cols-5{grid-template-columns:repeat(5, 1fr);grid-row-gap:var(--grid-row-gutter)}.thumbnail-grid--cols-5 .thumbnail-grid__item{height:120px}.thumbnail-grid--cols-5 .thumbnail-grid__item-wrap .thumbnail-grid__item-title{font-size:17px}}@media screen and (min-width: 576px)and (min-width: 400px){.thumbnail-grid--cols-5 .thumbnail-grid__item-wrap .thumbnail-grid__item-title{font-size:calc(0.0833333333vw + 16.6666666667px)}}@media screen and (min-width: 576px)and (min-width: 1600px){.thumbnail-grid--cols-5 .thumbnail-grid__item-wrap .thumbnail-grid__item-title{font-size:18px}}@media screen and (min-width: 768px){.thumbnail-grid--cols-4 .thumbnail-grid__item-content{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.thumbnail-grid--cols-5 .thumbnail-grid__item-content{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}}.thumbnail-grid__item{height:120px;position:relative;width:100%}@media screen and (min-width: 768px){.thumbnail-grid__item{height:230px}}.thumbnail-grid__item.frame .thumbnail-grid__img::before{content:unset}.thumbnail-grid__item.frame .thumbnail-grid__img::after{content:unset}.thumbnail-grid__img{display:block;height:100%;border-radius:var(--border-radius-large);overflow:hidden}.thumbnail-grid__img::before{content:"";background-image:linear-gradient(180deg, rgba(0, 0, 0, 0) -50%, rgba(0, 0, 0, 0.8) 15%);border-radius:var(--border-radius-large);position:absolute;width:100%;height:100%;left:0;bottom:0;opacity:0;visibility:hidden;display:none;z-index:2;transition-property:all;transition-duration:.4s;transition-timing-function:var(--transition-easing)}@media screen and (min-width: 768px){.thumbnail-grid__img::before{display:block;visibility:visible;opacity:0}}.thumbnail-grid__img::after{content:"";background-image:linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.75) 65%);border-radius:0 0 var(--border-radius-large) var(--border-radius-large);position:absolute;width:100%;height:50%;display:block;left:0;bottom:0;opacity:1;visibility:visible;z-index:1;transition-property:all;transition-duration:.4s;transition-timing-function:var(--transition-easing)}.thumbnail-grid__img--hover-revealExcerpt:hover::before{opacity:1;visibility:visible}@media screen and (min-width: 768px){.thumbnail-grid__img--hover-revealExcerpt:hover::after{opacity:0;visibility:hidden}}.thumbnail-grid__img--hover-revealExcerpt:hover .thumbnail-grid__item-content{max-height:230px}.thumbnail-grid__img--hover-revealExcerpt:hover__item-wrap svg{opacity:1}.thumbnail-grid__img--hover-zoomImage:hover img{transform:scale(var(--scale-size))}.thumbnail-grid__img img{width:100%;height:100%;object-fit:cover;object-position:center center;transition-property:all;transition-duration:var(--transition-time);transition-timing-function:var(--transition-easing)}.thumbnail-grid__item-overlay{color:var(--color-white);position:absolute;padding:25px 20px 15px 20px;top:0;z-index:2}.thumbnail-grid__item-title{text-transform:capitalize;word-wrap:break-word}.thumbnail-grid__item-content{overflow:hidden;display:none;max-height:0;transition-property:all;transition-duration:var(--transition-time);transition-timing-function:var(--transition-easing)}@media screen and (min-width: 768px){.thumbnail-grid__item-content{display:block;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}}.thumbnail-grid__item-wrap{color:var(--color-white);z-index:2;position:absolute;bottom:0;width:100%;padding:13px}@media screen and (min-width: 768px){.thumbnail-grid__item-wrap{display:flex;align-items:flex-end;justify-content:space-between;padding:25px 20px}}.thumbnail-grid__item-wrap svg{display:none}@media screen and (min-width: 768px){.thumbnail-grid__item-wrap svg{display:block;transform:rotate(-90deg);color:var(--color-white);opacity:.5;width:14px;height:16px;margin-left:10px;position:relative;bottom:5px}}.thumbnail-grid__item-wrap h3{margin-bottom:0}
