/* FLIP1 (owner 2026-10-10): the old screens slide past in one row, then flip over by themselves into ours */
.nvf{min-height:100svh;box-sizing:border-box}
.nvf .nvf__card{width:clamp(260px,72vw,560px);perspective:1400px}
.nvf .nvf__flip{position:relative;aspect-ratio:16/9;transform-style:preserve-3d;transition:transform 1s cubic-bezier(.3,.7,.2,1) var(--d,0s)}
.nvf .nvf__face{position:absolute;inset:0;-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:14px;overflow:hidden;box-shadow:0 0 0 1px #1E293B}
.nvf .nvf__face img,.nvf .nvf__new .nvg__play{width:100%;height:100%;display:block;object-fit:cover;border-radius:0}
.nvf .nvf__old img{filter:grayscale(.55) brightness(.72)}
.nvf .nvf__new{transform:rotateY(180deg);box-shadow:0 0 0 1.5px rgba(34,197,94,.55),0 24px 60px rgba(0,0,0,.35)}
.nvf.is-flipped .nvf__flip{transform:rotateY(180deg)}
.nvf.is-reset .nvf__flip,.nvf.is-reset .nvf__cap,.nvf.is-reset .nvf__after{transition:none!important}
.nvf figcaption{display:grid;font-size:15px}
.nvf .nvf__cap{grid-area:1/1;transition:opacity .5s ease calc(var(--d,0s) + .45s)}
.nvf .nvf__cap--old{color:#64748B}
.nvf .nvf__cap--new{opacity:0;color:#94A3B8}.nvf .nvf__cap--new b{font-weight:600;color:#E9D6C0;margin-inline-end:6px}
.nvf.is-flipped .nvf__cap--old{opacity:0}.nvf.is-flipped .nvf__cap--new{opacity:1}
.nvf .nvf__after{margin:0;max-width:440px;font-size:clamp(16px,1.4vw,21px);color:#A9B4C6;opacity:0;transform:translateY(8px);transition:opacity .6s ease 1.6s,transform .6s ease 1.6s}
.nvf .nvf__after b{display:block;font-family:var(--display);font-weight:760;font-size:clamp(28px,4vw,56px);line-height:1;letter-spacing:-.03em;color:#22C55E;margin-bottom:10px}
.nvf.is-flipped .nvf__after{opacity:1;transform:none}
@media (max-width:640px){.nvf{padding-top:calc(28px + env(safe-area-inset-top));padding-bottom:110px}}
@media (prefers-reduced-motion:reduce){.nvf .nvf__flip,.nvf .nvf__cap,.nvf .nvf__after{transition:none}}
/* F42 RTL: the cards turn over toward the reading direction (right to left) */
[dir="rtl"] .nvf.is-flipped .nvf__flip{transform:rotateY(-180deg)}