.flip-stack{--card-w:260px;--card-h:360px;--card-radius:32px;--card-radius-media:32px;--card-thickness:12px;--card-count:6;--slot-duration:3s;--cycle-duration:calc(var(--slot-duration) * var(--card-count));--bg:#eeeef7;--on-surface:#0a0a0a;--shadow-color:rgba(20,24,40,0.20);--shadow-color-soft:rgba(20,24,40,0.12);--glare-color:rgba(255,255,255,0.75);--edge-color-light:#e2e2e8;--edge-color-dark:#9a9aa6;--glow-color:rgba(255,255,255,0.65);--glow-color-tint:rgba(196,179,253,0.45);--perspective:1400px;position:relative;width:var(--card-w);height:var(--card-h);perspective:var(--perspective)}.flip-card-glow{inset:-30px;z-index:0;border-radius:calc(var(--card-radius) + 20px);background:radial-gradient(closest-side,var(--glow-color),rgba(255,255,255,0) 70%),radial-gradient(closest-side,var(--glow-color-tint),rgba(196,179,253,0) 75%);filter:blur(22px);transform:scale(.85);animation:card-glow-pulse var(--cycle-duration) linear infinite;animation-delay:calc(var(--i, 0) * var(--slot-duration))}.flip-card,.flip-card-glow{position:absolute;pointer-events:none;opacity:0}.flip-card{inset:0;z-index:1;border-radius:var(--card-radius);transform-style:preserve-3d;will-change:transform,opacity,box-shadow;transform-origin:50% 50%;transform:rotateY(-92deg) rotateX(9deg) translateY(-6px) scale(.95);animation:card-flip-cycle var(--cycle-duration) linear infinite;animation-delay:calc(var(--i, 0) * var(--slot-duration))}.flip-card--media{border-radius:var(--card-radius-media)}.flip-card__front{position:absolute;inset:0;border-radius:inherit;overflow:hidden;background:var(--bg);color:var(--on-surface);backface-visibility:hidden;-webkit-backface-visibility:hidden}.flip-card__media{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none}.flip-card__face{position:absolute;inset:0;display:flex;align-items:flex-end;padding:24px;box-sizing:border-box}.flip-card__art{position:absolute;inset:0;z-index:0}.flip-card__title{position:relative;z-index:2;margin:0;font-family:Aeonik,Inter,system-ui,sans-serif;font-weight:900;font-size:24px;line-height:28px;letter-spacing:-.48px;text-shadow:0 1px 1px rgba(0,0,0,.2)}.flip-card__edge{display:none}.flip-card__front:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.38),rgba(255,255,255,0) 28%,rgba(255,255,255,0) 72%,rgba(255,255,255,.14));mix-blend-mode:overlay;pointer-events:none;z-index:3}.flip-card__front:after{content:"";position:absolute;top:-30%;left:-50%;width:55%;height:160%;background:linear-gradient(115deg,transparent 35%,var(--glare-color) 50%,transparent 65%);filter:blur(3px);mix-blend-mode:screen;pointer-events:none;z-index:4;animation:card-glare-sweep var(--cycle-duration) linear infinite;animation-delay:calc(var(--i, 0) * var(--slot-duration))}@keyframes card-flip-cycle{0%{transform:rotateY(-92deg) rotateX(9deg) translateY(-6px) scale(.95);opacity:0;box-shadow:0 8px 18px var(--shadow-color-soft);z-index:1;animation-timing-function:ease-out}2.7778%{transform:rotateY(0deg) rotateX(0deg) translateY(0) scale(1);opacity:1;box-shadow:0 16px 30px var(--shadow-color);z-index:2;animation-timing-function:ease-in-out}8.3333%{transform:rotateY(0deg) rotateX(0deg) translateY(-5px) scale(1.006);opacity:1;box-shadow:0 22px 38px var(--shadow-color);z-index:2;animation-timing-function:ease-in-out}13.8889%{transform:rotateY(0deg) rotateX(0deg) translateY(0) scale(1);opacity:1;box-shadow:0 16px 30px var(--shadow-color);z-index:2;animation-timing-function:ease-in}16.6667%{transform:rotateY(92deg) rotateX(-9deg) translateY(-6px) scale(.95);opacity:0;box-shadow:0 8px 18px var(--shadow-color-soft);z-index:1;animation-timing-function:linear}to{transform:rotateY(92deg) rotateX(-9deg) translateY(-6px) scale(.95);opacity:0;box-shadow:0 8px 18px var(--shadow-color-soft);z-index:1}}@keyframes card-glow-pulse{0%{opacity:0;transform:scale(.85);animation-timing-function:ease-out}2.7778%{opacity:.55;transform:scale(1);animation-timing-function:ease-in-out}8.3333%{opacity:.85;transform:scale(1.05);animation-timing-function:ease-in-out}13.8889%{opacity:.55;transform:scale(1);animation-timing-function:ease-in}16.6667%{opacity:0;transform:scale(.85);animation-timing-function:linear}to{opacity:0;transform:scale(.85)}}@keyframes card-glare-sweep{0%{transform:translateX(-140%) rotate(12deg);opacity:0;animation-timing-function:ease-out}2.7778%{transform:translateX(60%) rotate(12deg);opacity:.95;animation-timing-function:ease-in-out}8.3333%{transform:translateX(10%) rotate(12deg);opacity:.4;animation-timing-function:ease-in-out}13.8889%{transform:translateX(40%) rotate(12deg);opacity:.6;animation-timing-function:ease-in}15.2778%{transform:translateX(100%) rotate(12deg);opacity:.95;animation-timing-function:ease-in}16.6667%{transform:translateX(180%) rotate(12deg);opacity:0;animation-timing-function:linear}to{transform:translateX(180%) rotate(12deg);opacity:0}}.flip-stack__sparkles{position:absolute;inset:-40px;z-index:6;pointer-events:none}.sparkle{position:absolute;width:14px;height:14px;margin:-7px 0 0 -7px;opacity:0;animation:sparkle-twinkle 3.6s ease-in-out infinite;animation-delay:var(--delay,0s)}.sparkle:after,.sparkle:before{content:"";position:absolute;top:50%;left:50%;background:radial-gradient(closest-side,rgba(255,255,255,.95),rgba(255,255,255,0) 100%)}.sparkle:before{width:14px;height:2.4px;transform:translate(-50%,-50%)}.sparkle:after{width:2.4px;height:14px;transform:translate(-50%,-50%)}@keyframes sparkle-twinkle{0%,to{opacity:0;transform:scale(.4) rotate(0deg)}50%{opacity:.9;transform:scale(1) rotate(45deg)}70%{opacity:0;transform:scale(.5) rotate(60deg)}}@media (prefers-reduced-motion:reduce){.flip-card{animation-name:card-flip-cycle-reduced}.flip-card__edge,.flip-stack__sparkles{display:none}.flip-card__front:after{animation:none;opacity:.15}.flip-card-glow{animation:none;opacity:.2;transform:scale(1)}@keyframes card-flip-cycle-reduced{0%{transform:none;opacity:0}2.7778%{transform:none;opacity:1}13.8889%{transform:none;opacity:1}16.6667%{transform:none;opacity:0}to{transform:none;opacity:0}}}