.hub .ccgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-auto-rows:1fr;gap:14px;margin-top:36px}.hub .ccard{--mx:50%;--my:0%;position:relative;display:grid;grid-template-columns:auto 1fr auto;grid-template-areas:"fan tx go" "blurb blurb blurb";grid-template-rows:auto 1fr;align-items:center;gap:18px 16px;padding:22px 22px 24px;border-radius:var(--r-big);overflow:hidden;isolation:isolate;background:radial-gradient(120% 90% at 0 0,color-mix(in srgb,var(--a) 14%,transparent),transparent 60%),var(--card);border:1px solid var(--rule);box-shadow:var(--sh-box);transition:transform .25s var(--ease),border-color .2s,box-shadow .25s}.hub .ccard:before{content:"";position:absolute;inset:0 0 auto;height:1px;background:linear-gradient(90deg,var(--a),transparent 70%);opacity:.8}.hub .ccard:after{content:"";position:absolute;inset:0;z-index:-1;opacity:0;transition:opacity .2s;pointer-events:none;background:radial-gradient(340px circle at var(--mx) var(--my),color-mix(in srgb,var(--a) 16%,transparent),transparent 60%)}.hub .ccard:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--a) 45%,var(--rule));box-shadow:var(--sh-hover)}.hub .ccard:hover:after{opacity:1}.hub .cc-fan{grid-area:fan;position:relative;width:72px;height:44px}.hub .cc-fan i{position:absolute;left:calc(var(--i) * 16px);top:0;width:40px;height:40px;border-radius:12px;display:grid;place-items:center;color:var(--at);background:color-mix(in srgb,var(--a) 16%,var(--card));border:1px solid color-mix(in srgb,var(--a) 40%,var(--rule));box-shadow:-6px 4px 14px -8px rgb(0 0 0/.6);transform:rotate(calc((var(--i) - (var(--n) - 1) / 2) * 5deg));transition:transform .2s var(--ease)}.hub .ccard:hover .cc-fan i{transform:none}@media (prefers-reduced-motion:reduce){.hub .cc-fan i{transition:none}}.hub .cc-tx{grid-area:tx;display:grid;gap:2px;min-width:0}.hub .cc-tx b{text-wrap:balance;overflow-wrap:anywhere;line-height:1.15;font-size:19px;font-weight:700;letter-spacing:-.02em}.hub .cc-tx small{font:12px var(--font-mono);color:var(--ink-3)}.hub .cc-tx small em{font-style:normal;color:var(--live)}.hub .cc-blurb{grid-area:blurb;align-self:start;min-height:3em;color:var(--ink-2);font-size:15px;line-height:1.5;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden}.hub .cc-go{grid-area:go;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;color:var(--at);border:1px solid color-mix(in srgb,var(--a) 40%,var(--rule));transition:transform .2s var(--ease),background .2s,color .2s}.hub .ccard:hover .cc-go{transform:translateX(3px);border-color:var(--a);background:color-mix(in srgb,var(--a) 16%,transparent)}:root[data-theme=light] .hub .ccard{background:radial-gradient(120% 90% at 0 0,color-mix(in srgb,var(--a) 10%,transparent),transparent 60%),var(--card);border-color:rgb(16 18 27/.07)}:root[data-theme=light] .hub .cc-fan i{box-shadow:-4px 3px 10px -6px rgb(16 18 27/.3)}