.cat-wall{--e:cubic-bezier(.22, 1, .36, 1);perspective:1400px;overflow:hidden}.cat-wall-plane{flex-direction:column;justify-content:center;gap:10px;display:flex;position:absolute;inset:-30% -40% -30% -20%;transform:rotateX(30deg)rotate(-12deg)}@media (min-width:1024px){.cat-wall-plane{gap:18px;inset:-35% -30% -35% -10%;transform:rotateX(34deg)rotate(-14deg)}}.cat-wall-row{gap:10px;width:max-content;display:flex}@media (min-width:1024px){.cat-wall-row{gap:18px}}.cat-wall-tile{aspect-ratio:1;opacity:.6;width:84px;transition:opacity .42s var(--e), filter .42s var(--e), transform .42s var(--e), box-shadow .42s var(--e);background:#18181c;border-radius:16px;flex:none;position:relative;overflow:hidden}@media (min-width:1024px){.cat-wall-tile{opacity:.75;border-radius:24px;width:150px}}.cat-hero[data-searching] .cat-wall-tile{opacity:.1;filter:grayscale()}.cat-hero[data-searching] .cat-wall-tile[data-hit]{opacity:1;filter:none;transform:scale(1.08);box-shadow:0 0 0 2px #ff5722,0 0 48px -4px #ff5722a6}.cat-tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.cat-tiles>:last-child:nth-child(odd){flex-direction:row-reverse;grid-column:1/-1;align-items:center;min-height:0}.cat-tiles>:last-child:nth-child(odd) .cat-tile-top{gap:12px}@media (min-width:640px){.cat-tiles{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.cat-tiles>:last-child:nth-child(odd){flex-direction:column;grid-column:auto;align-items:stretch;min-height:116px}}@media (min-width:1024px){.cat-tiles{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}}.cat-tile{--e:cubic-bezier(.22, 1, .36, 1);text-align:left;isolation:isolate;cursor:pointer;min-width:0;min-height:96px;transition:transform .26s var(--e), border-color .2s ease-out, background-color .2s ease-out, box-shadow .26s var(--e);background:linear-gradient(#141417 0%,#0f0f12 100%);border:1px solid #ffffff17;border-radius:20px;flex-direction:column;justify-content:space-between;gap:12px;padding:12px 14px 14px;display:flex;position:relative;overflow:hidden}.cat-tile>*{transition:translate .26s var(--e)}.cat-tile:after{content:"";z-index:-1;opacity:0;background:radial-gradient(120% 90% at 100% 0,#ff57222e,#0000 60%);transition:opacity .26s ease-out;position:absolute;inset:0}.cat-tile:focus-visible{outline-offset:3px;outline:2px solid #ff7043}.cat-tile:disabled{cursor:not-allowed;opacity:.4}.cat-tile-top{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.cat-tile-icon{color:#b3b3b8;border:1px solid #ffffff24;border-radius:999px;justify-content:center;align-items:center;width:32px;height:32px;transition:color .2s ease-out,border-color .2s ease-out,background-color .2s ease-out;display:inline-flex}.cat-tile-count{font-family:var(--font-display);letter-spacing:-.02em;font-variant-numeric:tabular-nums;background:linear-gradient(#fff6,#ffffff1a);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:24px;font-weight:800;line-height:.9}.cat-tile-body{flex-direction:column;gap:4px;min-width:0;display:flex}.cat-tile-title{font-family:var(--font-display);letter-spacing:-.01em;text-transform:uppercase;color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:800;line-height:1;overflow:hidden}.cat-tile-hint{color:#9a9aa1;text-wrap:balance;font-size:12px;line-height:1.3}@media (min-width:640px){.cat-tile{gap:18px;min-height:116px;padding:14px 16px 16px}.cat-tile-icon{width:36px;height:36px}.cat-tile-count{font-size:30px}.cat-tile-hint{font-size:12.5px}}@media (min-width:1024px){.cat-tile{border-radius:24px;min-height:132px;padding:16px 18px 18px}.cat-tile-count{font-size:38px}.cat-tile-title{font-size:17px}}@media (hover:hover) and (pointer:fine){.cat-tile:not(:disabled):hover{border-color:#ff572273;box-shadow:0 22px 44px -28px #ff5722b3}.cat-tile:not(:disabled):hover>*{translate:0 -2px}.cat-tile:not(:disabled):hover:after{opacity:1}.cat-tile:not(:disabled):hover .cat-tile-icon{color:#ff7043;border-color:#ff572280}}.cat-tile[data-on]{background:#ff5722;border-color:#ff5722;box-shadow:0 22px 44px -24px #ff5722d9}.cat-tile[data-on]:after{opacity:1;background:radial-gradient(120% 90% at 0 0,#ffffff47,#0000 60%)}.cat-tile[data-on] .cat-tile-title{color:#0a0a0a}.cat-tile[data-on] .cat-tile-hint{color:#0a0a0ab8}.cat-tile[data-on] .cat-tile-icon{color:#ff5722;background:#0a0a0a;border-color:#0a0a0a}.cat-tile[data-on] .cat-tile-count{color:#0a0a0a80;background:0 0}.cat-tiles-reset{margin-top:12px}@media (max-width:359px){.cat-tile{padding-inline:12px}.cat-tile-title{font-size:13px}}.cat-filters[data-compact] .cat-tile{border-radius:14px;flex-direction:row;justify-content:space-between;align-items:center;gap:8px;min-height:0;padding:10px 14px}.cat-filters[data-compact] .cat-tile-top{order:2}.cat-filters[data-compact] .cat-tile-icon,.cat-filters[data-compact] .cat-tile-hint{display:none}.cat-filters[data-compact] .cat-tile-count{font-size:18px}.cat-filters[data-compact] .cat-tile-title{font-size:13px}.cat-filters[data-compact] .cat-tile:disabled{display:none}.cat-filters[data-compact] .cat-tiles>:last-child:nth-child(odd){flex-direction:row}@media (min-width:1024px){.cat-filters{top:calc(var(--header-safe-top,0px) + var(--header-h,64px) - 8px);margin-inline:-40px;padding:8px 40px 0;transition:background-color .2s ease-out;position:sticky}.cat-filters[data-stuck]{-webkit-backdrop-filter:blur(14px);background:#0a0a0a;padding:16px 40px 12px;box-shadow:0 1px #ffffff0f}.cat-filters[data-stuck] .cat-tile{border-radius:16px;flex-direction:row;justify-content:space-between;align-items:center;min-height:0;padding:12px 16px}.cat-filters[data-stuck] .cat-tile-top{order:2}.cat-filters[data-stuck] .cat-tile-icon,.cat-filters[data-stuck] .cat-tile-hint{display:none}.cat-filters[data-stuck] .cat-tile-count{font-size:20px}.cat-filters[data-stuck] .cat-tile-title{font-size:14px}.cat-filters[data-stuck] .cat-tiles-reset{display:none}.cat-filters[data-stuck] .cat-tile:hover>*{translate:none}}@media (min-width:1280px){.cat-filters{margin-inline:-56px;padding-inline:56px}.cat-filters[data-stuck]{padding-inline:56px}}.cat-card,.cat-hit{--ease:cubic-bezier(.16, 1, .3, 1);transition:transform .42s var(--ease), border-color .22s ease-out, box-shadow .42s var(--ease), opacity .26s ease-out}.cat-card-img,.cat-hit-img{transition:transform .9s var(--ease), filter .3s ease-out}.cat-card-light{opacity:0;mix-blend-mode:screen;background:radial-gradient(260px circle at var(--mx,50%) var(--my,40%), #ffaa783d, #ff6e3c12 45%, transparent 70%);transition:opacity .26s ease-out}.cat-card:before,.cat-hit:before{content:"";z-index:5;border-radius:inherit;pointer-events:none;background:radial-gradient(200px circle at var(--mx,50%) var(--my,0%), #ff9664f2, #ff572259 40%, transparent 70%);-webkit-mask-composite:xor;opacity:0;padding:1px;transition:opacity .26s ease-out;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.cat-card:after,.cat-hit:after{content:"";z-index:3;pointer-events:none;background:linear-gradient(105deg,#0000 38%,#ffd2b929 50%,#0000 62%);position:absolute;inset:0;transform:translate(-130%)}@media (hover:hover) and (pointer:fine){.cat-cell:hover .cat-card,.cat-hit-cell:hover .cat-hit{border-color:#ff572280;transform:translateY(-5px);box-shadow:0 28px 50px -26px #ff57228c,0 10px 24px -14px #000c}.cat-cell:hover .cat-card-img,.cat-hit-cell:hover .cat-hit-img{transform:scale(1.06) translate3d(var(--tx,0px), var(--ty,0px), 0);transition-duration:.6s}.cat-cell:hover .cat-card-light,.cat-hit-cell:hover .cat-card-light,.cat-cell:hover .cat-card:before,.cat-hit-cell:hover .cat-hit:before{opacity:1}.cat-cell:hover .cat-card:after,.cat-hit-cell:hover .cat-hit:after{transition:transform 1s var(--ease) 60ms;transform:translate(130%)}.cat-grid:hover .cat-cell:not(:hover) .cat-card,.cat-hits:hover .cat-hit-cell:not(:hover) .cat-hit{opacity:.68}}.cat-cell:active .cat-card,.cat-hit-cell:active .cat-hit{transition-duration:.12s;transform:translateY(-1px)scale(.985)}.cat-card:focus-visible,.cat-hit:focus-visible{border-color:#ff572299;transform:translateY(-5px)}.cat-card:focus-visible .cat-card-light,.cat-hit:focus-visible .cat-card-light{opacity:1}@media (prefers-reduced-motion:reduce){.cat-cell:hover .cat-card,.cat-hit-cell:hover .cat-hit,.cat-cell:active .cat-card,.cat-hit-cell:active .cat-hit,.cat-card:focus-visible,.cat-hit:focus-visible,.cat-cell:hover .cat-card-img,.cat-hit-cell:hover .cat-hit-img{transform:none}.cat-card:after,.cat-hit:after{display:none}}.cat-hits{--s:calc((100vw - 32px - 20px) / 2.35);--ease:cubic-bezier(.16, 1, .3, 1);grid-auto-flow:column;grid-template-rows:repeat(2, var(--s));grid-auto-columns:var(--s);margin-inline:-16px;scroll-snap-type:x mandatory;scrollbar-width:none;gap:10px;margin-top:-8px;padding:8px 16px 4px;scroll-padding-inline:16px;list-style:none;display:grid;overflow-x:auto}.cat-hits::-webkit-scrollbar{display:none}.cat-hit-cell{scroll-snap-align:start;min-width:0;position:relative}.cat-hit-cell[data-slot="0"]{z-index:2}.cat-hit-cell>.cat-hit{height:100%}@media (min-width:640px){.cat-hits{--s:21vw;gap:14px;margin-inline:-24px;padding-inline:24px;scroll-padding-inline:24px}.cat-hit-cell[data-slot="0"]{grid-area:span 2/span 2}}@media (min-width:1024px){.cat-hits{--s:20vw;margin-inline:-40px;padding-inline:40px;scroll-padding-inline:40px}}@media (min-width:1280px){.cat-hits{margin-inline:0;grid-template-rows:none;grid-template-columns:repeat(7,minmax(0,1fr));grid-auto-columns:auto;grid-auto-flow:row;gap:16px;margin-top:0;padding:0;overflow:visible}.cat-hit-cell>.cat-hit{aspect-ratio:1;height:auto}.cat-hit-cell[data-slot="0"]>.cat-hit{height:100%}}@keyframes cat-drift-l{to{transform:translate(-50%)}}@keyframes cat-drift-r{0%{transform:translate(-50%)}to{transform:translate(0,0)}}@keyframes cat-rise{0%{opacity:0;translate:0 18px}}@media (prefers-reduced-motion:no-preference){.cat-wall-row[data-dir=l]{animation:110s linear infinite cat-drift-l}.cat-wall-row[data-dir=r]{animation:130s linear infinite cat-drift-r}.cat-hero[data-searching] .cat-wall-row{animation-play-state:paused}.cat-wallgrid[data-intro] .cat-card[data-cascade]{animation:.62s cubic-bezier(.22,1,.36,1) both cat-rise;animation-delay:calc(var(--i,0) * 32ms + .32s)}}