.studio-directory{position:relative;isolation:isolate}.studio-directory:before{content:"";position:absolute;z-index:-1;inset:0;pointer-events:none;background:radial-gradient(ellipse 55% 24% at 0 8%,color-mix(in srgb,#489fea 10%,transparent),transparent),radial-gradient(ellipse 45% 25% at 100% 32%,color-mix(in srgb,#a78bfa 9%,transparent),transparent),radial-gradient(circle,color-mix(in srgb,var(--foreground) 7%,transparent) .75px,transparent 1px);background-size:auto,auto,22px 22px;mask-image:linear-gradient(#000,#000 65%,transparent)}.product-card{box-shadow:0 4px 0 color-mix(in srgb,var(--foreground) 5%,transparent),0 12px 28px color-mix(in srgb,var(--foreground) 4%,transparent);transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;animation:catalog-arrive .42s backwards;animation-delay:var(--card-delay,0s)}.product-art{isolation:isolate;background:radial-gradient(ellipse at 50% 70%,color-mix(in srgb,var(--product-accent) 30%,transparent),transparent 72%),linear-gradient(135deg,color-mix(in srgb,var(--product-accent) 15%,var(--card)),color-mix(in srgb,var(--product-accent) 5%,var(--card)));border-bottom:1px solid color-mix(in srgb,var(--product-accent) 20%,var(--border))}.product-geometry{position:absolute;inset:0;width:100%;height:100%;z-index:-1;color:color-mix(in srgb,var(--product-accent) 38%,transparent);stroke:currentColor;stroke-width:1.5;transition:transform .45s ease}.product-number{position:absolute;top:14px;left:16px;color:var(--muted-foreground);font-size:10px;font-weight:700;letter-spacing:.12em;font-variant-numeric:tabular-nums}.product-icon{transition:transform .3s ease;filter:drop-shadow(0 9px 10px color-mix(in srgb,var(--foreground) 12%,transparent))}.product-icon-shell{display:grid;place-items:center;width:152px;height:152px;border-radius:32px;border:1px solid color-mix(in srgb,var(--product-accent) 35%,var(--card));background:color-mix(in srgb,var(--card) 65%,transparent);box-shadow:0 8px 0 color-mix(in srgb,var(--product-accent) 16%,transparent),0 18px 30px color-mix(in srgb,var(--foreground) 9%,transparent)}.product-info{background:linear-gradient(160deg,color-mix(in srgb,var(--product-accent) 3%,var(--card)),var(--card) 60%)}.product-kind{display:inline-flex;align-items:center;gap:5px}.product-store-button{border:1px solid color-mix(in srgb,var(--foreground) 70%,var(--product-accent));box-shadow:0 3px 0 color-mix(in srgb,var(--product-accent) 50%,var(--border));transition:transform .16s ease,box-shadow .16s ease}.catalog-view-all svg,.product-details svg,.product-store-button svg{transition:transform .18s ease}.catalog-filters{border:1px solid color-mix(in srgb,var(--foreground) 12%,transparent);background:var(--card);box-shadow:0 2px 0 color-mix(in srgb,var(--foreground) 5%,transparent)}.catalog-filter-button{transition:background-color .18s ease,color .18s ease,transform .16s ease}.catalog-filter-button[aria-pressed=true]{box-shadow:0 2px 5px color-mix(in srgb,var(--foreground) 15%,transparent)}.catalog-view-all{background:var(--card);box-shadow:0 3px 0 var(--border)}.product-card:focus-within{border-color:color-mix(in srgb,var(--product-accent) 65%,var(--border))}.catalog-filter-button:active,.catalog-view-all:active,.product-store-button:active{transform:translateY(2px);box-shadow:none}@media (hover:hover) and (pointer:fine){.product-card:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--product-accent) 60%,var(--border));box-shadow:0 6px 0 color-mix(in srgb,var(--product-accent) 15%,transparent),0 18px 36px color-mix(in srgb,var(--foreground) 9%,transparent)}.product-card:hover .product-geometry{transform:rotate(8deg) scale(1.04)}.product-card:hover .product-icon{transform:translateY(-5px) rotate(-3deg)}.product-store-button:hover{transform:translateY(-1px);box-shadow:0 4px 0 color-mix(in srgb,var(--product-accent) 60%,var(--border))}.product-store-button:hover svg{transform:translate(2px,-2px)}.catalog-view-all:hover svg,.product-details:hover svg{transform:translateX(3px)}}@keyframes catalog-arrive{0%{opacity:.4;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.studio-directory *,.studio-directory :after,.studio-directory :before{animation:none!important;transition:none!important}.studio-directory .catalog-filter-button,.studio-directory .catalog-view-all,.studio-directory .catalog-view-all svg,.studio-directory .product-card,.studio-directory .product-details svg,.studio-directory .product-geometry,.studio-directory .product-icon,.studio-directory .product-store-button,.studio-directory .product-store-button svg{transform:none!important}}