/* 0.2.55 markets: option D — layers rise from depth on scroll-in */
.m3d-wrap{perspective:1400px;perspective-origin:50% 40%}
.mcard.m3d{transform-style:preserve-3d;will-change:transform,opacity;transition:transform .35s ease,box-shadow .35s ease}
.mcard.m3d .m-flag,.mcard.m3d .m-code,.mcard.m3d .m-body,.mcard.m3d .m-foot,.mcard.m3d h3,.mcard.m3d p,.mcard.m3d ul{
  transition:transform 1s cubic-bezier(.2,1.15,.3,1),opacity .85s ease}
}
.mcard.m3d .m-sheen{display:none}
/* pre-entrance: layers deep + slightly down */
.m3d-ready .m3d-wrap:not(.in) .mcard.m3d{opacity:.0}
.m3d-ready .m3d-wrap:not(.in) .mcard.m3d .m-flag,
.m3d-ready .m3d-wrap:not(.in) .mcard.m3d .m-code,
.m3d-ready .m3d-wrap:not(.in) .mcard.m3d .m-body,
.m3d-ready .m3d-wrap:not(.in) .mcard.m3d .m-foot{
  opacity:0;transform:translateZ(-240px) translateY(36px)
}
/* card fades in; layers stagger by card index then by layer */
.m3d-ready .m3d-wrap.in .mcard.m3d{opacity:1;transition:opacity .5s ease calc(var(--i) * .12s),transform .35s ease,box-shadow .35s ease}
.m3d-ready .m3d-wrap.in .mcard.m3d .m-flag{opacity:1;transform:translateZ(-30px) scale(1.02);transition-delay:calc(var(--i) * .14s)}
.m3d-ready .m3d-wrap.in .mcard.m3d .m-code{opacity:.85;transform:translateZ(70px);transition-delay:calc(var(--i) * .14s + .14s)}
.m3d-ready .m3d-wrap.in .mcard.m3d .m-body{opacity:1;transform:translateZ(28px);transition-delay:calc(var(--i) * .14s + .28s)}
.m3d-ready .m3d-wrap.in .mcard.m3d .m-foot{opacity:1;transform:translateZ(18px);transition-delay:calc(var(--i) * .14s + .4s)}
/* light hover lift — no tilt */
@media (hover:hover) and (pointer:fine){
  .m3d-ready .m3d-wrap.in .mcard.m3d.is-hover{transform:translateY(-6px);box-shadow:0 28px 60px -18px rgba(122,106,94,.28),0 0 40px rgba(224,138,91,.08)}
}
@media (prefers-reduced-motion:reduce){
  .m3d-ready .m3d-wrap .mcard.m3d,
  .m3d-ready .m3d-wrap .mcard.m3d .m-flag,
  .m3d-ready .m3d-wrap .mcard.m3d .m-code,
  .m3d-ready .m3d-wrap .mcard.m3d .m-body,
  .m3d-ready .m3d-wrap .mcard.m3d .m-foot{opacity:1!important;transform:none!important;transition:none!important}
  .mcard.m3d.is-hover{transform:none!important}
}