.pcard{--rx:0deg;--ry:0deg;--mx:50%;--my:50%;border-radius:var(--r);background:var(--bg-2);border:1px solid var(--line);transform:perspective(1200px) rotateX(var(--rx)) rotateY(var(--ry));transition:transform .6s var(--ease), border-color .4s, opacity 1s var(--ease);transform-style:preserve-3d;flex-direction:column;display:flex;position:relative;overflow:hidden}.pcard.reveal{transform:perspective(1200px)translateY(28px)}.pcard.reveal.in{transform:perspective(1200px) rotateX(var(--rx)) rotateY(var(--ry))}.pcard:hover{border-color:color-mix(in srgb, var(--c) 45%, transparent)}.pc-media{aspect-ratio:16/10;background:#0d0d10;position:relative;overflow:hidden}.pc-media img,.pc-media video{object-fit:cover;width:100%;height:100%;transition:transform 1.2s var(--ease), opacity .5s;position:absolute;inset:0}.pc-media video{opacity:0}.pcard:hover .pc-media video{opacity:1}.pcard:hover .pc-media img{transform:scale(1.05)}.pc-glare{background:radial-gradient(600px circle at var(--mx) var(--my), color-mix(in srgb, var(--c) 22%, transparent), transparent 45%);opacity:0;mix-blend-mode:screen;transition:opacity .4s;position:absolute;inset:0}.pcard:hover .pc-glare{opacity:1}.pc-media:after{content:"";pointer-events:none;background:linear-gradient(#0000 55%,#0b0b0de6);position:absolute;inset:0}.pc-body{gap:8px;padding:20px 22px 24px;display:grid}.pc-top{justify-content:space-between;align-items:center;gap:10px;display:flex}.pc-plat{color:var(--mute);letter-spacing:.06em;text-transform:uppercase;text-align:right;font-size:11px}.pcard h3{letter-spacing:-.03em;margin:6px 0 0;font-size:26px;font-weight:500;line-height:1.1}.pcard p{color:var(--ink-2);margin:0;font-size:15px;line-height:1.5}.pcard.xl .pc-media{aspect-ratio:16/9}.pcard.xl h3{font-size:clamp(30px,3.2vw,44px)}.pcard.s .pc-media{aspect-ratio:16/11}.pc-art{background:radial-gradient(circle at 30% 20%, color-mix(in srgb, var(--c) 35%, transparent), transparent 55%), radial-gradient(circle at 80% 90%, color-mix(in srgb, var(--c) 20%, transparent), transparent 50%), #0b0b0e;place-items:center;display:grid;position:absolute;inset:0;overflow:hidden}.pc-art span{letter-spacing:-.05em;color:#0000;-webkit-text-stroke:1px color-mix(in srgb, var(--c) 70%, white);opacity:.8;font-size:clamp(36px,5vw,64px);font-weight:600}.pc-art:before{content:"";background-image:linear-gradient(#ffffff0d 1px,#0000 1px),linear-gradient(90deg,#ffffff0d 1px,#0000 1px);background-size:28px 28px;position:absolute;inset:0;mask-image:radial-gradient(circle,#000,#0000 75%)}.art-jev-voice:after{content:"⌥ Space";font-family:var(--mono);border:1px solid var(--line-2);color:var(--ink-2);border-radius:8px;padding:6px 12px;font-size:13px;animation:2.4s infinite blink;position:absolute;bottom:18%}.art-llm-visual-bench span,.art-ai-tierlist span{-webkit-text-stroke-color:var(--lime)}.acard{border-radius:var(--r);background:var(--bg-2);border:1px solid var(--line);transition:border-color .4s, transform .6s var(--ease), opacity 1s var(--ease);flex-direction:column;display:flex;overflow:hidden}.acard:hover{border-color:color-mix(in srgb, var(--c) 50%, transparent);transform:translateY(-4px)}.ac-img{aspect-ratio:5/2;position:relative;overflow:hidden}.ac-img img{object-fit:cover;width:100%;height:100%;transition:transform 1.2s var(--ease)}.acard:hover .ac-img img{transform:scale(1.06)}.ac-img:after{content:"";background:linear-gradient(180deg, transparent 30%, #0b0b0db3), linear-gradient(90deg, color-mix(in srgb, var(--c) 18%, transparent), transparent 60%);position:absolute;inset:0}.ac-body{flex-direction:column;flex:1;gap:10px;padding:18px 20px 20px;display:flex}.ac-meta{color:var(--mute);letter-spacing:.06em;text-transform:uppercase;gap:14px;font-size:11px;display:flex}.ac-meta span:first-child{color:var(--c)}.acard h3{letter-spacing:-.015em;flex:1;margin:0;font-size:19px;font-weight:500;line-height:1.3}.ac-foot{color:var(--ink-2);letter-spacing:.04em;text-transform:uppercase;justify-content:space-between;align-items:center;font-size:11px;display:flex}.ac-arrow{border:1px solid var(--line-2);width:32px;height:32px;transition:background .3s, color .3s, transform .4s var(--ease);border-radius:50%;place-items:center;font-size:14px;display:grid}.acard:hover .ac-arrow{background:var(--c);color:#000;border-color:var(--c);transform:rotate(-45deg)}.art-jev{background:radial-gradient(ellipse at 50% 60%, color-mix(in srgb, var(--c) 22%, transparent), transparent 65%), #08080b;align-content:center;gap:26px}.jv-bar{color:var(--ink-2);border-bottom:1px solid var(--line);background:#ffffff0a;justify-content:flex-end;align-items:center;gap:14px;padding:9px 16px;font-size:11px;display:flex;position:absolute;top:0;left:0;right:0}.jv-bar b{color:var(--c);font-weight:600}.jv-bar em{border:1px solid var(--line-2);border-radius:6px;padding:2px 8px;font-style:normal}.jv-wave{align-items:center;gap:5px;height:90px;display:flex;position:relative}.jv-wave i{background:linear-gradient(var(--c), color-mix(in srgb, var(--c) 30%, white));transform-origin:50%;width:5px;height:100%;animation:1.1s ease-in-out infinite alternate jvw;animation-delay:calc(var(--k) * -.13s);opacity:.9;border-radius:3px}@keyframes jvw{0%{transform:scaleY(.12)}60%{transform:scaleY(.55)}to{transform:scaleY(1)}}.jv-cmds{text-align:center;width:100%;height:22px;color:var(--ink);font-size:clamp(13px,1.3vw,17px);position:relative}.jv-cmds q{opacity:0;animation:12s infinite jvc;animation-delay:calc(var(--k) * 3s);position:absolute;inset:0}@keyframes jvc{0%,2%{opacity:0;transform:translateY(8px)}5%,22%{opacity:1;transform:none}25%,to{opacity:0;transform:translateY(-8px)}}@media (prefers-reduced-motion:reduce){.jv-wave i,.jv-cmds q{animation:none}.jv-cmds q:first-child{opacity:1}}
