:root{--duration: .8s;--half-duraiton: calc(var(--duration) / 2);--ease: cubic-bezier(.7, 0, .3, 1)}.solar-three #app{height:100%;width:100%;display:grid;grid-template-columns:1;grid-template-rows:1fr 1fr;position:relative;z-index:10}.solar-three{height:100vh;position:relative;background:#000}.solar-three:after{content:'';display:block;clear:both}.solar-three .planet{grid-column:1;grid-row:1/-1;overflow:hidden;height:100%;width:100%;display:grid;grid-template-columns:10% 40% 40% 10%;grid-template-rows:10% 1fr 1fr;grid-template-areas:"header header header header" "x title details y" "x planet photos photos"}.planet>.planet-title{display:block;grid-area:title}.planet>.planet-figure{grid-column:1/-1;grid-row:planet;padding:0;margin:0 auto;position:relative}.planet>.planet-figure img{margin-bottom:-60%;max-width:100%;width:100%;aspect-ratio:1}.planet>.planet-figure::after{content:"";position:absolute;bottom:0%;top:0%;width:100%;left:0;background:linear-gradient(to top,rgba(0,0,0,0.7) 0%,transparent 30%);z-index:2}.planet>.planet-details{grid-area:details;display:flex;flex-direction:row;justify-content:space-between}.detail{font-size:5vmin;width:3em;font-weight:400;display:flex;margin-left:.4em;flex-shrink:0;align-self:start}.detail:after{content:attr(data-postfix)}.detail:before{display:block;position:absolute;top:100%;margin-top:1rem;font-size:.75rem;text-transform:uppercase;opacity:.6;letter-spacing:1px}.detail[data-detail=hours]:before{content:"Hours"}.detail[data-detail=gravity]:before{content:"gravity"}.detail[data-detail=tilt]:before{content:"tilt"}h1,h2{margin:0}.solar-three .planet{visibility:visible;transition:visibility .01s linear var(--duration);position:unset;margin-top:auto;margin-left:auto;border-radius:0}.planet[data-active]{visibility:visible;opacity:1;transition-delay:0s}.planet .planet-title .word{overflow:hidden}.planet .planet-title .char{transform:translateY(100%);transition:transform var(--duration) var(--ease);transition-delay:calc(var(--char-index) * .1s)}.planet[data-active] .planet-title .char{transform:translateY(0%);transition-delay:calc((var(--duration)/2) + (var(--char-index) * .1s))}.planet .planet-description{visibility:hidden;opacity:0;transform:translateY(1em);transition:transform var(--duration) var(--ease),opacity var(--duration) linear,visibility .01s linear var(--duration)}.planet[data-active] .planet-description{opacity:1;transform:translateY(0);visibility:visible;transition-delay:var(--duration),var(--duration),0s}.planet .planet-details{visibility:hidden}.planet[data-active] .planet-details{opacity:1;transform:translateY(0);visibility:visible;transition-delay:0s}.planet .planet-figure{opacity:0;transition:opacity var(--duration) var(--ease);position:relative}.planet[data-active] .planet-figure{opacity:1}#app{overflow:hidden}.planet-nav{grid-column:1;grid-row:2;pointer-events:none;z-index:10;display:flex;left:0;right:0;bottom:0}.planet-nav svg{display:block;width:auto;height:auto;min-width:110%;max-width:none;min-height:100vh;margin-bottom:-65%;margin-left:-5%}@media(max-width:600px){.planet-nav svg{margin-bottom:-55%}}.planet-nav tspan{cursor:pointer;fill:#fff;pointer-events:auto;opacity:0;transition:opacity var(--duration) linear}.planet-nav tspan[x]{opacity:.4}nav.planet-nav tspan.active{opacity:1;-webkit-animation:blink-home 2s linear infinite;-moz-animation:blink-home 2s linear infinite;-ms-animation:blink-home 2s linear infinite;-o-animation:blink-home 2s linear infinite;animation:blink-home 2s linear infinite}@keyframes blink-home{0%{text-shadow:2px 0 15px #12b8e1e3}50%{text-shadow:none}100%{text-shadow:2px 0 15px #12b8e1e3}}@-webkit-keyframes blink-home{0%{text-shadow:2px 0 15px #12b8e1e3}50%{text-shadow:0 0 0}100%{text-shadow:2px 0 15px #12b8e1e3}}.planet-nav tspan:hover,.planet-nav tspan:focus{opacity:1}.star-background-main img{max-width:100%;width:100%;transform:scale(1.3);max-height:1156px}.planet-nav svg{transform-origin:center center;--length: 7;--range: 160deg;transform:rotate(calc((var(--active,0)/var(--length)) * (-1 * var(--range)) + (var(--range)/2)));transition:transform var(--duration) var(--ease)}.planet-nav svg{transform-origin:center center;--length: 7;--range: 160deg;transition:transform var(--duration) var(--ease)}.planet-nav svg{transform:rotate(var(--active,0))}.planet-nav tspan{cursor:pointer}.explore-link{display:inline-block;text-decoration:none}.explore-button{position:absolute;top:unset;left:50%;transform:translateX(-50%);padding:1rem 2rem;background-color:transparent;color:#fff;text-decoration:none;font-weight:700;border:2px solid #fff;border-radius:4px;transition:background-color var(--duration) var(--ease);bottom:90px;z-index:10}.explore-button:hover,.explore-button:focus{background-color:rgba(255,255,255,.1)}.solar-nav{position:absolute;left:50%;bottom:146px;transform:translateX(-50%);z-index:100;width:370px;display:block}.solar-nav>div{cursor:pointer;font-size:32px}.nav-left{position:absolute;left:0}.nav-right{position:absolute;right:0}.solar-nav>div>img{width:50px;aspect-ratio:1}section.pix_mobile_slider::before{content:"";display:block;clear:both}section.solar-three .star-background-main{z-index:1}@media(max-width:1499px){.explore-button{padding:9px 15px;border:1px solid #fff;bottom:50px;font-size:14px}.solar-nav>div>img{width:36px}.solar-nav{width:290px;bottom:98px}}.star-background-main{position:absolute;top:0;left:0;width:100vw;height:100vh;z-index:-3;overflow:hidden}@keyframes fade-in{0%{opacity:0}25%{opacity:1}50%{opacity:0}75%{opacity:1}100%{opacity:0}}@keyframes fade-out{0%{opacity:1}25%{opacity:0}50%{opacity:1}75%{opacity:0}100%{opacity:1}}.star-layer-1{animation:fade-in 10s ease-in infinite}.star-layer-2{animation:fade-out 10s ease-out infinite}@media(max-width:991px){section.solar-three{display:none}}.star-background-main-1{position:absolute;top:0;left:0;width:100vw;height:100vh;z-index:-3;overflow:hidden}.comet{position:absolute;width:1rem;height:auto;opacity:0}.comet-1{-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-animation:fallingComet1 36s linear 2s infinite forwards;animation:fallingComet1 36s linear 2s infinite forwards}.comet-1{transform:rotateZ(45deg);animation:36s fallingComet1 2s linear infinite forwards}.comet-2{transform:rotateZ(195deg);animation:50s fallingComet2 18s linear infinite forwards}.comet-3{transform:rotateZ(-45deg);animation:20s fallingComet3 linear infinite forwards}@keyframes fallingComet1{from{right:-10rem;top:10rem;opacity:.75}35%{right:390rem;top:410rem;opacity:0}to{right:-10rem;top:10rem;opacity:0}}@keyframes fallingComet2{from{left:0;bottom:-10rem;opacity:.75}15%{left:120rem;bottom:400rem;opacity:0}to{left:0;bottom:-10rem;opacity:0}}@keyframes fallingComet3{from{left:-300rem;top:-300rem;opacity:1}90%{left:300rem;top:300rem;opacity:0}to{opacity:0;left:-300rem;top:-300rem}}#gif-container{position:relative;top:0;left:0;height:100vh;width:100vw;transform:translate(-5%,-17%);z-index:9999}#moving-gif{position:absolute;transition:all 1s ease-out}#gif-container{display:block!important}@media(max-width:575px){.aniversary-pixenite{display:block;z-index:9999;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}}