.motion-card{min-height:15rem;padding:1.2rem;border:1px solid var(--line);background:#fff;display:flex;flex-direction:column;justify-content:flex-end;position:relative;overflow:hidden}.motion-card small{color:var(--red);font:700 .6rem ui-monospace,SFMono-Regular,monospace;letter-spacing:.08em}.motion-card p{margin:.45rem 0 0;color:var(--muted);font-size:.9rem}.motion-card em{margin-top:.8rem;color:var(--blue);font:700 .56rem ui-monospace,SFMono-Regular,monospace;letter-spacing:.06em;font-style:normal}.motion-title{position:absolute;inset:1.4rem;display:flex;align-items:center;justify-content:center;gap:.7rem;font:800 clamp(1.5rem,4vw,3.5rem) Georgia,serif}.motion-title span{color:var(--blue)}.motion-title s{text-decoration-color:var(--red);text-decoration-thickness:.12em}.motion-title b{color:var(--red);font:800 .7em ui-monospace,SFMono-Regular,monospace}.board-stack{position:absolute;inset:1.3rem 2rem 5rem;display:flex;align-items:center;justify-content:center;transform:rotate(-6deg)}.board-stack i{position:absolute;width:65%;height:72%;border:3px solid var(--blue);background:rgba(23,76,120,.08);box-shadow:1.2rem .8rem 0 rgba(191,75,61,.15)}.board-stack i:nth-child(2){transform:translate(1.1rem,-.8rem) rotate(7deg)}.board-stack i:nth-child(3){transform:translate(2.2rem,-1.5rem) rotate(14deg)}.category-lines{position:absolute;inset:1.2rem 1.5rem 5rem;display:flex;flex-direction:column;justify-content:center;gap:.55rem}.category-lines i{padding:.35rem .6rem;border-left:4px solid var(--red);background:#f5f1e8;color:var(--blue);font:700 .75rem ui-monospace,SFMono-Regular,monospace;font-style:normal;letter-spacing:.08em}.camera-stage{position:absolute;inset:1.3rem 1.3rem 5rem;border:10px solid #252d36;border-radius:1.2rem;background:linear-gradient(135deg,#687f91,#15202d);box-shadow:inset 0 0 0 2px #bbc4c9}.camera-stage i{position:absolute;inset:22% 16%;border:2px solid #e6ebec;background:repeating-linear-gradient(0deg,transparent 0 16%,rgba(255,255,255,.12) 16% 17%)}.camera-stage b{position:absolute;bottom:8%;right:9%;color:#f3b25c;font:700 .7rem ui-monospace,monospace}.lcd-stage{position:absolute;inset:1.5rem 2rem 5rem;border:12px solid #252d36;background:#283744;display:grid;grid-template-columns:repeat(3,1fr);gap:.4rem;padding:.5rem}.lcd-stage i{background:linear-gradient(135deg,#c2a3aa,#5c7795);border:1px solid #f3b25c}.full-stage{position:absolute;inset:1.5rem 1.5rem 5rem;display:flex;align-items:center;justify-content:center;gap:.3rem;overflow:hidden}.full-stage span{height:70%;width:30%;background:linear-gradient(150deg,#ad7680,#e4c88e 45%,#46677c);color:rgba(255,255,255,.8);display:grid;place-items:center;font:700 .6rem ui-monospace,monospace;letter-spacing:.1em;transform:skewY(-5deg)}.full-stage span:nth-child(2){height:82%;transform:skewY(4deg)}.full-stage span:nth-child(3){height:60%;transform:skewY(-8deg)}
@media(max-width:800px){.motion-card.frame-wide{grid-column:auto}}
@media(prefers-reduced-motion:reduce){.motion-card{transition:none!important}}