.geode{position:relative;width:200px;height:200px;margin:var(--space-8) auto}.geode__shell-left,.geode__shell-right{position:absolute;top:0;width:50%;height:100%;transition:transform var(--transition-slow)}.geode__shell-left{left:0;transform-origin:left center}.geode__shell-right{right:0;transform-origin:right center}.geode__crystal{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(.6);opacity:0;transition:opacity var(--transition-slow),transform var(--transition-slow)}.geode--open .geode__shell-left{animation:shell-open-left 1.2s ease-out forwards}.geode--open .geode__shell-right{animation:shell-open-right 1.2s ease-out forwards}.geode--open .geode__crystal{animation:crystal-reveal 1.2s ease-out .4s forwards}@keyframes shell-open-left{0%{transform:rotate(0)}60%{transform:rotate(-18deg)}to{transform:rotate(-15deg) translate(-8px)}}@keyframes shell-open-right{0%{transform:rotate(0)}60%{transform:rotate(18deg)}to{transform:rotate(15deg) translate(8px)}}@keyframes crystal-reveal{0%{opacity:0;transform:translate(-50%,-50%) scale(.6)}60%{opacity:1;transform:translate(-50%,-50%) scale(1.05)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.geode__crystal:after{content:"";position:absolute;top:-10%;right:-10%;bottom:-10%;left:-10%;background:radial-gradient(ellipse at 30% 30%,rgba(166,108,255,.3) 0%,transparent 60%);border-radius:50%;animation:shimmer 3s ease-in-out infinite}@keyframes shimmer{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}@media(prefers-reduced-motion:reduce){.geode--open .geode__shell-left,.geode--open .geode__shell-right{animation:none;transform:none;opacity:.4;transition:opacity .5s ease}.geode--open .geode__crystal{animation:none;opacity:1;transform:translate(-50%,-50%) scale(1);transition:opacity .5s ease}.geode__crystal:after{animation:none;opacity:.5}}