.work-card .card-open{right:16px;top:16px;width:78px;height:44px;border:1.5px solid #0b0f1a;border-radius:999px;background:#ff74b9;color:#0b0f1a;display:flex;align-items:center;justify-content:space-between;padding:0 11px 0 13px;font:700 11px "Noto Sans SC",sans-serif;letter-spacing:.08em;box-shadow:3px 3px 0 #0b0f1a;transform:rotate(-5deg);transition:transform .28s cubic-bezier(.2,.9,.3,1),background .28s,box-shadow .28s}.work-card .card-open small{font:700 11px "Noto Sans SC",sans-serif}.work-card .card-open b{width:22px;height:22px;display:grid;place-items:center;border-radius:50%;background:#0b0f1a;color:#fff;font:18px/1 Arial,sans-serif}.work-card:hover .card-open{background:var(--lime);border-color:#0b0f1a;box-shadow:6px 6px 0 #0b0f1a;transform:translate(-4px,-5px) rotate(0)}.work-card:hover .card-open b{animation:openArrow .8s cubic-bezier(.2,.8,.2,1) infinite alternate}@keyframes openArrow{to{transform:translate(2px,-2px)}}
.case-entry{position:fixed;z-index:8;inset:0;display:grid;place-items:center;pointer-events:none;overflow:hidden;background:radial-gradient(circle at 50% 47%,rgba(7,10,18,.08),rgba(7,10,18,.82) 72%);animation:entryFade 3.2s ease forwards}.case-entry-note{position:absolute;z-index:2;top:18%;font:11px "DM Mono",monospace;letter-spacing:.18em;color:#f7f8ff;opacity:0;animation:entryNote .8s .18s ease forwards}.case-entry-fragment{width:min(38vw,470px);aspect-ratio:1.32;overflow:hidden;border:2px solid rgba(255,255,255,.85);border-radius:50% 44% 48% 42%;box-shadow:0 0 0 14px rgba(255,255,255,.12),0 30px 80px rgba(0,0,0,.65);clip-path:polygon(4% 16%,71% 0,100% 27%,84% 100%,20% 91%,0 62%);animation:extractFragment 2.65s cubic-bezier(.16,.82,.22,1) forwards}.case-entry-fragment img{width:100%;height:100%;object-fit:cover;object-position:var(--spark-position);animation:fragmentZoom 2.65s cubic-bezier(.16,.82,.22,1) forwards}.case-entry i{position:absolute;width:10px;height:10px;background:var(--lime);border-radius:50%;opacity:0;animation:particle 1.35s .35s cubic-bezier(.2,.8,.2,1) forwards}.case-entry i:nth-of-type(1){margin:-20vh 0 0 -34vw}.case-entry i:nth-of-type(2){margin:14vh 0 0 28vw;background:var(--pink);animation-delay:.52s}.case-entry i:nth-of-type(3){margin:-10vh 0 0 36vw;background:var(--aqua);animation-delay:.42s}@keyframes extractFragment{0%{opacity:0;transform:scale(.15) rotate(-28deg)}35%{opacity:1;transform:scale(1.04) rotate(7deg)}78%{opacity:1;transform:scale(.93) rotate(-4deg)}100%{opacity:0;transform:scale(1.18) rotate(14deg);filter:blur(5px)}}@keyframes fragmentZoom{from{transform:scale(1.7)}to{transform:scale(1.04)}}@keyframes entryFade{0%,80%{opacity:1}100%{opacity:0;visibility:hidden}}@keyframes entryNote{to{opacity:.85;transform:translateY(7px)}}@keyframes particle{15%{opacity:1}100%{opacity:0;transform:translate(40px,-55px) scale(.1)}}
@media(max-width:700px){.work-card .card-open{width:70px;height:40px;right:10px;top:10px;padding:0 9px 0 11px}.work-card .card-open small{font-size:10px}.case-entry-fragment{width:min(72vw,370px)}.case-entry-note{top:24%;font-size:10px}}
@media(prefers-reduced-motion:reduce){.case-entry{display:none}.work-card .card-open,.work-card:hover .card-open,.work-card:hover .card-open b{animation:none;transform:none}}