.hcp{--hcp-accent: #A3FF00;--hcp-bg: #0A0A0A;--hcp-card: #121212;--hcp-bone: #F5F5F5;--hcp-gap: 18px;--hcp-accent-15: color-mix(in srgb, var(--hcp-accent) 15%, transparent);--hcp-accent-25: color-mix(in srgb, var(--hcp-accent) 25%, transparent);--hcp-accent-50: color-mix(in srgb, var(--hcp-accent) 50%, transparent);--hcp-accent-70: color-mix(in srgb, var(--hcp-accent) 70%, transparent);--hcp-ease: cubic-bezier(.25, .1, .25, 1);background:var(--hcp-bg);color:var(--hcp-bone);padding:56px 0}@media(min-width:1000px){.hcp{padding:88px 0}}.hcp__container{width:100%;max-width:1400px;margin:0 auto;padding:0 20px;box-sizing:border-box}@media(min-width:1000px){.hcp__container{padding:0 40px}}.hcp__header{margin-bottom:28px;text-align:left}.hcp__header--center{text-align:center}.hcp__eyebrow{display:inline-block;margin:0 0 12px;font-size:.78rem;font-weight:700;letter-spacing:.28em;text-transform:uppercase;color:var(--hcp-accent)}.hcp__title{margin:0;font-family:var(--kong-font-heading, "Anton", Impact, sans-serif);font-weight:400;text-transform:uppercase;line-height:.98;letter-spacing:.005em;color:var(--hcp-bone);font-size:clamp(1.8rem,8vw,2.8rem)}@media(min-width:1000px){.hcp__title{font-size:clamp(2.5rem,5.5vw,5rem)}}.hcp__subtitle{margin:14px 0 0;max-width:60ch;font-size:clamp(.95rem,2.4vw,1.05rem);line-height:1.55;color:#f5f5f5bf}.hcp__header--center .hcp__subtitle{margin-left:auto;margin-right:auto}.hcp--js.hcp--entrance .hcp__eyebrow,.hcp--js.hcp--entrance .hcp__title,.hcp--js.hcp--entrance .hcp__subtitle{opacity:0;transform:translateY(20px);transition:opacity .6s var(--hcp-ease),transform .6s var(--hcp-ease)}.hcp--js.hcp--entrance .hcp__header.is-in .hcp__eyebrow{transition-delay:0ms}.hcp--js.hcp--entrance .hcp__header.is-in .hcp__title{transition-delay:90ms}.hcp--js.hcp--entrance .hcp__header.is-in .hcp__subtitle{transition-delay:.18s}.hcp--js.hcp--entrance .hcp__header.is-in .hcp__eyebrow,.hcp--js.hcp--entrance .hcp__header.is-in .hcp__title,.hcp--js.hcp--entrance .hcp__header.is-in .hcp__subtitle{opacity:1;transform:none}.hcp__tabs{display:flex;gap:10px;margin-bottom:26px;padding-bottom:4px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch}.hcp__tabs::-webkit-scrollbar{display:none}.hcp__header--center+.hcp__tabs{justify-content:flex-start}@media(min-width:750px){.hcp__tabs{flex-wrap:wrap;overflow:visible}}.hcp__tab{flex:0 0 auto;padding:8px 16px;border:1px solid var(--hcp-accent-25);border-radius:999px;background:transparent;color:#f5f5f5b3;font-size:.75rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;white-space:nowrap;cursor:pointer;transition:color .25s var(--hcp-ease),border-color .25s var(--hcp-ease),background .25s var(--hcp-ease),box-shadow .25s var(--hcp-ease)}@media(min-width:1000px){.hcp__tab{font-size:.85rem;padding:9px 18px}}.hcp__tab:hover{border-color:var(--hcp-accent-70);color:var(--hcp-bone)}.hcp__tab.is-active{background:var(--hcp-accent);border-color:var(--hcp-accent);color:#0a0a0a;font-weight:700;box-shadow:0 0 18px var(--hcp-accent-50)}.hcp__tab:focus-visible{outline:2px solid var(--hcp-accent);outline-offset:2px}.hcp__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--hcp-gap);grid-auto-flow:row dense;align-items:start}@media(min-width:750px)and (max-width:999px){.hcp__grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1000px){.hcp__grid{grid-template-columns:repeat(4,1fr)}}.hcp__card{grid-column:span 1;height:280px}.hcp__card--hero{grid-column:span 2;height:380px}.hcp__card--medium{grid-column:span 1;height:280px}.hcp__card--compact{grid-column:span 1;height:200px}@media(max-width:399px){.hcp__card--medium{grid-column:span 2;height:240px}}@media(min-width:750px)and (max-width:999px){.hcp__card--hero{grid-column:span 2;height:420px}.hcp__card--medium{grid-column:span 1;height:340px}.hcp__card--compact{grid-column:span 1;height:260px}}@media(min-width:1000px){.hcp__card--hero{grid-column:span 2;height:480px}.hcp__card--medium{grid-column:span 1;height:380px}.hcp__card--compact{grid-column:span 1;height:280px}}.hcp__card{position:relative;display:block;overflow:hidden;border-radius:12px;border:1px solid var(--hcp-accent-15);background:var(--hcp-card);text-decoration:none;color:inherit;isolation:isolate;transition:border-color .4s var(--hcp-ease),box-shadow .4s var(--hcp-ease),transform .4s var(--hcp-ease)}@media(min-width:1000px){.hcp__card{border-radius:16px}}.hcp__card:focus-visible{outline:2px solid var(--hcp-accent);outline-offset:3px}.hcp__bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:radial-gradient(120% 120% at 50% 30%,#1a1a1a 0%,var(--hcp-card) 45%,var(--hcp-bg) 100%);transition:filter .4s var(--hcp-ease)}.hcp__bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:.04;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");mix-blend-mode:overlay;pointer-events:none}.hcp__glow{position:absolute;z-index:1;left:50%;top:42%;width:75%;height:60%;transform:translate(-50%,-50%);background:radial-gradient(circle,var(--hcp-accent-25) 0%,transparent 65%);filter:blur(60px);pointer-events:none;animation:hcpGlowPulse 3s ease-in-out infinite}@keyframes hcpGlowPulse{0%,to{opacity:.7;transform:translate(-50%,-50%) scale(.96)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.06)}}.hcp__stack{position:absolute;z-index:2;left:0;right:0;top:6%;bottom:32%;display:flex;align-items:center;justify-content:center;pointer-events:none}.hcp__prod{position:absolute;max-width:62%;max-height:100%;width:auto;height:auto;object-fit:contain;filter:drop-shadow(0 12px 24px rgba(0,0,0,.5));transition:transform .4s var(--hcp-ease),opacity .4s var(--hcp-ease)}.hcp__prod--1{z-index:3;transform:translate(0) scale(1)}.hcp__prod--2{z-index:2;transform:translate(-26%,6%) scale(.85);opacity:.6}.hcp__prod--3{z-index:2;transform:translate(26%,6%) scale(.85);opacity:.6}.hcp__stack--single .hcp__prod--1{max-width:70%}.hcp__placeholder{position:absolute;top:18%;right:18%;bottom:34%;left:18%;z-index:2;border:1px dashed var(--hcp-accent-25);border-radius:12px;background:radial-gradient(circle at 50% 40%,var(--hcp-accent-15),transparent 70%)}.hcp__badge{position:absolute;z-index:5;top:14px;left:14px;padding:5px 11px;border:1px solid var(--hcp-accent-50);border-radius:999px;background:#0a0a0a99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:var(--hcp-accent);font-size:.66rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;line-height:1}.hcp__pill{position:absolute;z-index:5;top:14px;right:14px;padding:5px 11px;border-radius:999px;background:var(--hcp-accent-70);color:#0a0a0a;font-size:.66rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;line-height:1;box-shadow:0 0 14px var(--hcp-accent-50)}.hcp__content{position:absolute;z-index:4;left:0;right:0;bottom:0;padding:18px;background:linear-gradient(0deg,rgba(10,10,10,.92) 0%,rgba(10,10,10,.55) 55%,transparent 100%);transition:transform .4s var(--hcp-ease)}@media(min-width:1000px){.hcp__content{padding:24px}}.hcp__cardtitle{margin:0;font-family:var(--kong-font-heading, "Anton", Impact, sans-serif);font-weight:400;text-transform:uppercase;letter-spacing:-.01em;line-height:1.02;color:var(--hcp-bone);text-shadow:0 2px 14px rgba(0,0,0,.6),0 0 22px var(--hcp-accent-15);transition:transform .4s var(--hcp-ease)}.hcp__card--hero .hcp__cardtitle{font-size:clamp(2rem,3.5vw,3rem)}.hcp__card--medium .hcp__cardtitle{font-size:clamp(1.5rem,2.5vw,2rem)}.hcp__card--compact .hcp__cardtitle{font-size:clamp(1.2rem,2vw,1.5rem)}.hcp__cta{display:inline-flex;align-items:center;gap:8px;margin-top:12px;padding:8px 16px;border:1px solid var(--hcp-accent);border-radius:999px;background:transparent;color:var(--hcp-bone);font-size:.74rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;transition:background .3s var(--hcp-ease),color .3s var(--hcp-ease),transform .3s var(--hcp-ease),opacity .3s var(--hcp-ease)}.hcp__cta svg{width:14px;height:14px;transition:transform .3s var(--hcp-ease)}@media(hover:hover)and (min-width:1000px){.hcp__cta{opacity:0;transform:translateY(8px)}.hcp__card:hover .hcp__cta,.hcp__card:focus-visible .hcp__cta{opacity:1;transform:translateY(0)}}.hcp__ripple{position:absolute;z-index:6;border-radius:50%;background:var(--hcp-accent-50);transform:scale(0);opacity:.6;pointer-events:none;animation:hcpRipple .6s ease-out forwards}@keyframes hcpRipple{to{transform:scale(2.4);opacity:0}}.hcp--hover .hcp__card:hover{border-color:var(--hcp-accent-50);box-shadow:0 18px 50px #00000080,0 0 40px var(--hcp-accent-25)}.hcp--hover .hcp__card:hover .hcp__bg{filter:brightness(1.12)}.hcp--hover .hcp__card:hover .hcp__glow{background:radial-gradient(circle,var(--hcp-accent-50) 0%,transparent 65%)}.hcp--hover .hcp__card:hover .hcp__prod--1{transform:translateY(-8px) scale(1.05)}.hcp--hover .hcp__card:hover .hcp__prod--2{transform:translate(-32%,6%) scale(.85)}.hcp--hover .hcp__card:hover .hcp__prod--3{transform:translate(32%,6%) scale(.85)}.hcp--hover .hcp__card:hover .hcp__cardtitle{transform:translateY(-4px) scale(1.02)}.hcp__cta:hover,.hcp__card:hover .hcp__cta:hover{background:var(--hcp-accent);color:#0a0a0a}.hcp__cta:hover svg{transform:translate(4px)}.hcp--js.hcp--entrance .hcp__card{opacity:0;transform:translateY(30px);transition:opacity .6s var(--hcp-ease),transform .6s var(--hcp-ease),border-color .4s var(--hcp-ease),box-shadow .4s var(--hcp-ease)}.hcp--js.hcp--entrance .hcp__card.is-in{opacity:1;transform:translateY(0)}.hcp__card.is-out{opacity:0;transform:scale(.95);pointer-events:none}.hcp__card[hidden]{display:none}.hcp__empty{display:none;grid-column:1 / -1;padding:40px 0;text-align:center;color:#f5f5f58c;font-size:.95rem;letter-spacing:.04em}.hcp__empty.is-visible{display:block}.hcp__card.is-editor-active{outline:2px solid var(--hcp-accent);outline-offset:3px;box-shadow:0 0 40px var(--hcp-accent-50)}.hcp__footer{margin-top:36px;text-align:center}.hcp__footer-btn{display:inline-flex;align-items:center;gap:10px;padding:15px 34px;border:1px solid var(--hcp-accent);border-radius:999px;background:transparent;color:var(--hcp-bone);font-size:.85rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;text-decoration:none;transition:background .3s var(--hcp-ease),color .3s var(--hcp-ease),box-shadow .3s var(--hcp-ease),transform .3s var(--hcp-ease)}.hcp__footer-btn svg{width:15px;height:15px;transition:transform .3s var(--hcp-ease)}.hcp__footer-btn:hover{background:var(--hcp-accent);color:#0a0a0a;box-shadow:0 0 32px var(--hcp-accent-50)}.hcp__footer-btn:hover svg{transform:translate(4px)}.hcp__footer-btn:focus-visible{outline:2px solid var(--hcp-accent);outline-offset:3px}@media(max-width:749px){.hcp__footer-btn{display:flex;width:100%;justify-content:center}}@media(prefers-reduced-motion:reduce){.hcp__glow{animation:none}.hcp__ripple{display:none}.hcp--js.hcp--entrance .hcp__card,.hcp--js.hcp--entrance .hcp__eyebrow,.hcp--js.hcp--entrance .hcp__title,.hcp--js.hcp--entrance .hcp__subtitle{opacity:1!important;transform:none!important;transition:none!important}.hcp__card,.hcp__prod,.hcp__cardtitle,.hcp__content,.hcp__cta,.hcp__tab,.hcp__footer-btn,.hcp__bg{transition:none!important}.hcp--hover .hcp__card:hover .hcp__prod--1,.hcp--hover .hcp__card:hover .hcp__cardtitle{transform:none!important}}.hcp--no-motion .hcp__glow{animation:none}.hcp--no-motion .hcp__ripple{display:none}
/*# sourceMappingURL=/cdn/shop/t/35/assets/home-category-portals.css.map */