.entrance{position:fixed;inset:0;z-index:1000;overflow:hidden;isolation:isolate;animation:entrance-dismiss .01s 2.55s forwards}
.entrance-curtain{position:absolute;inset:0;background:#060b15;z-index:-2;will-change:transform}
.curtain-left{right:50%;animation:curtain-left .8s 1.7s cubic-bezier(.76,0,.24,1) forwards}
.curtain-right{left:50%;animation:curtain-right .8s 1.7s cubic-bezier(.76,0,.24,1) forwards}
.entrance-art{position:absolute;inset:0;display:grid;place-items:center;animation:art-out .6s 1.65s ease-in forwards;pointer-events:none}
.entrance-glow{position:absolute;width:min(90vw,850px);height:min(90vw,850px);border-radius:50%;background:radial-gradient(circle,#164f9f55,transparent 65%);animation:glow-in 1.7s ease-out both}
.entrance-ring{position:absolute;width:min(64vw,580px);aspect-ratio:1;border:1px solid #ccb58590;border-radius:50%;box-shadow:0 0 28px #3265aa20,inset 0 0 28px #3265aa20;animation:ring-arrive 1.8s cubic-bezier(.16,1,.3,1) both}
.entrance-ring:after{content:'';position:absolute;width:7px;height:7px;top:14%;left:14%;border-radius:50%;background:#eed9af;box-shadow:0 0 20px #d6b571}
.ring-a{--angle:-28deg;--squash:.44}.ring-b{--angle:40deg;--squash:.65;border-color:#598fe466;animation-delay:.08s}.ring-c{--angle:100deg;--squash:.85;border-color:#ccb58530;animation-delay:.16s}
.entrance-wordmark{position:relative;text-align:center;font:800 clamp(42px,8vw,110px)/1 Arial,sans-serif;letter-spacing:-.065em;animation:word-arrive 1.1s .2s cubic-bezier(.16,1,.3,1) both;text-shadow:0 0 50px #679df333}
.entrance-net{color:#ccb585}.entrance-wordmark small{display:block;font:9px/1.6 Arial,sans-serif;letter-spacing:.48em;margin-top:26px;color:#aab6ca}
.entrance-beam{position:absolute;width:1px;height:100%;background:linear-gradient(transparent,#ccb58599,transparent);animation:beam-sweep 1.2s .2s both}
.entrance-caption{position:absolute;top:calc(50% + min(36vw,270px));font-size:10px;letter-spacing:5px;color:#a6b4ca;animation:word-arrive .8s .45s both}
.entrance-line{position:absolute;bottom:10%;height:1px;width:100px;background:#ccb585;transform-origin:left;animation:line-grow 1.6s ease-in-out both}
.entrance-skip{position:absolute;right:5%;bottom:6%;background:transparent;border:1px solid #ccb58550;color:#ccb585;padding:10px 16px;font-size:11px;cursor:pointer;animation:art-out .4s 1.8s forwards}
@keyframes ring-arrive{from{opacity:0;transform:rotate(calc(var(--angle) - 100deg)) scale(1.7) scaleY(var(--squash))}35%{opacity:1}to{opacity:.8;transform:rotate(var(--angle)) scale(1) scaleY(var(--squash))}}
@keyframes word-arrive{from{opacity:0;filter:blur(12px);transform:translateY(20px);letter-spacing:.08em}to{opacity:1;filter:blur(0);transform:translateY(0)}}
@keyframes glow-in{from{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1.1)}}
@keyframes beam-sweep{from{opacity:0;transform:translateX(-45vw)}40%{opacity:.8}to{opacity:0;transform:translateX(45vw)}}
@keyframes line-grow{from{transform:scaleX(0);opacity:.3}to{transform:scaleX(1);opacity:1}}
@keyframes art-out{to{opacity:0;transform:scale(1.1);visibility:hidden}}
@keyframes curtain-left{to{transform:translateX(-101%)}}
@keyframes curtain-right{to{transform:translateX(101%)}}
@keyframes entrance-dismiss{to{visibility:hidden;pointer-events:none}}
@media(prefers-reduced-motion:reduce){.entrance{display:none}}