.nfc-stage{--tilt-x:0deg;--tilt-y:0deg;--glare-x:50%;--glare-y:30%;perspective:1400px;width:100%;aspect-ratio:85.6/54;position:relative;container-type:inline-size}.nfc-card{position:absolute;inset:0;transform-style:preserve-3d;transform:rotateX(var(--tilt-x)) rotateY(calc(var(--tilt-y) + var(--flip, 0deg)));transition:transform .7s cubic-bezier(.2,.75,.2,1)}.nfc-stage[data-tilting=true] .nfc-card{transition:transform 90ms linear}.nfc-stage[data-side=back] .nfc-card{--flip:180deg}.nfc-face{position:absolute;inset:0;border-radius:3.9cqw;overflow:hidden;backface-visibility:hidden;-webkit-backface-visibility:hidden;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 30px 60px -28px rgba(0,0,0,.55),0 12px 24px -16px rgba(0,0,0,.4)}.nfc-face-back{transform:rotateY(180deg) translateZ(.9cqw)}.nfc-face>.nfc-art,.nfc-face>.nfc-art>svg{position:absolute;inset:0;width:100%;height:100%;display:block}.nfc-edge{position:absolute;inset:0;border-radius:3.9cqw;transform:translateZ(-.45cqw);background:var(--nfc-edge,#1b1d22)}.nfc-face:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(120% 90% at var(--glare-x) var(--glare-y),rgba(255,255,255,var(--nfc-sheen,.14)),transparent 55%);mix-blend-mode:soft-light}.nfc-mat-pvc{--nfc-edge:#e9eaec;--nfc-sheen:0.18}.nfc-mat-pvc[data-finish=gloss]{--nfc-sheen:0.42}.nfc-mat-wood .nfc-face{background-color:#d9b98a;background-image:repeating-linear-gradient(92deg,rgba(120,72,28,.13) 0 1px,transparent 1px 7px),repeating-linear-gradient(88deg,rgba(255,236,200,.18) 0 2px,transparent 2px 13px),radial-gradient(140% 60% at 30% 40%,rgba(160,104,52,.28),transparent 60%),radial-gradient(90% 40% at 80% 70%,rgba(120,70,30,.22),transparent 70%),linear-gradient(180deg,#e2c497,#cfa875)}.nfc-mat-wood{--nfc-edge:#b88f5c;--nfc-sheen:0.1}.nfc-mat-wood[data-finish=walnut] .nfc-face{background-color:#6b4428;background-image:repeating-linear-gradient(91deg,rgba(20,10,4,.25) 0 1px,transparent 1px 6px),repeating-linear-gradient(87deg,rgba(190,130,80,.14) 0 2px,transparent 2px 11px),radial-gradient(140% 60% at 30% 40%,rgba(150,95,55,.35),transparent 60%),linear-gradient(180deg,#7a5032,#5b3920)}.nfc-mat-wood[data-finish=walnut]{--nfc-edge:#4a2d18}.nfc-mat-metal .nfc-face{background-color:#141414;background-image:repeating-linear-gradient(90deg,rgba(255,255,255,.035) 0 1px,transparent 1px 2px),linear-gradient(135deg,#2a2a2c,#0d0d0e 55%,#232325)}.nfc-mat-metal{--nfc-edge:#3a3b3e;--nfc-sheen:0.32}.nfc-mat-metal[data-finish=silver] .nfc-face{background-color:#c9cdd2;background-image:repeating-linear-gradient(90deg,rgba(255,255,255,.22) 0 1px,rgba(0,0,0,.04) 1px 2px),linear-gradient(135deg,#e6e8eb,#aeb3b9 50%,#d8dbdf)}.nfc-mat-metal[data-finish=silver]{--nfc-edge:#9aa0a6}.nfc-mat-metal[data-finish=gold] .nfc-face{background-color:#c9a24a;background-image:repeating-linear-gradient(90deg,rgba(255,245,210,.2) 0 1px,rgba(60,40,0,.05) 1px 2px),linear-gradient(135deg,#e8cb7d,#b48a33 50%,#dcbc68)}.nfc-mat-metal[data-finish=gold]{--nfc-edge:#8e6c26}.nfc-mat-metal[data-finish=white] .nfc-face{background-color:#eceef0;background-image:repeating-linear-gradient(90deg,rgba(255,255,255,.3) 0 1px,rgba(0,0,0,.02) 1px 2px),linear-gradient(135deg,#f7f8f9,#d9dce0 55%,#eef0f2)}.nfc-mat-metal[data-finish=white]{--nfc-edge:#b9bec5}.nfc-mat-metal[data-finish=chrome] .nfc-face{background-color:#9fb7d6;background-image:linear-gradient(125deg,#c9e7ff,#d8c5ff 30%,#ffd6ec 55%,#c4f3e1 80%,#9fb7d6)}.nfc-mat-metal[data-finish=chrome]{--nfc-edge:#7d8fa8;--nfc-sheen:0.5}.nfc-mat-metal[data-finish=brass] .nfc-face{background-color:#b8913f;background-image:repeating-linear-gradient(90deg,rgba(255,240,200,.16) 0 1px,rgba(60,40,0,.06) 1px 2px),linear-gradient(135deg,#d6b366,#9c7a2f 50%,#c9a556)}.nfc-mat-metal[data-finish=brass]{--nfc-edge:#7a5d20}.nfc-mat-wood[data-finish=cherry] .nfc-face{background-color:#8a3f22;background-image:repeating-linear-gradient(91deg,rgba(40,10,4,.22) 0 1px,transparent 1px 6px),repeating-linear-gradient(87deg,rgba(220,140,100,.12) 0 2px,transparent 2px 11px),linear-gradient(180deg,#9a4a2a,#74331a)}.nfc-mat-wood[data-finish=cherry]{--nfc-edge:#5a2412}.nfc-stage[data-pose=hero] .nfc-card{transform:rotateX(14deg) rotateY(-18deg) rotate(4deg)}.nfc-stage[data-pose=hero-back] .nfc-card{transform:rotateX(12deg) rotateY(162deg) rotate(-4deg)}.nfc-stage[data-pose=flat] .nfc-card{transform:rotateY(var(--flip,0deg))}@media (prefers-reduced-motion:reduce){.nfc-card,.nfc-stage[data-tilting=true] .nfc-card{transition:none}}