.portfolio-section{position:relative;z-index:1;overflow-x:hidden}.portfolio-intro{max-width:720px;margin:24px auto 0}.portfolio-intro p{margin:0;font-family:var(--font-family-body);font-size:18px;line-height:28px;color:rgb(var(--color-foreground))}.portfolio-filter{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px 12px;margin:48px 0 40px}.portfolio-filter__btn{-webkit-appearance:none;appearance:none;cursor:pointer;background:transparent;border:2px solid rgba(var(--color-foreground),.25);border-radius:100px;padding:8px 20px;font-family:var(--font-family-heading);font-size:15px;font-weight:700;line-height:20px;letter-spacing:.02em;text-transform:uppercase;color:rgb(var(--color-foreground));transition:background-color .25s ease,border-color .25s ease,color .25s ease}.portfolio-filter__btn:hover{border-color:rgba(var(--color-foreground),1)}.portfolio-filter__btn.is-active{background:rgba(var(--color-foreground),1);border-color:rgba(var(--color-foreground),1);color:rgb(var(--color-background))}.portfolio-grid{--pg-gap: 24px}.portfolio-item{position:relative}.portfolio-item[hidden]{display:none!important}.portfolio-item__media{position:relative;overflow:hidden;background:rgba(var(--color-foreground),.04)}.portfolio-grid.-grid .portfolio-item__media:after{content:"";display:block;width:100%;height:0;padding-top:var(--xlo-percent, 100%)}.portfolio-grid.-grid .portfolio-item__media img,.portfolio-grid.-grid .portfolio-item__media svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.portfolio-grid.-masonry .portfolio-item__media img,.portfolio-grid.-masonry .portfolio-item__media svg{display:block;width:100%;height:auto}.portfolio-item__media img{transition:transform .5s ease}.portfolio-item:hover .portfolio-item__media img{transform:scale(1.04)}.portfolio-item__link{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2}.portfolio-item__text{margin-top:16px}.portfolio-item__title{margin:0;font-family:var(--font-family-heading);font-size:20px;font-weight:700;line-height:26px;letter-spacing:-.01em;color:rgb(var(--color-foreground))}.portfolio-item__cats{margin:6px 0 0;font-family:var(--font-family-body);font-size:14px;line-height:20px;letter-spacing:.02em;text-transform:uppercase;color:rgba(var(--color-foreground),.6)}.portfolio-grid.-masonry{display:grid;grid-template-columns:repeat(var(--pg-columns, 4),minmax(0,1fr));column-gap:var(--pg-gap);row-gap:var(--pg-gap);align-items:start}.portfolio-grid.-masonry .portfolio-item{align-self:start;width:100%}.portfolio-grid.-masonry.is-masonry-ready{grid-auto-rows:1px;row-gap:0}.portfolio-grid.-grid{display:grid;grid-template-columns:repeat(var(--pg-columns, 4),minmax(0,1fr));gap:var(--pg-gap);align-items:start}@media only screen and (max-width:1199px){.portfolio-grid{--pg-columns: 3 !important}}@media only screen and (max-width:991px){.portfolio-grid{--pg-gap: 16px}.portfolio-item__title{font-size:18px;line-height:24px}}@media only screen and (max-width:767px){.portfolio-grid{--pg-columns: 2 !important}.portfolio-filter{margin:32px 0 28px;gap:8px;justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none;-webkit-overflow-scrolling:touch}.portfolio-filter::-webkit-scrollbar{display:none}.portfolio-filter__btn{flex:0 0 auto;font-size:13px;padding:7px 16px}.portfolio-item__title{font-size:16px;line-height:22px}.portfolio-item__cats{font-size:12px}}@media only screen and (max-width:480px){.portfolio-grid{--pg-columns: 1 !important}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/portfolio-grid.css.map */