/* A viewport-sized page is the face of the travelling rectangular volume. */
@view-transition{navigation:auto}
html[data-space-transition] main .reveal{opacity:1;transform:none;transition:none}
html[data-space-transition] .arena-analytics-consent{visibility:hidden}
::view-transition{background:#07142d url(../images/cosmos-desktop.svg) center/cover no-repeat;perspective:2500px;overflow:hidden;animation:space-camera 1.45s ease both}
::view-transition-group(root){animation:none;perspective:2500px;transform-style:preserve-3d}
::view-transition-image-pair(root){isolation:auto;perspective:2500px;transform-style:preserve-3d;--face-depth:50vw}
::view-transition-old(root),::view-transition-new(root){mix-blend-mode:normal;backface-visibility:hidden;transform-origin:center;box-shadow:0 24px 95px #010717b3,0 0 0 2px #9cc8ff5c;border-radius:0;overflow:hidden}
::view-transition-old(root){animation:space-face-out 1.45s cubic-bezier(.42,0,.18,1) both;z-index:2}
::view-transition-new(root){animation:space-face-in 1.45s cubic-bezier(.42,0,.18,1) both;z-index:1}
@keyframes space-face-out{
 0%{transform:scale(1) translateZ(calc(-1 * var(--face-depth))) rotateY(0) translateZ(var(--face-depth));border-radius:0}
 25%{transform:scale(.66) translateZ(calc(-1 * var(--face-depth))) rotateY(0) translateZ(var(--face-depth));border-radius:18px}
 75%,100%{transform:scale(.66) translateZ(calc(-1 * var(--face-depth))) rotateY(-90deg) translateZ(var(--face-depth));border-radius:18px}
}
@keyframes space-face-in{
 0%,25%{transform:scale(.66) translateZ(calc(-1 * var(--face-depth))) rotateY(90deg) translateZ(var(--face-depth));border-radius:18px}
 75%{transform:scale(.66) translateZ(calc(-1 * var(--face-depth))) rotateY(0) translateZ(var(--face-depth));border-radius:18px}
 100%{transform:scale(1) translateZ(calc(-1 * var(--face-depth))) rotateY(0) translateZ(var(--face-depth));border-radius:0}
}
@keyframes space-camera{0%,100%{background-position:50% 50%}50%{background-position:52% 47%}}
html.space-fallback{background:#07142d url(../images/cosmos-desktop.svg) center/cover fixed no-repeat;overflow:hidden;perspective:2500px}
body.space-depart,body.space-arrive{transform-origin:50% calc(var(--space-scroll,0px) + 50vh);backface-visibility:hidden;will-change:transform;clip-path:inset(var(--space-scroll,0px) 0 var(--space-bottom,0px) 0 round 18px)}
body.space-depart{animation:space-fallback-out .58s cubic-bezier(.4,0,.15,1) both}
body.space-arrive{animation:space-fallback-in .64s cubic-bezier(.17,.7,.2,1) both}
html.space-await body{opacity:0}
@keyframes space-fallback-out{0%{transform:scale(1) rotateY(0)}45%{transform:scale(.66) rotateY(0)}100%{transform:scale(.66) rotateY(-78deg);opacity:0}}
@keyframes space-fallback-in{0%{transform:scale(.66) rotateY(78deg);opacity:0}35%{opacity:1}65%{transform:scale(.66) rotateY(0)}100%{transform:scale(1) rotateY(0)}}
.nav{isolation:isolate;perspective:900px}
.nav a{position:relative;z-index:1;transition:transform .35s cubic-bezier(.18,.8,.2,1),color .25s;transform-style:preserve-3d}
.nav a:hover,.nav a:focus-visible{transform:translateY(-3px) rotateX(9deg);color:#1760e8}
.home-parallax .nav a:hover,.home-parallax .nav a:focus-visible{color:#ffd0a5}
.nav a::after{transition:right .35s cubic-bezier(.18,.8,.2,1),box-shadow .3s;box-shadow:0 0 9px #ff8c3945}
.space-nav-trail{position:absolute;z-index:0;pointer-events:none;left:0;top:0;border-radius:12px;background:linear-gradient(120deg,#1264e918,#ff8b2310);border:1px solid #6ca3ee24;opacity:0;transition:transform .4s cubic-bezier(.18,.8,.2,1),width .4s,height .4s,opacity .3s}
.home-parallax .space-nav-trail{background:linear-gradient(120deg,#64a5ef23,#ff8b2320);border-color:#a6caff30}
.brand{transition:transform .45s cubic-bezier(.18,.8,.2,1),filter .4s;transform-style:preserve-3d}
.brand:hover,.brand:focus-visible{transform:perspective(700px) rotateY(-9deg) rotateX(5deg) translateY(-2px);filter:drop-shadow(0 8px 9px #1365d522)}
.home-parallax .brand{transition:transform .45s cubic-bezier(.18,.8,.2,1),filter .4s,box-shadow .4s}
body.menu-open .site-header{backdrop-filter:none}
.menu-toggle{transition:transform .5s cubic-bezier(.18,.8,.2,1),box-shadow .35s,background .35s;overflow:visible}
.menu-toggle:hover{transform:perspective(500px) rotateY(-15deg) rotateZ(-4deg);box-shadow:0 6px 24px #2d7de827}
.menu-toggle[aria-expanded="true"]{transform:rotate(90deg);box-shadow:0 0 0 5px #4689e819}
.menu-toggle__bars,.menu-toggle__bars::before,.menu-toggle__bars::after{transition:transform .5s cubic-bezier(.18,.8,.2,1),top .35s,background .2s}
/* A closed panel keeps its geometry for the closing animation, and has no focusable links. */
@media(max-width:1200px){
 .home-parallax .site-header .nav:not(.space-unused),.site-header .nav:not(.space-unused){display:flex;position:fixed;inset:94px 22px 22px;left:22px;right:22px;top:94px;width:auto;max-width:none;max-height:none;height:auto;padding:clamp(20px,4vw,40px);gap:10px;flex-direction:column;justify-content:center;align-items:stretch;border:1px solid #9fc7ff4a;border-radius:24px;background:linear-gradient(125deg,#06173488,#071b4999),url(../images/cosmos-desktop.svg) center/cover no-repeat;box-shadow:0 22px 60px #0006;overflow:auto;overscroll-behavior:contain;opacity:0;visibility:hidden;pointer-events:none;transform-origin:90% 0;transform:perspective(1400px) rotateY(-24deg) rotateX(-8deg) translateY(-20px) scale(.91);transition:opacity .3s,transform .5s cubic-bezier(.18,.8,.2,1),visibility 0s .5s;z-index:70}
 .site-header .nav:not(.space-unused).is-open,.home-parallax .site-header .nav:not(.space-unused).is-open{display:flex;opacity:1;visibility:visible;pointer-events:auto;transform:perspective(1400px) rotateY(0) rotateX(0) translateY(0) scale(1);transition-delay:0s}
 .site-header .nav:not(.space-unused) a,.home-parallax .site-header .nav:not(.space-unused) a,.home-parallax .site-header .nav:not(.space-unused).is-open a{display:flex;align-items:center;gap:20px;min-height:56px;padding:13px 18px;color:#edf4ff;font-size:clamp(17px,2.6vw,24px);font-family:Manrope,'Segoe UI',sans-serif;border:1px solid #b6d6ff25;border-radius:15px;background:linear-gradient(120deg,#a5c9f216,#4a7aca08);white-space:normal;opacity:0;transform:translateX(28px) rotateY(-18deg);transition:opacity .25s,transform .45s cubic-bezier(.18,.8,.2,1),background .25s}
 .site-header .nav:not(.space-unused).is-open a,.home-parallax .site-header .nav:not(.space-unused).is-open a{opacity:1;transform:translateX(0) rotateY(0);transition-delay:calc(var(--nav-order,0) * 45ms)}
 .site-header .nav:not(.space-unused) a:hover,.site-header .nav:not(.space-unused) a:focus-visible{color:#ffd0a5;background:#8cbfff20;transform:translateX(5px)}
 .site-header .nav:not(.space-unused) a::after{display:none}
 .space-nav-number{font-size:10px;font-weight:600;color:#82a8df;letter-spacing:.05em}
 .space-nav-arrow{margin-left:auto;font-size:21px;color:#ff9f58;transition:transform .3s}
 .nav a:hover .space-nav-arrow{transform:translateX(4px) rotate(-12deg)}
 .space-nav-trail{display:none}
 .site-header .menu-toggle{display:grid}
 .site-header .nav:not(.space-unused) a[aria-current="page"]{border-color:#ff9c5b80;background:#ff862b17}
 body.menu-open::after{content:'';position:fixed;inset:0;background:#020a2299;backdrop-filter:blur(7px);z-index:35;animation:space-menu-shade .35s ease both}
 body.menu-open .arena-analytics-consent,body.menu-open .arena-analytics-settings,body.menu-open .mobile-actions{visibility:hidden;pointer-events:none}
 @keyframes space-menu-shade{from{opacity:0}to{opacity:1}}
}
@media(min-width:1201px){.space-nav-number,.space-nav-arrow,.home-parallax .menu-toggle{display:none}}
@media(max-width:600px){
 ::view-transition,html.space-fallback{background-image:url(../images/cosmos-mobile.svg)}
 .site-header .nav:not(.space-unused),.home-parallax .site-header .nav:not(.space-unused){inset:86px 14px max(14px,env(safe-area-inset-bottom));top:86px;left:14px;right:14px;padding:22px 18px;gap:9px;background-image:linear-gradient(125deg,#06173466,#071b4977),url(../images/cosmos-mobile.svg);border-radius:21px}
 .site-header .nav:not(.space-unused) a,.home-parallax .site-header .nav:not(.space-unused) a,.home-parallax .site-header .nav:not(.space-unused).is-open a{font-size:19px;min-height:54px;padding:13px 14px;gap:15px}
}
@media(max-height:520px) and (max-width:1200px){
 .site-header .nav:not(.space-unused),.home-parallax .site-header .nav:not(.space-unused){inset:76px 14px 12px;top:76px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:center;gap:8px;padding:12px;min-height:0}
 .site-header .nav:not(.space-unused).is-open,.home-parallax .site-header .nav:not(.space-unused).is-open{display:grid}
 .site-header .nav:not(.space-unused) a,.home-parallax .site-header .nav:not(.space-unused) a,.home-parallax .site-header .nav:not(.space-unused).is-open a{min-height:44px;font-size:15px;padding:8px 10px;gap:9px}
}
@media(prefers-reduced-motion:reduce){
 @view-transition{navigation:none}
 ::view-transition-old(root),::view-transition-new(root){animation:none}
 body.space-depart,body.space-arrive{animation:none;transform:none;clip-path:none;opacity:1}
 .nav a,.brand,.menu-toggle,.menu-toggle__bars,.menu-toggle__bars::before,.menu-toggle__bars::after,.space-nav-trail,.site-header .nav:not(.space-unused),.site-header .nav:not(.space-unused) a{transition:none!important;animation:none!important;transform:none!important}
 .site-header .nav:not(.space-unused),.home-parallax .site-header .nav:not(.space-unused){background-image:linear-gradient(125deg,#102654,#071b49)}
 body.menu-open::after{animation:none;backdrop-filter:none}
}

/* Balloons stay behind the original content and preserve each section's color. */
html[data-space-theme="party"] main>section{position:relative;isolation:isolate}
html[data-space-theme="party"] main>section::before{content:'';position:absolute;inset:0;width:auto;height:auto;z-index:-1;pointer-events:none;border-radius:0;filter:none;transform:none;animation:none;background:url(../images/balloons-air-desktop.svg) center top/100% auto no-repeat;opacity:.22}
html[data-space-theme="party"] main>.hero-page--dark::before,html[data-space-theme="party"] main>.section--dark::before{opacity:.25}
html[data-space-scene="party"]::view-transition,html[data-space-scene="party"].space-fallback{background-image:url(../images/balloons-desktop.svg)}
@media(max-width:1200px){html[data-space-theme="party"] .site-header .nav:not(.space-unused){background-image:linear-gradient(125deg,#061734b8,#071b49cc),url(../images/balloons-desktop.svg);background-color:#040d20}}
@media(max-width:600px){
 html[data-space-theme="party"] main>section::before{background-image:url(../images/balloons-air-mobile.svg);opacity:.18}
 html[data-space-theme="party"] main>.hero-page--dark::before,html[data-space-theme="party"] main>.section--dark::before{opacity:.25}
 html[data-space-scene="party"]::view-transition,html[data-space-scene="party"].space-fallback{background-image:url(../images/balloons-mobile.svg)}
 html[data-space-theme="party"] .site-header .nav:not(.space-unused){background-image:linear-gradient(125deg,#061734b8,#071b49cc),url(../images/balloons-mobile.svg)}
}
@media(prefers-reduced-motion:reduce){html[data-space-theme="party"] .site-header .nav:not(.space-unused){background-image:linear-gradient(125deg,#102654,#071b49)}}

/* Keep the close button above the panel, including the promotion strip. */
@media(max-width:1200px){.site-header .nav:not(.space-unused),.home-parallax .site-header .nav:not(.space-unused){top:var(--space-menu-top,135px)}}