/* A short orbital passage between the two Cobalt experiences. */
.cobalt-page-transition{position:fixed;inset:0;z-index:100000;display:grid;place-items:center;overflow:hidden;isolation:isolate;color:#f8f3ff;background:radial-gradient(ellipse at 50% 46%,#52247b55,transparent 55%),#100b19;clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}
.cobalt-page-transition[hidden]{display:none!important}
html[data-theme="light"] .cobalt-page-transition{color:#30203f;background:radial-gradient(ellipse at 50% 46%,#e5d2fb88,transparent 55%),#faf8fd}
.cobalt-page-transition::before{content:'';position:absolute;width:26vw;min-width:120px;height:150%;top:-25%;left:-40%;transform:skewX(-24deg);background:linear-gradient(90deg,transparent,#a052ed22,#b56aff44,#9650d91a,transparent);animation:cobalt-transit-light 1.3s cubic-bezier(.2,.7,.2,1) both;z-index:-1}
.cobalt-transit-content{display:flex;flex-direction:column;align-items:center;text-align:center;padding:24px;position:relative}
.cobalt-transit-symbol{display:grid;place-items:center;position:relative;width:160px;height:160px;margin-bottom:24px}
.cobalt-transit-symbol::before,.cobalt-transit-symbol::after{content:'';position:absolute;inset:0;border:1px solid #a76be632;border-radius:50%;transform:rotate(-30deg) scaleY(.72)}
.cobalt-transit-symbol::after{inset:-22px;border-color:#a76be618;transform:rotate(30deg) scaleY(.7)}
.cobalt-transit-symbol img{width:85px;height:80px;object-fit:contain;filter:drop-shadow(0 10px 24px #8e39dc3b)}
.cobalt-transit-symbol i{position:absolute;left:18px;top:41px;width:5px;height:5px;background:#bb7cf8;border-radius:50%;box-shadow:0 0 16px #a960f5}
.cobalt-transit-wordmark{font:600 42px/1.05 var(--font,'Space Grotesk',sans-serif);letter-spacing:-1.8px}
.cobalt-transit-destination{margin-top:12px;font:500 11px/1.3 var(--body,'DM Sans',sans-serif);letter-spacing:6px;text-indent:6px;color:#b787df}
html[data-theme="light"] .cobalt-transit-destination{color:#8439b9}
.cobalt-transit-caption{margin-top:30px;font:400 12px/1.6 var(--body,'DM Sans',sans-serif);color:#a398b2;letter-spacing:.2px}
html[data-theme="light"] .cobalt-transit-caption{color:#786285}
.cobalt-page-transition[data-phase="cover"]{animation:cobalt-transit-cover .56s cubic-bezier(.65,0,.2,1) both}
.cobalt-page-transition[data-phase="cover"] .cobalt-transit-content{animation:cobalt-transit-brand .5s .06s both}
.cobalt-page-transition[data-phase="reveal"]{animation:cobalt-transit-reveal .62s cubic-bezier(.65,0,.2,1) both}
.cobalt-page-transition[data-phase="reveal"] .cobalt-transit-content{animation:cobalt-transit-brand-out .35s ease both}
html[data-page-arrival]::after{content:'';position:fixed;inset:0;background:#100b19;z-index:99999;animation:cobalt-transit-rescue .01s 2.4s forwards;pointer-events:none}
html[data-theme="light"][data-page-arrival]::after{background:#faf8fd}
@keyframes cobalt-transit-cover{from{clip-path:polygon(0 0,0 0,-16% 100%,0 100%)}to{clip-path:polygon(0 0,116% 0,100% 100%,0 100%)}}
@keyframes cobalt-transit-reveal{from{clip-path:polygon(0 0,116% 0,100% 100%,0 100%)}to{clip-path:polygon(116% 0,116% 0,100% 100%,100% 100%)}}
@keyframes cobalt-transit-brand{from{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:none}}
@keyframes cobalt-transit-brand-out{to{opacity:0;transform:translateY(-12px) scale(1.02)}}
@keyframes cobalt-transit-light{to{left:125%}}
@keyframes cobalt-transit-rescue{to{opacity:0;visibility:hidden}}
@media(max-width:600px){.cobalt-transit-symbol{width:130px;height:130px;margin-bottom:24px}.cobalt-transit-symbol img{width:72px;height:68px}.cobalt-transit-wordmark{font-size:36px}.cobalt-transit-destination{font-size:10px;letter-spacing:5px}.cobalt-transit-caption{font-size:11px}}
@media(prefers-reduced-motion:reduce){.cobalt-page-transition,html[data-page-arrival]::after{display:none!important}}