.br-showcase{background:var(--br-bg, #000);color:var(--br-fg, #fff);padding:clamp(2.5rem,6vw,6rem) clamp(1rem,4vw,4rem);position:relative;overflow:hidden;isolation:isolate}.br-showcase:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(var(--br-fg, #fff) 1px,transparent 1px),linear-gradient(90deg,var(--br-fg, #fff) 1px,transparent 1px);background-size:80px 80px;opacity:.04;pointer-events:none;z-index:0}.br-showcase>*{position:relative;z-index:1}.br-showcase__header{margin-bottom:clamp(2rem,5vw,5rem);border-bottom:4px solid var(--br-fg, #fff);padding-bottom:clamp(1rem,2vw,1.5rem);display:flex;flex-direction:column;gap:.5rem}.br-showcase__subheading{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:clamp(.75rem,1vw,.95rem);text-transform:uppercase;letter-spacing:.25em;margin:0;color:var(--br-accent, #FF2BD6);font-weight:700}.br-showcase__heading{font-family:Arial Black,Helvetica Neue,Impact,system-ui,sans-serif;font-size:clamp(2.5rem,9vw,8rem);line-height:.88;margin:0;letter-spacing:-.04em;text-transform:uppercase;font-weight:900;color:var(--br-fg, #fff);word-break:break-word}.br-showcase__footer{display:flex;justify-content:center;padding-top:clamp(2rem,4vw,3.5rem);border-top:2px solid rgba(255,255,255,.15);margin-top:clamp(2rem,4vw,3.5rem)}.br-showcase__grid{display:grid;grid-template-columns:repeat(var(--br-cols-m, 2),minmax(0,1fr));gap:var(--br-gap, 32px)}@media(min-width:750px){.br-showcase__grid{grid-template-columns:repeat(var(--br-cols-d, 4),minmax(0,1fr))}}.br-card{position:relative;transform:rotate(var(--br-rot, 0deg));transition:transform .45s cubic-bezier(.2,.9,.3,1);will-change:transform}.br-card:hover,.br-card:focus-within{transform:rotate(0) scale(1.04);z-index:5}.br-card__link{display:block;text-decoration:none;color:inherit;outline:none;position:relative;-webkit-tap-highlight-color:transparent}.br-card__price{position:absolute;top:clamp(8px,3%,16px);right:clamp(8px,3%,16px);z-index:4;display:inline-flex;align-items:center;gap:.3em;background:#0000009e;color:var(--br-fg, #fff);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:clamp(.65rem,.85vw,.78rem);font-weight:800;letter-spacing:.04em;padding:.32rem .6rem .32rem .55rem;border:1px solid rgba(255,255,255,.22);border-left:3px solid var(--br-accent-card, #FF2BD6);backdrop-filter:blur(6px) saturate(140%);-webkit-backdrop-filter:blur(6px) saturate(140%);pointer-events:none;text-transform:uppercase;white-space:nowrap;transition:background .2s ease,color .2s ease,border-color .2s ease,transform .2s ease}.br-card__price-prefix{opacity:.55;font-size:.78em;font-weight:700}.br-card:hover .br-card__price,.br-card.is-hovering .br-card__price{background:var(--br-accent-card, #FF2BD6);color:#000;border-color:var(--br-accent-card, #FF2BD6);transform:translate(-1px,1px)}.br-card:hover .br-card__price-prefix,.br-card.is-hovering .br-card__price-prefix{opacity:.85}.br-card__link:focus-visible .br-card__frame{outline:3px solid var(--br-accent-card, #FF2BD6);outline-offset:4px}.br-card__frame{position:relative;aspect-ratio:var(--br-aspect, 4 / 5);width:100%;clip-path:var(--br-clip);-webkit-clip-path:var(--br-clip);background:var(--br-fg, #fff);overflow:hidden;isolation:isolate;user-select:none;-webkit-user-select:none;touch-action:pan-y}.br-card__media{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.br-card__still{z-index:1;transition:transform .6s cubic-bezier(.2,.9,.3,1),opacity .25s ease}.br-card__placeholder{background:linear-gradient(45deg,var(--br-bg, #000) 25%,transparent 25%),linear-gradient(-45deg,var(--br-bg, #000) 25%,transparent 25%),var(--br-accent-card, #FF2BD6);background-size:24px 24px}.br-card__hover{z-index:2;opacity:0;transition:opacity .25s ease;pointer-events:none}.br-card.is-hovering .br-card__still,.br-card.is-scrubbing .br-card__still{opacity:0}.br-card.is-hovering .br-card__hover,.br-card.is-scrubbing .br-card__hover{opacity:1}.br-card:hover .br-card__still{transform:scale(1.06)}.br-card__frame:after{content:"";position:absolute;left:0;bottom:0;height:6px;background:var(--br-accent-card, #FF2BD6);width:0;z-index:3;opacity:0;transition:opacity .15s ease;pointer-events:none}.br-card.is-scrubbing .br-card__frame:after{width:var(--br-scrub-progress, 0%);opacity:1;transition:opacity .15s ease,width .05s linear}.br-card__caption{padding:.9rem 0 0;text-align:left;display:flex;align-items:center;gap:.5rem}.br-card__caption-text{display:inline-block;background:var(--br-fg, #fff);color:var(--br-bg, #000);padding:.35rem .65rem;font-family:Arial Black,Impact,sans-serif;font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;font-weight:900;border:2px solid var(--br-fg, #fff);box-shadow:4px 4px 0 var(--br-accent-card, #FF2BD6);transition:box-shadow .2s ease,background .2s ease,color .2s ease,transform .2s ease;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.br-card:hover .br-card__caption-text{background:var(--br-accent-card, #FF2BD6);color:var(--br-bg, #000);border-color:var(--br-accent-card, #FF2BD6);box-shadow:4px 4px 0 var(--br-fg, #fff);transform:translate(-2px,-2px)}@media(prefers-reduced-motion:reduce){.br-card,.br-card__still,.br-card__hover,.br-card__caption-text{transition:none}.br-card,.br-card:hover{transform:none!important}}@media(max-width:749px){.br-card__caption-text{font-size:.7rem;padding:.3rem .5rem;box-shadow:3px 3px 0 var(--br-accent-card, #FF2BD6)}.br-showcase__heading{letter-spacing:-.03em}}.br-collection-toolbar{display:flex;align-items:flex-start;gap:1rem;margin-bottom:clamp(1.5rem,3vw,2.5rem);flex-wrap:wrap}.br-toolbar-left{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;flex:1;min-width:0}.br-toolbar-right{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.br-sort-label{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--br-fg, #fff);white-space:nowrap}.br-sort-select{background:var(--br-bg, #000)!important;color:var(--br-fg, #fff)!important;border:2px solid var(--br-fg, #fff)!important;border-radius:0!important;font-family:Arial Black,Impact,sans-serif!important;font-size:.72rem!important;font-weight:900!important;text-transform:uppercase;letter-spacing:.04em;padding:.45rem 2rem .45rem .65rem!important;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='7'%3E%3Cpolygon points='0,0 10,0 5,7' fill='%23FF2BD6'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right .6rem center!important;background-size:10px 7px!important;cursor:pointer}.br-sort-select:focus{outline:3px solid var(--br-accent, #FF2BD6)!important;outline-offset:2px}.br-filters-toggle{background:var(--br-fg, #fff)!important;color:var(--br-bg, #000)!important;border:2px solid var(--br-fg, #fff)!important;border-radius:0!important;font-family:Arial Black,Impact,sans-serif!important;font-size:.72rem!important;font-weight:900!important;text-transform:uppercase;letter-spacing:.06em;padding:.45rem .85rem!important;box-shadow:3px 3px 0 var(--br-accent, #FF2BD6)!important;cursor:pointer;white-space:nowrap;transition:transform .12s ease,box-shadow .12s ease,background .12s ease,color .12s ease;line-height:1}.br-filters-toggle:hover,.br-filters-toggle[aria-expanded=true]{background:var(--br-accent, #FF2BD6)!important;color:#000!important;border-color:var(--br-accent, #FF2BD6)!important;box-shadow:3px 3px 0 var(--br-fg, #fff)!important}.br-active-filters{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}.br-filter-chip{display:inline-flex;align-items:center;gap:.3em;padding:.28rem .6rem;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.7rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;text-decoration:none;border:2px solid;border-radius:0;transition:background .12s ease,color .12s ease,border-color .12s ease;white-space:nowrap}.br-filter-chip--active{background:var(--br-accent, #FF2BD6);color:#000;border-color:var(--br-accent, #FF2BD6)}.br-filter-chip--active:hover{background:transparent;color:var(--br-accent, #FF2BD6)}.br-filter-chip--clear{background:transparent;color:var(--br-fg, #fff);border-color:#ffffff59}.br-filter-chip--clear:hover{border-color:var(--br-accent, #FF2BD6);color:var(--br-accent, #FF2BD6)}.br-filter-panel{background:var(--br-bg, #000);border:2px solid var(--br-fg, #fff);border-left:6px solid var(--br-accent, #FF2BD6);padding:clamp(1rem,2vw,1.5rem) clamp(1rem,2.5vw,2rem);margin-bottom:clamp(1.5rem,3vw,2.5rem)}.br-filter-panel[hidden]{display:none}.br-filter-groups{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1.5rem 2rem;margin-bottom:1.5rem}.br-filter-group{border:none;padding:0;margin:0}.br-filter-group__label{display:block;font-family:Arial Black,Impact,sans-serif;font-size:.7rem;font-weight:900;text-transform:uppercase;letter-spacing:.12em;color:var(--br-accent, #FF2BD6);margin-bottom:.75rem;padding-bottom:.4rem;border-bottom:2px solid rgba(255,255,255,.25)}.br-filter-group__values{display:flex;flex-direction:column;gap:.35rem;max-height:240px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--br-accent, #FF2BD6) transparent}.br-filter-value{display:flex;align-items:center;gap:.5em;cursor:pointer;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.77rem;color:var(--br-fg, #fff);padding:.15rem 0;transition:color .1s ease;line-height:1.3}.br-filter-value:hover,.br-filter-value--active{color:var(--br-accent, #FF2BD6)}.br-filter-value--empty{opacity:.28;cursor:not-allowed}.br-filter-check{appearance:none;-webkit-appearance:none;width:14px;height:14px;min-width:14px;border:2px solid rgba(255,255,255,.5);border-radius:0;background:transparent;cursor:pointer;position:relative;transition:background .1s ease,border-color .1s ease}.br-filter-check:checked{background:var(--br-accent, #FF2BD6);border-color:var(--br-accent, #FF2BD6)}.br-filter-check:checked:after{content:"";position:absolute;left:3px;top:0;width:5px;height:9px;border:2px solid #000;border-top:none;border-left:none;transform:rotate(45deg)}.br-filter-value__label{flex:1;min-width:0}.br-filter-value__count{font-size:.68em;opacity:.45}.br-price-range{display:flex;align-items:flex-end;gap:.75rem}.br-price-range__field{display:flex;flex-direction:column;gap:.25rem}.br-price-range__label{font-family:ui-monospace,monospace;font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--br-fg, #fff);opacity:.55}.br-price-range__sep{color:var(--br-fg, #fff);opacity:.4;padding-bottom:.55rem}.br-price-input{width:85px;background:transparent!important;border:2px solid rgba(255,255,255,.35)!important;border-radius:0!important;color:var(--br-fg, #fff)!important;padding:.38rem .55rem!important;font-family:ui-monospace,monospace!important;font-size:.82rem!important}.br-price-input:focus{border-color:var(--br-accent, #FF2BD6)!important;outline:none!important}.br-filter-actions{display:flex;align-items:center;gap:1rem;border-top:1px solid rgba(255,255,255,.12);padding-top:1.25rem}.br-filter-apply{background:var(--br-accent, #FF2BD6)!important;color:#000!important;border:2px solid var(--br-accent, #FF2BD6)!important;border-radius:0!important;font-family:Arial Black,Impact,sans-serif!important;font-size:.78rem!important;font-weight:900!important;text-transform:uppercase;letter-spacing:.08em;padding:.6rem 1.5rem!important;box-shadow:4px 4px 0 var(--br-fg, #fff)!important;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease}.br-filter-apply:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--br-fg, #fff)!important}.br-filter-reset{font-family:ui-monospace,monospace;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--br-fg, #fff);text-decoration:none;opacity:.45;transition:opacity .1s ease,color .1s ease}.br-filter-reset:hover{opacity:1;color:var(--br-accent, #FF2BD6)}.br-loadmore-wrap{display:flex;justify-content:center;padding:clamp(2rem,4vw,4rem) 0 0}.br-loadmore-btn{background:transparent!important;color:var(--br-fg, #fff)!important;border:3px solid var(--br-fg, #fff)!important;border-radius:0!important;font-family:Arial Black,Impact,sans-serif!important;font-size:.88rem!important;font-weight:900!important;text-transform:uppercase;letter-spacing:.12em;padding:.9rem 2.5rem!important;box-shadow:6px 6px 0 var(--br-accent, #FF2BD6)!important;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,background .15s ease,color .15s ease}.br-loadmore-btn:hover:not(:disabled){background:var(--br-fg, #fff)!important;color:var(--br-bg, #000)!important;transform:translate(-3px,-3px);box-shadow:9px 9px 0 var(--br-accent, #FF2BD6)!important}.br-loadmore-btn:active:not(:disabled){transform:translate(2px,2px)!important;box-shadow:2px 2px 0 var(--br-accent, #FF2BD6)!important}.br-loadmore-btn:disabled{opacity:.5;cursor:wait;box-shadow:none!important}.br-card__date{padding:.35rem 0 0;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.67rem;letter-spacing:.1em;text-transform:uppercase;color:var(--br-fg, #fff);opacity:.45}.br-pagination{display:flex;align-items:center;justify-content:center;gap:.4rem;padding:clamp(2rem,4vw,4rem) 0 0;flex-wrap:wrap}.br-pagination__link{display:inline-flex;align-items:center;justify-content:center;min-width:44px;padding:.5rem .75rem;font-family:Arial Black,Impact,sans-serif;font-size:.75rem;font-weight:900;text-transform:uppercase;letter-spacing:.06em;text-decoration:none;color:var(--br-fg, #fff);border:2px solid var(--br-fg, #fff);background:transparent;transition:background .12s ease,color .12s ease,transform .12s ease}.br-pagination__link:hover{background:var(--br-accent, #FF2BD6);color:#000;border-color:var(--br-accent, #FF2BD6);transform:translate(-1px,-1px)}.br-pagination__link--current{background:var(--br-fg, #fff);color:var(--br-bg, #000);cursor:default}.br-pagination__link--gap{border-color:transparent;opacity:.35;pointer-events:none}@media(max-width:749px){.br-collection-toolbar{gap:.75rem}.br-toolbar-right{width:100%}.br-sort-select{flex:1}.br-filter-groups{grid-template-columns:1fr 1fr}}
/*# sourceMappingURL=/cdn/shop/t/32/assets/brutalist-showcase.css.map */