.portfolio__header{margin-bottom:3.2rem}.portfolio__title{text-transform:uppercase;letter-spacing:.02em;margin:0 0 1rem}.portfolio__description{max-width:60rem;opacity:.8}.portfolio__filters{display:flex;flex-wrap:wrap;gap:0;margin-bottom:3.2rem;border:1px solid rgba(var(--color-foreground),.35)}.portfolio__filter{-webkit-appearance:none;appearance:none;background:transparent;border:none;border-right:1px solid rgba(var(--color-foreground),.35);color:rgb(var(--color-foreground));cursor:pointer;font-family:var(--font-heading-family);font-weight:700;font-size:1.2rem;letter-spacing:.12em;text-transform:uppercase;padding:1.2rem 2rem;transition:background .15s ease,color .15s ease}.portfolio__filter:last-child{border-right:none}.portfolio__filter:hover{background:rgba(var(--color-foreground),.08)}.portfolio__filter.is-active{background:rgb(var(--color-foreground));color:rgb(var(--color-background))}.portfolio__grid{display:grid;gap:2rem;grid-template-columns:1fr}@media screen and (min-width:750px){.portfolio__grid--2-col{grid-template-columns:repeat(2,1fr)}.portfolio__grid--3-col{grid-template-columns:repeat(3,1fr)}.portfolio__grid--4-col{grid-template-columns:repeat(4,1fr)}}@media screen and (min-width:480px)and (max-width:749px){.portfolio__grid{grid-template-columns:repeat(2,1fr)}}.portfolio__item{margin:0}.portfolio__item.is-hidden{display:none}.portfolio__item-btn{-webkit-appearance:none;appearance:none;background:transparent;border:1px solid rgba(var(--color-foreground),.25);padding:0;width:100%;text-align:left;color:inherit;cursor:zoom-in;display:block;transition:border-color .2s ease,transform .2s ease}.portfolio__item-btn:hover{border-color:rgb(var(--color-foreground));transform:translateY(-3px)}.portfolio__media{aspect-ratio:4 / 5;overflow:hidden;background:rgba(var(--color-foreground),.05)}.portfolio__media--contain .portfolio__img{object-fit:contain;padding:2rem}.portfolio__img{display:block;width:100%;height:100%;object-fit:cover;filter:grayscale(18%);transition:filter .25s ease,transform .4s ease}.portfolio__item-btn:hover .portfolio__img{filter:grayscale(0%);transform:scale(1.03)}.portfolio__media--contain .portfolio__img,.portfolio__item-btn:hover .portfolio__media--contain .portfolio__img{transform:none}.portfolio__img--placeholder{opacity:.35}.portfolio__caption{display:flex;flex-direction:column;gap:.2rem;padding:1.2rem 1.4rem 1.4rem;border-top:1px solid rgba(var(--color-foreground),.25)}.portfolio__cat{font-size:1rem;letter-spacing:.16em;text-transform:uppercase;opacity:.6}.portfolio__name{font-family:var(--font-heading-family);font-weight:700;font-size:1.5rem;text-transform:uppercase;letter-spacing:.04em}.portfolio__client{font-size:1.2rem;opacity:.7}.portfolio__empty{opacity:.6;text-align:center;padding:4rem 0}.portfolio-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#000000eb;display:flex;align-items:center;justify-content:center;padding:4rem 2rem 2rem}.portfolio-lightbox[hidden]{display:none}.portfolio-lightbox__figure{margin:0;max-width:min(110rem,92vw);max-height:88vh;display:flex;flex-direction:column;gap:1.2rem}.portfolio-lightbox__img{max-width:100%;max-height:76vh;object-fit:contain;border:1px solid rgba(255,255,255,.2)}.portfolio-lightbox__caption{color:#fff;display:flex;gap:1.2rem;align-items:baseline;flex-wrap:wrap}.portfolio-lightbox__title{font-family:var(--font-heading-family);font-weight:700;text-transform:uppercase;letter-spacing:.06em;font-size:1.8rem}.portfolio-lightbox__meta{font-size:1.3rem;opacity:.65;letter-spacing:.1em;text-transform:uppercase}.portfolio-lightbox__close{position:absolute;top:1.6rem;right:2rem;-webkit-appearance:none;appearance:none;background:transparent;border:1px solid rgba(255,255,255,.4);color:#fff;font-size:2.4rem;line-height:1;width:4.4rem;height:4.4rem;cursor:pointer;transition:background .15s ease,color .15s ease}.portfolio-lightbox__close:hover{background:#fff;color:#000}.portfolio__item--wide{grid-column:1 / -1}.portfolio__item--wide .portfolio__media{aspect-ratio:auto;background:transparent;padding:2.4rem}.portfolio__item--wide .portfolio__img{height:auto;object-fit:contain;filter:none}.portfolio__item--wide .portfolio__item-btn:hover .portfolio__img{transform:none}
/*# sourceMappingURL=/cdn/shop/t/35/assets/section-portfolio.css.map */