.ray-card{position:relative;isolation:isolate;overflow:hidden;border-radius:var(--ray-radius-xl,20px);border:1px solid var(--ray-border);background:color-mix(in oklab,var(--ray-surface) 88%,transparent);backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%);box-shadow:var(--ray-shadow-sm);transition:transform .38s var(--ray-ease-out,cubic-bezier(.2,.8,.2,1)),box-shadow .38s var(--ray-ease-out,cubic-bezier(.2,.8,.2,1)),border-color .38s ease}.ray-card:before{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:radial-gradient(420px circle at var(--x,50%) var(--y,50%),color-mix(in oklab,var(--ray-primary) 14%,transparent) 0,transparent 55%);opacity:0;transition:opacity .38s ease;z-index:0}.ray-card:hover{transform:translateY(-6px);border-color:color-mix(in oklab,var(--ray-primary) 28%,var(--ray-border));box-shadow:var(--ray-shadow-lg)}.ray-card:hover:before{opacity:1}.ray-card-media img{width:100%;height:auto;display:block}.ray-card-link{color:inherit;text-decoration:none}.ray-card:hover .ray-card-link{color:var(--ray-primary)}@media (prefers-reduced-motion:reduce){.ray-card{transition:none}.ray-card:hover{transform:none}}