/* Simpler card entry */
.work-card .card-open{width:42px;height:42px;right:14px;top:14px;padding:0;border-radius:50%;background:#0d1220;color:#fff;border:1px solid rgba(255,255,255,.7);box-shadow:0 5px 14px rgba(0,0,0,.24);display:grid;place-items:center;transform:none}.work-card .card-open small{display:none}.work-card .card-open b{width:auto;height:auto;background:transparent;color:inherit;font:22px/1 Arial,sans-serif;transition:transform .25s}.work-card:hover .card-open{background:#fff;color:#0d1220;box-shadow:0 7px 18px rgba(0,0,0,.32);transform:scale(1.08)}.work-card:hover .card-open b{animation:none;transform:translate(2px,-2px)}
/* Distinct opening effects, with each fragment sourced from its own project page */
.case-entry{--entry-a:#73e7ff;--entry-b:#7b8cff;--entry-c:#f4ff67;background:radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--entry-a) 20%,transparent),rgba(5,8,16,.9) 70%);animation:entryFadeV2 3.2s ease forwards}.case-entry:before,.case-entry:after{content:"";position:absolute;pointer-events:none}.case-entry:before{width:min(64vw,850px);aspect-ratio:1;border-radius:50%;border:1px solid color-mix(in srgb,var(--entry-a) 72%,transparent);box-shadow:0 0 38px color-mix(in srgb,var(--entry-a) 52%,transparent),inset 0 0 38px color-mix(in srgb,var(--entry-b) 35%,transparent);opacity:.78;animation:orbitPulse 2.7s cubic-bezier(.18,.8,.2,1) forwards}.case-entry:after{inset:0;background:repeating-linear-gradient(90deg,transparent 0 13vw,color-mix(in srgb,var(--entry-a) 13%,transparent) 13.2vw 13.35vw);mask-image:radial-gradient(circle at 50% 50%,#000,transparent 67%);animation:gridSweep 2.8s ease forwards}.case-entry-note{z-index:4;color:#fff;text-shadow:0 0 12px var(--entry-a);letter-spacing:.26em}.case-entry-fragment{z-index:3;border-color:#fff;box-shadow:0 0 0 2px color-mix(in srgb,var(--entry-a) 78%,transparent),0 0 38px color-mix(in srgb,var(--entry-a) 70%,transparent),0 32px 86px rgba(0,0,0,.72);animation:extractV2 2.65s cubic-bezier(.16,.82,.22,1) forwards}.case-entry i{z-index:5;left:50%;top:50%;margin:0!important;width:var(--particle-size);height:var(--particle-size);background:var(--particle-color);box-shadow:0 0 9px var(--particle-color),0 0 22px var(--particle-color);animation:particleBurstV2 1.65s var(--particle-delay) cubic-bezier(.12,.76,.2,1) forwards}.case-entry--01{--entry-a:#73e7ff;--entry-b:#7b8cff;--entry-c:#f4ff67}.case-entry--01 .case-entry-fragment{clip-path:polygon(6% 15%,72% 0,100% 28%,84% 100%,19% 91%,0 62%)}.case-entry--02{--entry-a:#ff9fbd;--entry-b:#ff754f;--entry-c:#fff0a1}.case-entry--02:before{border-radius:16px;transform:rotate(45deg);animation-name:frameSpin}.case-entry--02 .case-entry-fragment{border-radius:10px;clip-path:polygon(0 8%,94% 0,100% 89%,9% 100%);animation-name:slideReveal}.case-entry--03{--entry-a:#ff555e;--entry-b:#ffb13d;--entry-c:#5ce5ff}.case-entry--03:after{background:linear-gradient(105deg,transparent 38%,color-mix(in srgb,var(--entry-a) 82%,transparent) 49%,transparent 60%);mask-image:none;animation:laserSweep 2.5s ease forwards}.case-entry--03 .case-entry-fragment{border-radius:50%;clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);animation-name:diamondBlast}.case-entry--04{--entry-a:#c38dff;--entry-b:#ff6bbd;--entry-c:#65e5ff}.case-entry--04:before{border-style:dashed;animation-name:orbitSpin}.case-entry--04 .case-entry-fragment{border-radius:32% 68% 54% 46%;clip-path:polygon(20% 0,100% 15%,78% 100%,0 80%);animation-name:shardRise}.case-entry--05{--entry-a:#ffcc4d;--entry-b:#ff694b;--entry-c:#fff0ae}.case-entry--05:before{border-radius:0;transform:rotate(45deg);animation-name:giftFrame}.case-entry--05 .case-entry-fragment{border-radius:4px;clip-path:polygon(0 0,100% 0,83% 100%,15% 100%);animation-name:giftPop}.case-entry--06{--entry-a:#62edff;--entry-b:#ff9b3f;--entry-c:#ca8cff}.case-entry--06:before{border-width:3px;box-shadow:0 0 22px var(--entry-a),0 0 70px var(--entry-b),inset 0 0 28px var(--entry-a);animation-name:orbitSpin}.case-entry--06 .case-entry-fragment{border-radius:50%;clip-path:circle(48%);animation-name:orbitReveal}.case-entry--06 .case-entry-fragment img{animation-name:fragmentOrbit}
@keyframes entryFadeV2{0%,81%{opacity:1}100%{opacity:0;visibility:hidden}}@keyframes extractV2{0%{opacity:0;transform:scale(.08) rotate(-24deg)}28%{opacity:1;transform:scale(1.05) rotate(6deg)}76%{opacity:1;transform:scale(.94) rotate(-3deg)}100%{opacity:0;transform:scale(1.22) rotate(12deg);filter:blur(6px)}}@keyframes particleBurstV2{0%{opacity:0;transform:translate(-50%,-50%) scale(.1)}15%{opacity:1}100%{opacity:0;transform:translate(calc(-50% + var(--particle-x)),calc(-50% + var(--particle-y))) scale(0)}}@keyframes orbitPulse{0%{opacity:0;transform:scale(.1)}36%{opacity:.9;transform:scale(.84)}100%{opacity:0;transform:scale(1.24)}}@keyframes gridSweep{0%{opacity:0;transform:translateX(-13%)}40%{opacity:1}100%{opacity:0;transform:translateX(13%)}}@keyframes frameSpin{0%{opacity:0;transform:rotate(0) scale(.1)}100%{opacity:0;transform:rotate(185deg) scale(1.2)}}@keyframes slideReveal{0%{opacity:0;transform:translateX(-65%) rotate(-12deg)}32%{opacity:1;transform:translateX(0) rotate(4deg)}100%{opacity:0;transform:translateX(28%) rotate(9deg);filter:blur(6px)}}@keyframes laserSweep{0%{opacity:0;transform:translateX(-85%)}35%{opacity:1}100%{opacity:0;transform:translateX(85%)}}@keyframes diamondBlast{0%{opacity:0;transform:scale(.05) rotate(-45deg)}30%{opacity:1;transform:scale(1.04) rotate(5deg)}100%{opacity:0;transform:scale(1.32) rotate(70deg);filter:blur(6px)}}@keyframes orbitSpin{0%{opacity:0;transform:rotate(0) scale(.15)}30%{opacity:.86}100%{opacity:0;transform:rotate(290deg) scale(1.16)}}@keyframes shardRise{0%{opacity:0;transform:translateY(26vh) rotate(28deg) scale(.25)}32%{opacity:1;transform:translateY(0) rotate(-7deg) scale(1.04)}100%{opacity:0;transform:translateY(-16vh) rotate(-26deg) scale(.72);filter:blur(5px)}}@keyframes giftFrame{0%{opacity:0;transform:rotate(45deg) scale(.15)}38%{opacity:.85;transform:rotate(45deg) scale(.85)}100%{opacity:0;transform:rotate(45deg) scale(1.22)}}@keyframes giftPop{0%{opacity:0;transform:scale(.18) rotate(9deg)}28%{opacity:1;transform:scale(1.07) rotate(-3deg)}100%{opacity:0;transform:scale(1.26) rotate(8deg);filter:blur(6px)}}@keyframes orbitReveal{0%{opacity:0;transform:scale(.06)}30%{opacity:1;transform:scale(1.04)}100%{opacity:0;transform:scale(1.22);filter:blur(6px)}}@keyframes fragmentOrbit{0%{transform:scale(1.85) rotate(-16deg)}100%{transform:scale(1.05) rotate(11deg)}}
@media(max-width:700px){.work-card .card-open{width:38px;height:38px;right:11px;top:11px}.case-entry:before{width:86vw}.case-entry i{box-shadow:0 0 7px var(--particle-color),0 0 16px var(--particle-color)}}
@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}}