.hf-cats{padding:60px 40px;background:#fff;color:var(--hf-ink)}@media(max-width:767px){.hf-cats{padding:40px 16px}}.hf-cats__heading{max-width:var(--hf-max);margin:0 auto 40px;text-align:center;font-size:clamp(1.6rem,3vw,2.6rem);font-weight:400;letter-spacing:-.02em}.hf-cats__tabs{display:flex;justify-content:center;flex-wrap:wrap;gap:4px;margin:0 auto 60px;width:fit-content;max-width:100%;padding:4px;background:#f5f5f7;border-radius:999px}.hf-cats__tab{border:none;border-radius:999px;padding:13px 34px;font-family:inherit;font-size:16px;font-weight:300;letter-spacing:.05em;background:transparent;color:#666;cursor:pointer;transition:background .25s ease,color .25s ease}.hf-cats__tab:hover{background:#0000000a;color:#333}.hf-cats__tab.is-active{background:#000;color:#fff}.hf-cats__panel[hidden]{display:none}.hf-cats__grid{display:grid;grid-template-columns:var(--hf-grid-1-1);gap:20px;width:100%;max-width:none;margin:0}.hf-cats__card{position:relative;display:flex;flex-direction:column;min-height:clamp(520px,65vh,740px);padding:48px 40px 40px;border-radius:0;background:var(--hf-fog2);overflow:hidden}.hf-cats__card-head{position:relative;z-index:2;text-align:center}.hf-cats__eyebrow{display:block;font-size:14px;font-weight:300;letter-spacing:.1em;text-transform:uppercase;color:#888;margin-bottom:12px}.hf-cats__eyebrow-img{height:38px;width:auto;margin:0 auto 8px;display:block;object-fit:contain}.hf-cats__name{font-size:clamp(24px,5vw,48px);font-weight:500;margin:0 0 12px;letter-spacing:-.02em;color:#000}.hf-cats__desc{margin:0 0 24px;font-size:16px;letter-spacing:.05em;text-transform:uppercase;color:#333;font-weight:300}.hf-cats__desc--soon{color:var(--hf-red)}.hf-cats__media{position:absolute;bottom:0;left:50%;transform:translate(-50%);width:calc(80% + 50px);height:calc(60% + 50px);display:flex;align-items:flex-end;justify-content:center;z-index:1;pointer-events:none}.hf-cats__media picture{display:block;width:100%;height:100%}.hf-cats__img{display:block;width:100%;height:100%;object-fit:contain;object-position:center bottom}.hf-cats__links{display:flex;justify-content:center;align-items:center;gap:32px;font-size:15px;font-weight:300;letter-spacing:.05em;text-transform:uppercase}.hf-cats__link{position:relative;z-index:2;display:inline-flex;align-items:center;gap:4px;color:#000;text-decoration:none;transition:opacity .25s ease}.hf-cats__link:hover{opacity:.6}.hf-cats__card.is-soon .hf-cats__link{color:#fff}@property --hf-trace-angle{syntax: "<angle>"; initial-value: 0deg; inherits: false;}.hf-cats__card.is-soon{background:#111;color:#fff}.hf-cats__card.is-soon .hf-cats__name,.hf-cats__card.is-soon .hf-cats__eyebrow{color:#fff}.hf-cats__media--trace{bottom:10px;width:calc(80% + 40px)}.hf-cats__trace-base,.hf-cats__trace-sweep{display:flex;align-items:flex-end;justify-content:center;width:100%;height:100%}.hf-cats__trace-base{filter:brightness(0) invert(1) drop-shadow(0 0 1px rgba(200,200,200,.6));opacity:.12}.hf-cats__trace-sweep{position:absolute;top:0;right:0;bottom:0;left:0;mask-image:conic-gradient(from var(--hf-trace-angle),white 0deg,white 30deg,transparent 50deg,transparent 310deg,white 330deg,white 360deg);-webkit-mask-image:conic-gradient(from var(--hf-trace-angle),white 0deg,white 30deg,transparent 50deg,transparent 310deg,white 330deg,white 360deg);animation:hf-trace 3s linear infinite}.hf-cats__trace-sweep .hf-cats__img{filter:brightness(0) invert(1) drop-shadow(0 0 2px rgba(255,255,255,.9)) drop-shadow(0 0 4px rgba(200,200,200,.4));opacity:.7}@keyframes hf-trace{to{--hf-trace-angle: 360deg}}.hf-cats__card--carousel{position:relative}.hf-cats__card--carousel .hf-cats__media{bottom:12px;width:calc(80% + 50px);height:calc(60% + 50px)}.hf-cats__slide{display:none;position:absolute;top:0;right:0;bottom:0;left:0;flex-direction:column;padding:48px 40px 40px}.hf-cats__slide.is-active{display:flex}.hf-cats__carousel-dots{position:absolute;bottom:12px;left:50%;transform:translate(-50%);display:flex;gap:6px;z-index:3}.hf-cats__carousel-dot{width:6px;height:6px;padding:0;border:0;border-radius:50%;background:#0003;cursor:pointer;transition:background .25s ease,width .25s ease}.hf-cats__carousel-dot.is-active{width:18px;border-radius:3px;background:#0009}.hf-cats__card--full{grid-column:span 1;padding:0;min-height:auto;aspect-ratio:1958 / 1439;color:#000;background:#f5f5f7}@media(max-width:767px){.hf-cats__card--full{grid-column:span 1;min-height:auto;aspect-ratio:1958 / 1439}.hf-cats__card{min-height:clamp(420px,55vh,560px);padding:32px 24px 28px}}.hf-cats__full-media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.hf-cats__full-media picture,.hf-cats__full-img{width:100%;height:100%;object-fit:cover;display:block}.hf-cats__popup-trigger{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;width:100%;height:100%;background:none;border:0;cursor:pointer}.hf-cats__full-body{position:absolute;z-index:2;left:0;right:0;display:flex;flex-direction:column;align-items:center;gap:4px;padding:20px 24px;background:none;pointer-events:none}.hf-cats__full-body--bottom{bottom:18px}.hf-cats__full-body--top{top:20px}.hf-cats__full-logo{height:80px;width:auto;object-fit:contain}.hf-cats__full-name{font-size:clamp(1.25rem,2.4vw,2rem);font-weight:500;margin:-24px 0 12px;letter-spacing:-.02em;color:#000}.hf-cats__full-cta{display:inline-flex;align-items:center;gap:4px;margin:0;padding:0;border:0;background:none;font:inherit;font-size:.8125rem;letter-spacing:.05em;text-transform:uppercase;color:#000;cursor:pointer;pointer-events:auto;transition:opacity .25s ease}.hf-cats__full-cta:hover{opacity:.6}.hf-cats__btn{display:none}.hf-cats__modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:flex;align-items:center;justify-content:center;padding:20px;background:#00000080}.hf-cats__modal[hidden]{display:none}.hf-cats__modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;border:0;background:transparent;cursor:pointer}.hf-cats__modal-panel{position:relative;width:min(1400px,100%);max-height:90vh;overflow:hidden;background:#fff;color:#111;border-radius:24px;padding:60px 20px 20px;display:flex;flex-direction:column;box-shadow:0 20px 40px #0003;animation:hf-modal-in .3s var(--hf-ease)}@keyframes hf-modal-in{0%{opacity:0;transform:scale(.98)}}.hf-cats__modal-close{position:absolute;top:20px;right:20px;z-index:10;background:none;border:0;cursor:pointer;color:#666;padding:4px;transition:color .2s ease}.hf-cats__modal-close:hover{color:#000}.hf-cats__modal-scroll{display:flex;gap:20px;overflow-x:auto;overflow-y:hidden;padding:0 20px 20px;margin:0 auto;width:100%;scrollbar-width:thin;scrollbar-color:#ccc #f1f1f1}.hf-cats__modal-scroll::-webkit-scrollbar{height:8px}.hf-cats__modal-scroll::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.hf-cats__modal-scroll::-webkit-scrollbar-thumb{background:#ccc;border-radius:4px}.hf-cats__modal-scroll::-webkit-scrollbar-thumb:hover{background:#999}.hf-cats__sub{flex:0 0 280px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:0;min-height:400px;padding:40px 24px;border-radius:16px;background:#f5f5f7;color:#111}.hf-cats__sub-eyebrow{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:#888;margin-bottom:12px}.hf-cats__sub-name{margin:0 0 24px;min-height:80px;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:500;color:#000}.hf-cats__sub-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin-bottom:40px}.hf-cats__sub-pill{display:inline-block;padding:10px 28px;border:1px solid #000;border-radius:20px;font-size:12px;letter-spacing:.05em;text-transform:uppercase;text-decoration:none;color:#000;background:transparent;transition:background .3s ease,color .3s ease}.hf-cats__sub-pill:hover,.hf-cats__sub-pill--solid{background:#000;color:#fff}.hf-cats__sub-pill--solid:hover{opacity:.8}.hf-cats__sub-media{flex:1 1 auto;display:flex;align-items:center;justify-content:center;width:100%}.hf-cats__sub-media img{max-width:100%;max-height:200px;width:auto;height:auto;object-fit:contain}.hf-cats__sub-price{margin-top:8px;font-size:.78rem;color:#6e6e73}@media(prefers-reduced-motion:reduce){.hf-cats__trace-sweep{animation:none;opacity:.3}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/homa-categories.css.map */