.tf-aura{z-index:0;filter:blur(48px)saturate(1.05);opacity:.3;pointer-events:none;border-radius:24px;position:absolute;inset:-24px;overflow:hidden}.tf-frame{clip-path:inset(0 round 24px)}.tf-image,.tf-blur{transition:transform .5s cubic-bezier(.22,.75,.3,1)}.tf-blur{filter:blur(22px)brightness(1.04)saturate(1.04);pointer-events:none;transform:scale(1.075);-webkit-mask-image:radial-gradient(72% 72%,#0000 34%,#000 78%);mask-image:radial-gradient(72% 72%,#0000 34%,#000 78%)}.tf-shade{pointer-events:none;background:linear-gradient(#0000 42%,#10203166 100%),linear-gradient(90deg,#1020312e,#0000 52%)}.tf-content{transition:transform .45s cubic-bezier(.22,.75,.3,1)}.tf-primary .tf-image img,.tf-primary .tf-blur img,.tf-primary .tf-aura img{object-position:center 36%}.tf-card.is-parallax .tf-image{transform:perspective(1000px) rotateY(calc(2deg * var(--par-x,0))) rotateX(calc(-1.5deg * var(--par-y,0))) scale(1.06)}.tf-card.is-parallax .tf-blur{transform:perspective(1000px) rotateY(calc(1.4deg * var(--par-x,0))) rotateX(calc(-1deg * var(--par-y,0))) scale(1.13)}.tf-card.is-parallax .tf-content{transform:translate(calc(12px * var(--par-x,0)), calc(9px * var(--par-y,0)))}@media (hover:hover) and (prefers-reduced-motion:no-preference){.tf-card:hover .tf-image{transform:perspective(1000px) rotateY(calc(2deg * var(--par-x,0))) rotateX(calc(-1.5deg * var(--par-y,0))) scale(1.06)}.tf-card:hover .tf-blur{transform:perspective(1000px) rotateY(calc(1.4deg * var(--par-x,0))) rotateX(calc(-1deg * var(--par-y,0))) scale(1.13)}.tf-card:hover .tf-content{transform:translate(calc(12px * var(--par-x,0)), calc(9px * var(--par-y,0)))}}@media (max-width:711px){.tf-aura{filter:blur(32px)saturate(1.05);opacity:.26;inset:-14px}.tf-primary .tf-image img,.tf-primary .tf-blur img,.tf-primary .tf-aura img{object-position:47% center}}@media (prefers-reduced-motion:reduce){.tf-image,.tf-blur,.tf-content{transition:none}}