.gc-card{border-radius:calc(6px * var(--gc-s));transform:perspective(1000px) rotateX(var(--gc-rx,0deg)) rotateY(var(--gc-ry,0deg));box-shadow:0 calc(2px * var(--gc-s)) calc(6px * var(--gc-s)) 0 color-mix(in srgb, var(--color-shadow-slate) 8%, transparent), 0 calc(40px * var(--gc-s)) calc(80px * var(--gc-s)) -36px color-mix(in srgb, var(--color-shadow-harbor) 55%, transparent);transition:transform .5s cubic-bezier(.22,1,.36,1),box-shadow .5s cubic-bezier(.22,1,.36,1)}.gc-glare{background:radial-gradient(105.26% 105.26% at 63.16% 73.68%, color-mix(in srgb, var(--color-neutral-100) 65%, transparent) 0, transparent 60%);mix-blend-mode:soft-light;opacity:0;transition:opacity .5s cubic-bezier(.22,1,.36,1)}@media (hover:hover) and (pointer:fine){.gc-card:hover{box-shadow:0 calc(2px * var(--gc-s)) calc(6px * var(--gc-s)) 0 color-mix(in srgb, var(--color-shadow-slate) 8%, transparent), 0 calc(48px * var(--gc-s)) calc(80px * var(--gc-s)) -36px color-mix(in srgb, var(--color-shadow-harbor) 65%, transparent)}.gc-card:hover .gc-glare{opacity:1}}@media (prefers-reduced-motion:reduce){.gc-card,.gc-glare{transition:none}}