.hf-cats{scroll-margin-top:12rem}.hf-cats__header{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:2rem 4rem;margin-bottom:4rem}.hf-cats__intro{max-width:64rem}.hf-cats__eyebrow{margin:0 0 1.2rem;font-size:1.3rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--hf-blue, #1a73d9)}.hf-cats__heading{margin:0;font-size:clamp(2.8rem,2rem + 1.8vw,4.2rem);line-height:1.12;letter-spacing:-.03em;color:var(--hf-navy, #0f2233)}.hf-cats__text{margin:1.4rem 0 0;font-size:1.7rem;line-height:1.6;color:var(--hf-muted, #5b6b7b)}.hf-cats__all{display:inline-flex;align-items:center;gap:.8rem;padding:1.2rem 2rem;border:1px solid var(--hf-border, #e3e9f0);border-radius:999px;font-size:1.5rem;font-weight:600;color:var(--hf-navy, #0f2233);text-decoration:none;transition:border-color .25s ease,color .25s ease,transform .25s ease}.hf-cats__all svg{width:1.8rem;height:1.8rem;transition:transform .3s var(--hf-ease, ease)}.hf-cats__all:hover{border-color:var(--hf-blue, #1a73d9);color:var(--hf-blue, #1a73d9)}.hf-cats__all:hover svg{transform:translate(3px)}.hf-cats__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:2rem;margin:0;padding:0;list-style:none}@media screen and (max-width:989px){.hf-cats__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media screen and (max-width:749px){.hf-cats__header{margin-bottom:2.8rem}.hf-cats__grid{display:flex;gap:1.2rem;margin:0 -1.5rem;padding:.4rem 1.5rem 1.6rem;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding:0 1.5rem;scrollbar-width:none}.hf-cats__grid::-webkit-scrollbar{display:none}.hf-cats__item{flex:0 0 76%;scroll-snap-align:start}}.hf-cat{position:relative;display:flex;flex-direction:column;height:100%;overflow:hidden;border:1px solid color-mix(in srgb,var(--hf-cat-color) 14%,#e3e9f0);border-radius:20px;background:linear-gradient(180deg,color-mix(in srgb,var(--hf-cat-color) 9%,#ffffff),#fff 62%);color:var(--hf-navy, #0f2233);text-decoration:none;transition:transform .4s var(--hf-ease, ease),box-shadow .4s var(--hf-ease, ease),border-color .4s ease}.hf-cat:hover{transform:translateY(-6px);border-color:color-mix(in srgb,var(--hf-cat-color) 40%,transparent);box-shadow:0 24px 50px -24px color-mix(in srgb,var(--hf-cat-color) 55%,rgba(15,34,51,.5))}.hf-cat:focus-visible{outline:2px solid var(--hf-blue, #1a73d9);outline-offset:3px}.hf-cat__media{position:relative;display:flex;align-items:center;justify-content:center;aspect-ratio:1 / .8;min-height:0;padding:2.8rem 2.8rem 1.2rem;overflow:hidden}.hf-cat__media:before{content:"";position:absolute;top:50%;left:50%;width:70%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--hf-cat-color) 20%,transparent) 0%,transparent 70%);transform:translate(-50%,-50%);transition:transform .5s var(--hf-ease, ease)}.hf-cat__image{position:relative;display:block;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;filter:drop-shadow(0 12px 16px rgba(15,34,51,.14));transition:transform .5s var(--hf-ease, ease)}.hf-cat:hover .hf-cat__image{transform:scale(1.06) translateY(-4px)}.hf-cat:hover .hf-cat__media:before{transform:translate(-50%,-50%) scale(1.15)}.hf-cat__body{display:flex;flex:1;flex-direction:column;gap:.6rem;padding:.8rem 2.2rem 2.2rem}.hf-cat__tag{display:inline-flex;align-items:center;gap:.7rem;font-size:1.15rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--hf-muted, #5b6b7b)}.hf-cat__dot{width:.8rem;height:.8rem;border-radius:50%;background:var(--hf-cat-color);box-shadow:0 0 0 3px color-mix(in srgb,var(--hf-cat-color) 20%,transparent)}.hf-cat__title{font-family:var(--font-heading-family);font-size:2rem;font-weight:700;line-height:1.25;letter-spacing:-.01em}.hf-cat__text{font-size:1.45rem;line-height:1.5;color:var(--hf-muted, #5b6b7b)}.hf-cat__footer{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:1.6rem}.hf-cat__count{font-size:1.35rem;font-weight:600;color:var(--hf-navy, #0f2233)}.hf-cat__arrow{display:grid;place-items:center;width:4rem;height:4rem;border:1px solid color-mix(in srgb,var(--hf-cat-color) 30%,#e3e9f0);border-radius:50%;color:var(--hf-cat-color);background:#fff;transition:background-color .3s ease,color .3s ease,border-color .3s ease,transform .3s var(--hf-ease, ease)}.hf-cat__arrow svg{width:1.8rem;height:1.8rem}.hf-cat:hover .hf-cat__arrow{background:var(--hf-cat-color);border-color:var(--hf-cat-color);color:#fff;transform:translate(2px)}@media(prefers-reduced-motion:reduce){.hf-cat,.hf-cat__image,.hf-cat__arrow{transition:none}.hf-cat:hover,.hf-cat:hover .hf-cat__image{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/section-hf-category-tiles.css.map */