.cosmic-fringe-container{position:fixed;inset:0;z-index:0;overflow:hidden;background:#000;opacity:0;transition:opacity 2s ease-out}.cosmic-fringe-container.entered{opacity:1}.cosmic-fringe-image{position:absolute;inset:0;width:100%;height:100%;background-image:url(/images/laniakea-fringe3.PNG);background-size:cover;background-position:50%;background-repeat:no-repeat;background-color:#000}.cosmic-fringe-container.entered .cosmic-fringe-image{animation:cosmicPulse 60s ease-in-out infinite,expansionDrift 300s ease-in-out infinite,redshiftCycle 120s ease-in-out infinite}@keyframes cosmicPulse{0%,to{filter:brightness(1) saturate(1)}50%{filter:brightness(1.04) saturate(1.06)}}@keyframes expansionDrift{0%,to{transform:scale(1) translate(0)}50%{transform:scale(1.008) translate(.1%,.1%)}}@keyframes redshiftCycle{0%,to{filter:brightness(1) saturate(1) hue-rotate(0deg)}25%{filter:brightness(1.02) saturate(1.04) hue-rotate(-3deg)}50%{filter:brightness(1.04) saturate(1.06) hue-rotate(0deg)}75%{filter:brightness(1.02) saturate(1.04) hue-rotate(3deg)}}.cosmic-fringe-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;mix-blend-mode:screen}.cosmic-fringe-vignette{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 65% 55% at 50% 50%,transparent 0,transparent 25%,rgba(0,0,5,.25) 50%,rgba(0,0,3,.55) 75%,rgba(0,0,0,.85) 100%);animation:vignetteBreathe 40s ease-in-out infinite}@keyframes vignetteBreathe{0%,to{opacity:1;transform:scale(1)}50%{opacity:.85;transform:scale(1.02)}}.cosmic-fringe-shimmer{position:absolute;inset:0;pointer-events:none;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");animation:shimmerShift 8s steps(4) infinite;mix-blend-mode:overlay}@keyframes shimmerShift{0%{transform:translate(0)}25%{transform:translate(-.5%,.5%)}50%{transform:translate(.5%,-.5%)}75%{transform:translate(-.5%,-.5%)}to{transform:translate(0)}}