.herfur-cats__header{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:2.4rem;margin-bottom:clamp(3.2rem,4vw,5.6rem)}.herfur-cats__intro{max-width:62rem}.herfur-cats__subheading{margin-top:1.6rem}.herfur-cats__viewall{flex:0 0 auto}.herfur-cats__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(1.6rem,2.4vw,3.2rem);margin:0;padding:0;list-style:none}@media screen and (min-width:750px){.herfur-cats__grid--3-col{grid-template-columns:repeat(3,minmax(0,1fr))}.herfur-cats__grid--4-col{grid-template-columns:repeat(4,minmax(0,1fr))}}.herfur-cats__tile{display:block;text-decoration:none;color:inherit}.herfur-cats__frame{border:1px solid var(--herfur-rule);background-color:rgba(var(--color-foreground),.025);transition:transform .3s ease,border-color .3s ease}.herfur-cats__frame>img{transition:transform .5s ease}@media(prefers-reduced-motion:no-preference){.herfur-cats__tile:hover .herfur-cats__frame{transform:translateY(-.4rem)}.herfur-cats__tile:hover .herfur-cats__frame>img{transform:scale(1.03)}}.herfur-cats__tile:hover .herfur-cats__frame{border-color:var(--herfur-rule-strong)}.herfur-cats__placeholder{width:100%;height:100%;fill:rgba(var(--color-foreground),.12);background-color:rgba(var(--color-foreground),.04)}.herfur-cats__meta{display:flex;flex-direction:column;gap:.4rem;margin-top:1.6rem}.herfur-cats__label{margin:0;font-family:var(--font-heading-family);font-weight:var(--font-heading-weight);font-size:clamp(1.8rem,2vw,2.2rem);line-height:1.2;letter-spacing:-.01em;color:var(--herfur-ink);display:flex;align-items:baseline;gap:.8rem}.herfur-cats__label:after{content:"\2192";font-family:var(--font-body-family);font-size:1.4rem;color:var(--herfur-accent-text);opacity:0;transform:translate(-.4rem);transition:opacity .25s ease,transform .25s ease}.herfur-cats__tile:hover .herfur-cats__label:after,.herfur-cats__tile:focus-visible .herfur-cats__label:after{opacity:1;transform:none}@media(hover:none){.herfur-cats__label:after{opacity:1;transform:none}}.herfur-cats__tile:focus-visible{outline:2px solid var(--herfur-ink);outline-offset:.6rem;border-radius:var(--herfur-radius-md)}
/*# sourceMappingURL=/cdn/shop/t/5/assets/component-herfur-category-grid.css.map */