.tt-pg-filter{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:40px}.tt-pg-filter-btn{position:relative;display:inline-block;padding:8px 20px;background:none;border:1px solid var(--tt-border-color);color:inherit;font-family:var(--tt-alter-font);font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:1px;cursor:pointer;transition:all .3s ease}.tt-pg-filter-btn.active,.tt-pg-filter-btn:hover{background:var(--tt-text-color, #fff);color:var(--tt-bg-color, #000);border-color:var(--tt-text-color, #fff)}.tt-pg-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:auto}@media(max-width:991px){.tt-pg-grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:auto}}@media(max-width:576px){.tt-pg-grid{grid-template-columns:1fr;grid-auto-rows:auto}}.tt-pg-item{position:relative;display:block;overflow:hidden;text-decoration:none;color:#fff}.tt-pg-item.tt-pg-tall{grid-row:span 2}.tt-pg-item.tt-pg-wide{grid-column:span 2}.tt-pg-item.tt-pg-full{grid-column:span 3}@media(max-width:576px){.tt-pg-item.tt-pg-tall,.tt-pg-item.tt-pg-full,.tt-pg-item.tt-pg-wide{grid-column:auto;grid-row:auto}}.tt-pg-item-image{position:absolute;top:0;right:0;bottom:0;left:0}.tt-pg-item-image img,.tt-pg-item-image svg{width:100%;height:100%;transition:transform 1.2s cubic-bezier(.19,1,.22,1)}.tt-pg-item:hover .tt-pg-item-image img{transform:scale(1.08)}.tt-pg-item-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:flex-end;padding:30px;background:linear-gradient(180deg,transparent 40%,rgba(0,0,0,.7) 100%);opacity:0;transition:opacity .5s ease}.tt-pg-item:hover .tt-pg-item-overlay{opacity:1}.tt-pg-item-title{margin:0 0 5px;font-family:var(--tt-alter-font);font-size:clamp(18px,1.5vw,24px);font-weight:600;text-transform:uppercase;transform:translateY(15px);transition:transform .5s ease}.tt-pg-item:hover .tt-pg-item-title{transform:translateY(0)}.tt-pg-item-category{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:1px;opacity:.6;transform:translateY(15px);transition:transform .5s ease .05s}.tt-pg-item:hover .tt-pg-item-category{transform:translateY(0)}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-portfolio-grid.css.map */