/* V52 changes only the opening sequence. The Site layout and cards stay intact. */
.entry-sequence .entry-progress::before{animation-duration:10.8s}
.entry-sequence .entry-cosmos-rim{position:absolute;inset:0;z-index:2;pointer-events:none;opacity:0;background:#020916 url('assets/intro-v52-cosmos.webp') center/cover no-repeat;-webkit-mask-image:radial-gradient(ellipse at center,transparent 25%,#0004 55%,#000 97%);mask-image:radial-gradient(ellipse at center,transparent 25%,#0004 55%,#000 97%);transition:opacity .5s ease-out;transform:scale(1.045);animation:entry-cosmos-drift 10.8s ease-in-out both}
.entry-sequence.is-flight .entry-cosmos-rim{opacity:.72}
.entry-sequence.is-hud .entry-cosmos-rim{opacity:0}
.entry-sequence .entry-skip{top:auto;right:clamp(15px,3vw,45px);bottom:max(48px,calc(env(safe-area-inset-bottom) + 48px));z-index:10}
@keyframes entry-cosmos-drift{0%{transform:scale(1.045) translate3d(0,0,0)}50%{transform:scale(1.085) translate3d(-.8%,.4%,0)}100%{transform:scale(1.12) translate3d(.6%,-.4%,0)}}
.entry-sequence .entry-reveal{position:absolute;inset:0;z-index:4;pointer-events:none;opacity:0;overflow:hidden;background:radial-gradient(circle at 50% 50%,#b8f6ff55 0%,#338fc822 21%,transparent 55%)}
.entry-sequence .entry-reveal::before{content:"";position:absolute;left:50%;top:50%;width:min(48vw,48vh);aspect-ratio:1;border:2px solid #bbfaff;border-radius:50%;box-shadow:0 0 18px #6ee8ff,0 0 62px #55caff,inset 0 0 30px #73e6ff;transform:translate(-50%,-50%) scale(.25);opacity:0}
.entry-sequence .entry-reveal i{position:absolute;left:50%;top:50%;width:min(54vw,54vh);aspect-ratio:1;border:1px solid #7edffa;border-radius:50%;box-shadow:0 0 14px #3fd5ff;transform:translate(-50%,-50%) scale(.3);opacity:0}
.entry-sequence .entry-reveal i:nth-child(2){width:min(76vw,76vh)}
.entry-sequence .entry-reveal i:nth-child(3){width:min(98vw,98vh)}
.entry-sequence.is-revealing{animation:entry-menu-open .96s ease-in-out both}
.entry-sequence.is-revealing .entry-hud{opacity:0;transition:opacity .72s ease-in}
.entry-sequence.is-revealing .entry-reveal{opacity:1;animation:entry-digital-glow .96s ease-out both}
.entry-sequence.is-revealing .entry-reveal::before{animation:entry-digital-ring .9s cubic-bezier(.18,.55,.2,1) both}
.entry-sequence.is-revealing .entry-reveal i{animation:entry-digital-ring .92s cubic-bezier(.18,.55,.2,1) both}
.entry-sequence.is-revealing .entry-reveal i:nth-child(1){animation-delay:.06s}
.entry-sequence.is-revealing .entry-reveal i:nth-child(2){animation-delay:.12s}
.entry-sequence.is-revealing .entry-reveal i:nth-child(3){animation-delay:.18s}
@keyframes entry-digital-ring{0%{transform:translate(-50%,-50%) scale(.25);opacity:0}22%{opacity:.9}75%{opacity:.55}100%{transform:translate(-50%,-50%) scale(3.2);opacity:0}}
@keyframes entry-digital-glow{0%{opacity:0}25%{opacity:1}75%{opacity:.55}100%{opacity:0}}
@keyframes entry-menu-open{0%,23%{opacity:1}100%{opacity:0}}
@media(prefers-reduced-motion:reduce){.entry-sequence:not(.force-play) .entry-reveal,.entry-sequence:not(.force-play) .entry-reveal::before,.entry-sequence:not(.force-play) .entry-reveal i{animation:none}}
