.sdc{display:flex;flex-direction:column;align-items:center;gap:20px}.sdc,.sdc-stage{--px:.5;--py:.5;width:100%}.sdc-stage{perspective:1700px}.sdc-tilt{transform-style:preserve-3d;will-change:transform;transition:transform .28s cubic-bezier(.2,.7,.2,1)}.sdc-stage.is-live .sdc-tilt{transform:rotateX(calc((.5 - var(--py)) * 22deg)) rotateY(calc((var(--px) - .5) * 28deg)) scale(1.035);transition:transform .08s ease-out}.sdc--hero .sdc-stage:not(.is-live) .sdc-tilt{animation:sdc-float 11s ease-in-out infinite}.sdc--hero .sdc-stage:not(.is-live) .sdc-foil{animation:sdc-foil 11s ease-in-out infinite}.sdc-flip{position:relative;width:100%;aspect-ratio:630/880;transform-style:preserve-3d;transition:transform 1s cubic-bezier(.2,.7,.2,1)}.sdc-flip.is-over{transform:rotateY(180deg)}.sdc-face{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden}.sdc-face--back{transform:rotateY(180deg)}.sdc-card{position:relative;width:100%;aspect-ratio:630/880;border-radius:4.76%/3.41%;overflow:hidden;background:#e8dbbd;isolation:isolate;contain:layout paint;transform:translateZ(0)}.sdc-window{position:absolute;overflow:hidden;background:#0e0806}.sdc-grade img{filter:sepia(.28) saturate(1.3) contrast(1.08) brightness(1.02)}.sdc-fringe img{filter:sepia(.28) saturate(1.3) contrast(1.08) drop-shadow(1.6px 0 0 rgba(255,40,70,.38)) drop-shadow(-1.6px 0 0 rgba(40,200,255,.3))}.sdc-rays{mix-blend-mode:screen;opacity:.5;background:radial-gradient(circle at 50% 44%,rgba(255,196,120,.32),rgba(255,140,60,.1) 30%,transparent 62%),repeating-conic-gradient(from 0deg at 50% 44%,rgba(255,170,90,.14) 0deg 2.2deg,transparent 2.2deg 9deg);-webkit-mask-image:radial-gradient(circle at 50% 44%,#000 12%,transparent 72%);mask-image:radial-gradient(circle at 50% 44%,#000 12%,transparent 72%)}.sdc-halftone,.sdc-rays{position:absolute;inset:0;pointer-events:none}.sdc-halftone{mix-blend-mode:overlay;opacity:.32;background-image:radial-gradient(circle,rgba(255,230,190,.55) .7px,transparent 1.1px);background-size:3.2px 3.2px}.sdc-scrim{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(14,8,6,.55),rgba(14,8,6,0) 26%),linear-gradient(0deg,rgba(14,8,6,.97),rgba(14,8,6,.85) 18%,rgba(14,8,6,.35) 36%,rgba(14,8,6,0) 50%),radial-gradient(ellipse at 50% 46%,transparent 55%,rgba(14,8,6,.55) 100%)}.sdc-lay0,.sdc-lay1,.sdc-lay2{position:absolute;inset:-3%;will-change:transform;transition:transform .28s cubic-bezier(.2,.7,.2,1)}.sdc-lay0 img,.sdc-lay1 img,.sdc-lay2 img{display:block;width:100%;height:100%;object-fit:cover}.sdc-lay0{transform:translate(calc((var(--px) - .5) * -14px),calc((var(--py) - .5) * -14px))}.sdc-lay1{transform:translate(calc((var(--px) - .5) * 5px),calc((var(--py) - .5) * 5px))}.sdc-lay2{transform:translate(calc((var(--px) - .5) * 18px),calc((var(--py) - .5) * 18px))}.sdc-stage.is-live .sdc-lay0,.sdc-stage.is-live .sdc-lay1,.sdc-stage.is-live .sdc-lay2{transition:transform .08s ease-out}.sdc-frame{position:absolute;inset:0;display:block;width:100%;height:100%}.sdc-foil{background:linear-gradient(115deg,transparent 18%,#ff8a5a 28%,#ffd36e 36%,#fff0b8 44%,#ffb36a 52%,#ff6a6a 60%,#ffd36e 68%,transparent 80%);background-size:260% 260%;background-position:calc(var(--px) * 100%) calc(var(--py) * 100%)}.sdc-foil,.sdc-glitter{position:absolute;inset:0;pointer-events:none;mix-blend-mode:color-dodge}.sdc-glitter{width:100%;height:100%}.sdc-glare{position:absolute;inset:0;pointer-events:none;mix-blend-mode:soft-light;background:radial-gradient(circle at calc(var(--px) * 100%) calc(var(--py) * 100%),rgba(255,255,255,.55),rgba(255,255,255,.12) 26%,transparent 55%)}.sdc-turn{min-width:160px}.sdc-shadow{display:block;width:84%;height:44px;margin-top:-36px;border-radius:50%;pointer-events:none;background:radial-gradient(closest-side,rgba(0,0,0,.75),transparent);opacity:.6;transition:transform .3s ease-out,opacity .3s}.sdc-stage.is-live+.sdc-shadow{transform:translateX(calc((.5 - var(--px)) * 40px)) scaleX(.9);opacity:.8}.sdc-card--blank{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;border:1px dashed rgba(42,26,16,.3);background:#e8dbbd;font-family:var(--font-oswald),sans-serif;font-size:13px;letter-spacing:.2em;color:#7a5a44}@keyframes sdc-float{0%{transform:rotateX(7deg) rotateY(-11deg)}50%{transform:rotateX(-4deg) rotateY(11deg)}to{transform:rotateX(7deg) rotateY(-11deg)}}@keyframes sdc-foil{0%{background-position:0 20%}50%{background-position:100% 80%}to{background-position:0 20%}}@media (prefers-reduced-motion:reduce){.sdc--hero .sdc-stage:not(.is-live) .sdc-foil,.sdc--hero .sdc-stage:not(.is-live) .sdc-tilt{animation:none}.sdc-flip{transition:none}}.sdc-photo{position:absolute;inset:0}.sdc-photo img{display:block;width:100%;height:100%;object-fit:cover}.sdc-scrim--photo{background:linear-gradient(180deg,rgba(14,8,6,.5),rgba(14,8,6,0) 22%),linear-gradient(0deg,rgba(14,8,6,.85),rgba(14,8,6,0) 22%)}.sdc-window--sealed{background:radial-gradient(circle at 50% 44%,#3a1a0c,#160a05 55%,#0e0806)}.sdc-rays--seal{opacity:.8}