.vh{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.hero{margin:24px 0 12px}.banner{border-radius:30px;transition:transform .3s cubic-bezier(.34,1.4,.64,1),box-shadow .3s;display:block;position:relative;overflow:hidden;box-shadow:0 24px 54px #1a1c3638,0 8px 18px #e30b5d26,inset 0 2px 1px #ffffffe6,inset 0 0 0 1.5px #ffffff8c}.banner img{width:100%;height:auto;transition:transform .45s cubic-bezier(.22,1,.36,1);display:block}.banner:after{content:"";pointer-events:none;border-radius:inherit;z-index:1;background:linear-gradient(135deg,#ffffff5c 0%,#ffffff12 30%,#fff0 52%);position:absolute;inset:0}.banner:hover{transform:translateY(-5px);box-shadow:0 36px 74px #1a1c364d,0 12px 26px #e30b5d38,inset 0 2px 1px #fffffff7,inset 0 0 0 1.5px #ffffffb8}.banner:hover img{transform:scale(1.035)}.cat-section{margin:44px 0 12px}.cat-title{text-align:center;letter-spacing:-.5px;margin:0 0 8px;font-size:28px;font-weight:800}.circles{flex-wrap:wrap;justify-content:center;gap:30px;margin:0 0 26px;padding-top:92px;display:flex}.cat{flex-direction:column;align-items:center;gap:16px;width:178px;text-decoration:none;display:flex}.cat-pod{width:178px;height:156px;position:relative}.cat-pill{z-index:1;-webkit-backdrop-filter:blur(20px)saturate(160%);background:#ffffff73;border-radius:50px;transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s;position:absolute;inset:0;overflow:hidden;box-shadow:0 18px 34px #1a1c3624,inset 0 2px 1px #fffffff2,inset 0 0 0 1.5px #fff9,inset -12px -16px 28px #00000014}.cat-pill:before{content:"";border-radius:inherit;pointer-events:none;background:radial-gradient(115% 75% at 50% 118%, color-mix(in srgb, var(--c) 70%, transparent), transparent 70%);opacity:.5;position:absolute;inset:0}.cat-pill:after{content:"";border-radius:inherit;pointer-events:none;background:radial-gradient(120% 55% at 28% 6%,#ffffffbf,#fff0 55%);position:absolute;inset:0}.cat-mascot{z-index:2;pointer-events:none;filter:drop-shadow(0 16px 13px #1a1c364d);width:auto;height:238px;transition:transform .3s cubic-bezier(.34,1.56,.64,1);position:absolute;bottom:0;left:50%;transform:translate(-50%)}.cat:hover .cat-mascot{transform:translate(-50%,-12px)scale(1.05)}.cat:hover .cat-pill{transform:translateY(-4px);box-shadow:0 28px 50px #1a1c3633,inset 0 2px 1px #fffffff2,inset 0 0 0 1.5px #ffffffa6,inset -12px -16px 28px #00000014}.cat-text{flex-direction:column;align-items:center;gap:2px;display:flex}.clabel{letter-spacing:.6px;text-transform:uppercase;color:var(--c);font-size:15px;font-weight:800}.ccount{color:var(--muted);font-size:13px}.prods{max-width:1180px;margin:44px auto 0}.prods h2{letter-spacing:-.6px;margin:0 2px 20px;font-size:27px;font-weight:800}.error{color:var(--brand-deep);background:#ffffffb3;border-radius:16px;padding:14px 16px}.see-all{color:var(--brand);margin:20px 2px 0;font-weight:600;text-decoration:none;display:inline-block}.see-all:hover{text-decoration:underline}.brands{max-width:1380px;margin:66px auto 0}.brands h2{letter-spacing:-.6px;margin:0 2px 26px;font-size:27px;font-weight:800}.marquee{overflow:hidden;mask-image:linear-gradient(90deg,#0000,#000 7% 93%,#0000)}.marquee-track{align-items:center;width:max-content;animation:40s linear infinite marquee;display:flex}.marquee-track a{flex:none;align-items:center;display:inline-flex}.marquee:hover .marquee-track{animation-play-state:paused}.marquee img{object-fit:contain;opacity:.5;filter:grayscale();flex:none;width:auto;height:58px;margin:0 36px;transition:opacity .25s,filter .25s}.marquee img:hover{opacity:1;filter:grayscale(0)}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){.marquee-track{animation:none}}@media (width<=720px){.circles{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;justify-content:flex-start;gap:12px;margin:0 0 18px;padding:68px 4px 14px;overflow-x:auto}.circles::-webkit-scrollbar{display:none}.cat{scroll-snap-align:center;flex:none;gap:12px;width:126px}.cat-pod{width:126px;height:110px}.cat-mascot{height:166px}.banner{border-radius:20px}}
