.portfolio .title-wrapper-with-link{text-align:center;justify-content:center}.portfolio__description{margin:0 auto 3rem}.portfolio__description.center{text-align:center}.portfolio__filters{display:flex;justify-content:center;gap:1rem;margin-bottom:3rem;flex-wrap:wrap}.portfolio__filter-btn{padding:1rem 2rem;font-family:inherit;font-size:1.2rem;font-weight:500;text-transform:uppercase;letter-spacing:.1em;color:rgba(var(--color-foreground),.7);background:transparent;border:.1rem solid rgba(var(--color-foreground),.2);border-radius:var(--buttons-radius);cursor:pointer;transition:all .3s ease}.portfolio__filter-btn:hover{border-color:rgba(var(--color-foreground),.5);color:rgb(var(--color-foreground))}.portfolio__filter-btn.active{background:rgb(var(--color-button));border-color:rgb(var(--color-button));color:rgb(var(--color-button-text))}.portfolio__filter-btn:focus-visible{outline:.2rem solid rgb(var(--color-foreground));outline-offset:.3rem;box-shadow:0 0 0 .3rem rgb(var(--color-background)),0 0 .5rem .4rem rgba(var(--color-foreground),.3)}@media screen and (max-width: 749px){.portfolio__filters{justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;padding-bottom:1rem;margin-left:-1.5rem;margin-right:-1.5rem;padding-left:1.5rem;padding-right:1.5rem;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.portfolio__filters::-webkit-scrollbar{display:none}.portfolio__filter-btn{flex-shrink:0;padding:.8rem 1.6rem;font-size:1.1rem}}.portfolio__grid{display:grid;grid-template-columns:repeat(var(--portfolio-columns-mobile, 1),1fr);gap:var(--portfolio-gap-mobile, 1rem)}@media screen and (min-width: 750px){.portfolio__grid{grid-template-columns:repeat(var(--portfolio-columns-tablet, 2),1fr);gap:var(--portfolio-gap, 2rem)}}@media screen and (min-width: 990px){.portfolio__grid{grid-template-columns:repeat(var(--portfolio-columns, 3),1fr)}}.portfolio__item{position:relative;overflow:hidden;height:var(--portfolio-item-height-mobile, 25rem);cursor:pointer;background:rgba(var(--color-foreground),.04);border-radius:var(--media-radius)}@media screen and (min-width: 750px){.portfolio__item{height:var(--portfolio-item-height, 30rem)}}.portfolio__item.hidden{display:none}.portfolio__item-image{position:absolute;top:0;left:0;width:100%;height:100%}.portfolio__item-img{width:100%;height:100%;object-fit:cover}.portfolio__item-placeholder{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:rgba(var(--color-foreground),.04)}.portfolio__item-placeholder svg{width:50%;height:50%;opacity:.3}.portfolio__overlay{position:absolute;bottom:0;left:0;right:0;padding:2rem;background:linear-gradient(to top,rgba(var(--color-foreground),.7) 0%,rgba(var(--color-foreground),.3) 50%,transparent 100%)}@media screen and (min-width: 750px){.portfolio__overlay{padding:3rem}}.portfolio__category{display:block;color:rgba(var(--color-background),.7);margin-bottom:.5rem}.portfolio__title{margin:0;color:rgb(var(--color-background))}.portfolio__link{position:absolute;top:0;left:0;width:100%;height:100%;z-index:5}@keyframes portfolioFadeIn{0%{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}.portfolio__item.scroll-trigger{opacity:0}.portfolio__item.scroll-trigger.animate--slide-in{animation:portfolioFadeIn .6s cubic-bezier(.4,0,.2,1) forwards;animation-delay:calc(var(--animation-order, 0) * .1s)}.no-js .portfolio__filters{display:none}.no-js .portfolio__overlay{opacity:1;transform:translateY(0)}
/*# sourceMappingURL=/cdn/shop/t/3/assets/section-portfolio.css.map */