.hbc-cat{--hbc-cat-ratio: 1 / 1;--hbc-cat-cols: 4;--hbc-cat-cols-md: 3;--hbc-cat-cols-sm: 2;--hbc-cat-gap: 1.6rem;--hbc-cat-panel: #121212;--hbc-cat-ink: #f4f4f2;--hbc-cat-ink-dim: #b4b4ae;--hbc-cat-panel-fit: #e9e9e4;--hbc-cat-accent: var(--hbc-accent, #d8ff00);--hbc-cat-ease: cubic-bezier(.22, 1, .36, 1);--hbc-cat-dur: .2s;--hbc-cat-dur-img: .28s}.hbc-cat__inner.page-width{max-width:none}.hbc-cat__head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:1.2rem 3.2rem;margin-bottom:3.2rem}.hbc-cat__head-copy{flex:1 1 28rem}.hbc-cat__heading{margin:0;font-family:var(--font-heading-family);font-weight:700;letter-spacing:-.01em;line-height:1.05;text-transform:uppercase;text-wrap:balance;color:currentColor}.hbc-cat__heading--sm{font-size:clamp(2rem,1.7rem + .9vw,2.8rem)}.hbc-cat__heading--md{font-size:clamp(2.6rem,2rem + 1.8vw,4rem)}.hbc-cat__heading--lg{font-size:clamp(3.2rem,2.2rem + 2.8vw,5.6rem)}.hbc-cat__intro{margin:.8rem 0 0;font-size:1.6rem;line-height:1.5;max-width:52ch;opacity:.78}.hbc-cat__viewall{display:inline-flex;align-items:center;gap:.7rem;min-height:4.4rem;font-family:var(--font-heading-family);font-size:1.4rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;color:currentColor;border-bottom:2px solid var(--hbc-cat-accent);transition:color var(--hbc-cat-dur) var(--hbc-cat-ease)}.hbc-cat__arrow{width:1.4rem;height:1rem;flex:none;transition:transform var(--hbc-cat-dur) var(--hbc-cat-ease)}.hbc-cat__viewall:hover .hbc-cat__arrow,.hbc-cat__viewall:focus-visible .hbc-cat__arrow{transform:translate(4px)}.hbc-cat__viewall:focus-visible{outline:2px solid var(--hbc-cat-accent);outline-offset:4px}.hbc-cat__grid{display:grid;grid-template-columns:repeat(var(--hbc-cat-cols-sm),minmax(0,1fr));gap:var(--hbc-cat-gap);margin:0;padding:0;list-style:none}@media screen and (min-width:750px){.hbc-cat__grid{grid-template-columns:repeat(var(--hbc-cat-cols-md),minmax(0,1fr));gap:2rem}}@media screen and (min-width:990px){.hbc-cat__grid{grid-template-columns:repeat(var(--hbc-cat-cols),minmax(0,1fr));gap:2.4rem}}.hbc-cat__item{display:block;min-width:0}.hbc-cat__card{display:block;position:relative;text-decoration:none;color:inherit;background-color:var(--hbc-cat-panel);overflow:hidden;isolation:isolate;transition:transform .18s var(--hbc-cat-ease),box-shadow .18s var(--hbc-cat-ease)}.hbc-cat__card--dead{cursor:default}.hbc-cat__frame{display:block;position:relative;width:100%;aspect-ratio:var(--hbc-cat-ratio);overflow:hidden}.hbc-cat__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;transition:transform var(--hbc-cat-dur-img) var(--hbc-cat-ease)}.hbc-cat__img--cover{object-fit:cover;object-position:50% 42%}.hbc-cat__frame--contain{background-color:var(--hbc-cat-panel-fit);box-shadow:inset 0 0 0 1px #1212121a}.hbc-cat__img--contain{object-fit:contain;padding:9% 9% 26%}.hbc-cat__scrim{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:linear-gradient(to top,#080808e0,#080808b8 18%,#08080857 42%,#08080800 68%)}.hbc-cat__text{position:absolute;z-index:2;left:0;right:0;bottom:0;display:block;padding:1.6rem;transition:transform .18s var(--hbc-cat-ease)}.hbc-cat__label{display:block;font-family:var(--font-heading-family);font-size:clamp(1.5rem,1.2rem + .7vw,1.9rem);font-weight:700;letter-spacing:.04em;line-height:1.15;text-transform:uppercase;color:var(--hbc-cat-ink);text-shadow:0 1px 10px rgba(0,0,0,.45)}.hbc-cat__meta{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 .6rem;margin-top:.3rem}.hbc-cat__count,.hbc-cat__price{font-family:var(--font-body-family);font-size:1.3rem;font-weight:500;letter-spacing:.02em;color:var(--hbc-cat-ink-dim);font-variant-numeric:tabular-nums;text-shadow:0 1px 8px rgba(0,0,0,.5)}.hbc-cat__price:before{content:"\b7";margin-inline-end:.6rem;color:var(--hbc-cat-ink-dim);opacity:.65}.hbc-cat__price:first-child:before{content:none}@media screen and (max-width:749px){.hbc-cat__meta{display:block}.hbc-cat__price:before{content:none}}.hbc-cat__rule{display:block;width:3.2rem;height:2px;margin-top:1rem;background-color:var(--hbc-cat-accent);transform:scaleX(0);transform-origin:left center;transition:transform var(--hbc-cat-dur) var(--hbc-cat-ease)}.hbc-cat__frame--type{background-color:var(--hbc-cat-panel)}.hbc-cat__frame--type .hbc-cat__scrim{display:none}.hbc-cat__mark{position:absolute;top:12%;left:1.6rem;width:4.4rem;height:4.4rem;color:var(--hbc-cat-accent);opacity:.32;transition:opacity var(--hbc-cat-dur) var(--hbc-cat-ease),transform .6s var(--hbc-cat-ease)}@media(hover:hover){.hbc-cat__card:hover{transform:translateY(-3px);box-shadow:0 14px 30px -16px #080808a6}.hbc-cat__card--dead:hover{transform:none;box-shadow:none}.hbc-cat__card:hover .hbc-cat__img{transform:scale(1.04)}.hbc-cat__card:hover .hbc-cat__text{transform:translateY(-2px)}.hbc-cat__card:hover .hbc-cat__rule{transform:scaleX(1)}.hbc-cat__card:hover .hbc-cat__mark{opacity:.5;transform:rotate(30deg)}}.hbc-cat__card:focus-visible{outline:3px solid var(--hbc-cat-accent);outline-offset:3px}.hbc-cat__card:focus-visible .hbc-cat__img{transform:scale(1.04)}.hbc-cat__card:focus-visible .hbc-cat__text{transform:translateY(-2px)}.hbc-cat__card:focus-visible .hbc-cat__rule{transform:scaleX(1)}@supports (animation-timeline: view()){@media(prefers-reduced-motion:no-preference){.hbc-cat__head,.hbc-cat__item{animation:hbc-cat-rise linear both;animation-timeline:view();animation-range:entry 0% entry 55%}.hbc-cat__item{animation-delay:calc(var(--hbc-cat-order, 1) * 45ms)}}}@keyframes hbc-cat-rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.hbc-cat *,.hbc-cat *:after{animation:none!important;transition:none!important}.hbc-cat__card:hover,.hbc-cat__card:focus-visible{transform:none}.hbc-cat__card:hover .hbc-cat__img,.hbc-cat__card:focus-visible .hbc-cat__img,.hbc-cat__card:hover .hbc-cat__text,.hbc-cat__card:focus-visible .hbc-cat__text{transform:none}.hbc-cat__card:hover .hbc-cat__rule,.hbc-cat__card:focus-visible .hbc-cat__rule{transform:scaleX(1)}.hbc-cat__card:hover .hbc-cat__mark{transform:none}}@media screen and (max-width:749px){.hbc-cat__head{margin-bottom:2.4rem}.hbc-cat__text{padding:1.2rem}.hbc-cat__rule{margin-top:.7rem;width:2.4rem}.hbc-cat__mark{width:3.2rem;height:3.2rem;left:1.2rem}.hbc-cat__label{letter-spacing:.02em}}@media(forced-colors:active){.hbc-cat__card{border:1px solid CanvasText}.hbc-cat__text{background-color:Canvas}.hbc-cat__label,.hbc-cat__count{color:CanvasText;text-shadow:none}.hbc-cat__rule{background-color:Highlight}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/hbc-categories.css.map */