html.splash-active,html.splash-active body{overflow:hidden}

html.splash-active .mpc-splash{visibility:visible}
.mpc-splash{position:fixed;inset:0;z-index:99999;overflow:hidden;pointer-events:none;background:transparent;visibility:hidden}
.mpc-splash.is-armed{visibility:visible}
.mpc-splash.is-done{display:none}


.mpc-splash__curtain{position:absolute;top:0;bottom:0;width:50%;z-index:20;background:var(--color-deep);transition:transform 1.35s cubic-bezier(.77,0,.18,1);will-change:transform;box-shadow:0 0 34px var(--color-divider)}
.mpc-splash__curtain--left{left:0}.mpc-splash__curtain--right{right:0}
.mpc-splash.is-opening .mpc-splash__curtain--left{transform:translate3d(-100%,0,0);box-shadow:18px 0 34px var(--color-divider)}
.mpc-splash.is-opening .mpc-splash__curtain--right{transform:translate3d(100%,0,0);box-shadow:-18px 0 34px var(--color-divider)}


.mpc-splash__ambient{
  position:absolute;inset:0;z-index:25;
  background:radial-gradient(130% 105% at 50% 45%, var(--color-deep) 0%, var(--color-deep) 55%, var(--color-ink) 100%);
  pointer-events:none;
}
.splash-particles{position:absolute;inset:0;width:100%;height:100%;mix-blend-mode:screen;pointer-events:none;will-change:transform}
.splash-particles circle{opacity:.45;animation:splash-twinkle 4.5s ease-in-out infinite}
.splash-particles circle.sp-t1{animation-delay:.35s}
.splash-particles circle.sp-t2{animation-delay:1.25s}
.splash-particles circle.sp-t3{animation-delay:2.15s}
.splash-particles circle.sp-t4{animation-delay:3.05s}
@keyframes splash-twinkle{0%,100%{opacity:.2}50%{opacity:.85}}


.mpc-splash__brand{position:absolute;left:50%;top:50%;z-index:30;display:flex;flex-direction:column;align-items:center;gap:clamp(14px,2.4vh,24px);transform:translate(-50%,-50%);will-change:transform}
.mpc-splash__logo-wrap{position:relative;width:clamp(110px,13vw,160px);height:clamp(110px,13vw,160px);display:grid;place-items:center;overflow:visible}
.mpc-splash__logo{position:relative;z-index:2;width:112%;height:112%;object-fit:contain;overflow:visible;filter:drop-shadow(0 10px 24px var(--color-divider))}

.mpc-splash__logo-wrap::before{content:"";position:absolute;width:82%;height:82%;border-radius:50%;background:radial-gradient(circle,rgba(217, 167, 46,.4),rgba(217, 167, 46,.12) 55%,transparent 76%);filter:blur(7px)}


.mpc-splash__namewrap{position:relative;display:inline-block;max-width:min(94vw,1600px);text-align:center}

.mpc-splash__namewrap--stacked{display:none}
.mpc-splash__name{
  font-family: var(--font-body);
  font-size:clamp(36px,6vw,80px);
  font-weight:700;
  line-height:1.15;
  letter-spacing:.012em;
  white-space:nowrap;
}
.mpc-splash__name--base{color:var(--color-text-secondary)}
.mpc-splash__name--fill{
  position:absolute;top:0;left:0;right:0;
  color:var(--color-paper);
  clip-path:polygon(0 100%,100% 100%,100% 100%,0 100%);
  
  pointer-events:none;
}
.mpc-splash.is-name-done .mpc-splash__name--fill{clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}


.mpc-splash.is-opening .mpc-splash__brand{opacity:0;transition:opacity .3s ease}
.mpc-splash.is-opening .mpc-splash__ambient{opacity:0;transition:opacity .55s ease .1s}


@media (max-width:767px){
  .mpc-splash__namewrap--wide{display:none}
  .mpc-splash__namewrap--stacked{
    display:flex;
    flex-direction:column;
    align-items:center;
    
    width:min(94vw,560px);
    max-width:none;
  }
  .mpc-splash__line{position:relative;display:block}
  .mpc-splash__name{
    white-space:nowrap;
    font-size:clamp(24px,8.6vw,46px);
  }
}


@media(prefers-reduced-motion:reduce){
  .mpc-splash__curtain{transition-duration:.2s}
  .splash-particles circle{animation:none!important}
}