.pfc{perspective:2000px}.pfc,.pfc-inner{position:relative}.pfc-inner{height:100%;width:100%;transition:transform .75s cubic-bezier(.2,.75,.2,1)}.pfc-face,.pfc-inner{transform-style:preserve-3d}.pfc-face{position:absolute;inset:0;backface-visibility:hidden}.pfc-back{transform:rotateY(180deg)}.pfc-z{transform:translateZ(var(--z,0));transform-style:preserve-3d}.pfc:has(.pfc-link:focus-visible) .pfc-inner,.pfc[data-flipped=true] .pfc-inner{transform:rotateY(180deg)}@media (hover:hover) and (pointer:fine){.pfc:hover .pfc-inner{transform:rotateY(180deg);will-change:transform}}@media (prefers-reduced-motion:reduce){.pfc{perspective:none}.pfc-inner,.pfc:has(.pfc-link:focus-visible) .pfc-inner,.pfc:hover .pfc-inner,.pfc[data-flipped=true] .pfc-inner{transform:none;transition:none}.pfc-back,.pfc-z{transform:none}.pfc-back{opacity:0;transition:opacity .2s linear}.pfc:has(.pfc-link:focus-visible) .pfc-back,.pfc[data-flipped=true] .pfc-back{opacity:1}}@media (prefers-reduced-motion:reduce) and (hover:hover) and (pointer:fine){.pfc:hover .pfc-back{opacity:1}}