.flip-card{--fc-w: 300px;--fc-h: 400px;--fc-radius: 22px;--fc-bg: #27272a;--fc-ink: #f5f5f5;--fc-shadow: #000000;--fc-shadow-o: .45;--fc-glare: .22;position:relative;display:inline-block;width:var(--fc-w);max-width:100%;height:var(--fc-h);border-radius:var(--fc-radius);outline:none;cursor:pointer;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;touch-action:pan-y}.flip-card[data-axis=x]{touch-action:pan-x}.flip-card[data-draggable]{cursor:grab}.flip-card[data-dragging]{cursor:grabbing}.flip-card[data-disabled]{cursor:default;opacity:.6}.flip-card__shadow{position:absolute;inset:12% 9% -5%;border-radius:var(--fc-radius);background:color-mix(in srgb,var(--fc-shadow) calc(var(--fc-shadow-o) * 100%),transparent);filter:blur(22px);pointer-events:none}.flip-card__rotor{position:absolute;inset:0;transform-style:preserve-3d}.flip-card__face{position:absolute;inset:0;overflow:hidden;border-radius:var(--fc-radius);background:var(--fc-bg);color:var(--fc-ink);backface-visibility:hidden;-webkit-backface-visibility:hidden}.flip-card__face img{-webkit-user-drag:none}.flip-card__face--back{transform:rotateY(180deg)}.flip-card[data-axis=x] .flip-card__face--back{transform:rotateX(180deg)}.flip-card__glare{position:absolute;inset:0;background:radial-gradient(circle farthest-side at var(--fc-gx, 50%) var(--fc-gy, 50%),rgba(255,255,255,var(--fc-glare)) 0%,rgba(255,255,255,calc(var(--fc-glare) * .76)) 12%,rgba(255,255,255,calc(var(--fc-glare) * .5)) 26%,rgba(255,255,255,calc(var(--fc-glare) * .28)) 42%,rgba(255,255,255,calc(var(--fc-glare) * .12)) 60%,rgba(255,255,255,calc(var(--fc-glare) * .04)) 78%,rgba(255,255,255,0) 100%);opacity:var(--fc-sheen, 0);pointer-events:none}.flip-card[data-fade] .flip-card__face{transform:none;opacity:0;backface-visibility:visible;-webkit-backface-visibility:visible;transition:opacity .2s ease}.flip-card[data-fade=front] .flip-card__face--front,.flip-card[data-fade=back] .flip-card__face--back{opacity:1}.lan-flip-host{position:absolute;inset:0;min-width:0;min-height:0}.lan-flip-host .lan-flip-card{display:block;width:100%;height:100%;max-width:none}.lan-flip-card[data-disabled]{opacity:1;pointer-events:none}.lan-flip-card:focus-visible{outline:3px solid var(--accent,#ecc7ff);outline-offset:7px}.lan-flip-face{position:absolute;inset:0;overflow:hidden;background:radial-gradient(ellipse at 70% 20%,#66507855,transparent 65%),#16191e}.lan-flip-face>img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;pointer-events:none}.lan-flip-face>img[hidden]{display:none}.lan-flip-image-fallback{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;gap:16px;padding:28px;color:#dbd4e6;text-align:left;font-size:26px;letter-spacing:.02em;line-height:1.25}.lan-flip-image-fallback small{font-size:12px;line-height:1.7;color:#aaa5b0;max-width:20em}.lan-flip-caption{position:absolute;inset:auto 0 0;padding:85px 24px 46px;background:linear-gradient(transparent,#080a10ed);text-align:left;color:#f5f3f8;pointer-events:none}.lan-flip-caption strong{display:block;font-size:24px;font-weight:600;letter-spacing:-.04em;line-height:1.2}.lan-flip-caption small{display:block;color:#d1cbd7;font-size:12px;line-height:1.65;margin-top:7px;max-width:25em}.lan-flip-kicker{position:absolute;top:20px;left:20px;padding:5px 9px;border:1px solid #ffffff30;border-radius:20px;background:#0c0c17b8;color:#e2d9ed;font-size:10px;line-height:1.6;pointer-events:none}.lan-flip-corner{position:absolute;bottom:17px;right:22px;color:#d8c8e9;font-family:var(--font-mono,monospace);font-size:9px;letter-spacing:.13em;pointer-events:none}.lan-flip-host[data-reduced=true] .flip-card__face{transition:none}@media(prefers-reduced-motion:reduce){.lan-flip-host .flip-card__face{transition:none}}