.efs3d-perspective{perspective:900px;perspective-origin:50% 32%;height:420px;position:relative;overflow:hidden}@media (min-width:768px){.efs3d-perspective{perspective:1400px;perspective-origin:50% 36%;height:600px;overflow:visible}}.efs3d-orbit{width:100%;height:100%;transform-style:preserve-3d;position:relative}.efs3d-card{will-change:transform,opacity,filter;backface-visibility:hidden;cursor:pointer;opacity:0;width:clamp(158px,40vw,208px);position:absolute;top:50%;left:50%}@media (min-width:768px){.efs3d-card{width:clamp(232px,17vw,292px)}}.efs3d-card-inner{border:1px solid var(--color-line-inverse);background:color-mix(in srgb,var(--color-ground-raised)88%,transparent);-webkit-backdrop-filter:blur(14px)saturate(1.1);border-radius:16px;position:relative;overflow:hidden;box-shadow:0 20px 50px #0006,inset 0 1px #f5f1e80f}.efs3d-card-accent{background:linear-gradient(90deg,var(--color-primary),color-mix(in srgb,var(--color-primary)55%,var(--color-accent)));height:3px;position:absolute;inset:0 0 auto}.efs3d-card-media{aspect-ratio:4/3;width:100%;position:relative;overflow:hidden}.efs3d-card-media img{object-fit:cover}.efs3d-card-media:after{content:"";background:linear-gradient(#0000 35%,#0f0c09b3);position:absolute;inset:0}@keyframes efs3d-fadein{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.efs3d-step{animation:.4s efs3d-fadein}@media (prefers-reduced-motion:reduce){.efs3d-step{animation:none}}