.intro-pending .hero-intro[hidden]{display:block!important}
.intro-active{overflow:hidden;overscroll-behavior:none}
.intro-pending .hero .hero-portrait,.intro-pending .hero .hero-note,.intro-pending .hero .hero-aside{visibility:hidden}
.hero-intro{position:fixed;inset:0;width:100%;height:100svh;background:#070908;transition:opacity .95s cubic-bezier(.2,.7,.15,1);isolation:isolate}
.hero-intro video{position:absolute;inset:0;left:0;top:0;width:100%;height:100%;aspect-ratio:auto;object-fit:cover;object-position:50% 50%;z-index:1;mix-blend-mode:normal;transform:none;transform-origin:50% 50%;transition:transform 1.05s cubic-bezier(.2,.7,.15,1),filter 1.05s;will-change:transform;-webkit-mask-image:none;mask-image:none}
.hero-intro.is-ending video{transform:scale(1.07);filter:blur(2px)}
.hero-intro .intro-energy{display:none}
.intro-energy{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none;background:radial-gradient(ellipse at 12% 55%,rgba(255,91,36,.15),transparent 50%),radial-gradient(ellipse at 88% 35%,rgba(60,202,219,.1),transparent 45%)}
.intro-energy span{position:absolute;top:19%;left:50%;transform:translateX(-50%) rotate(-7deg);font-family:var(--display);font-size:clamp(360px,65vw,1100px);line-height:1;letter-spacing:-.035em;color:rgba(222,222,216,.055);white-space:nowrap}
.intro-energy i{position:absolute;width:140%;height:3px;left:-20%;top:44%;background:linear-gradient(90deg,transparent,var(--orange),transparent);box-shadow:0 0 28px 9px rgba(255,91,36,.16);transform:rotate(-25deg);opacity:.45}
.intro-energy i:nth-child(2){top:60%;background:linear-gradient(90deg,transparent,#47c3d0,transparent);box-shadow:0 0 28px 9px rgba(71,195,208,.12);transform:rotate(28deg)}
.intro-active .intro-energy i,.intro-pending .intro-energy i{animation:jeOpeningBeam 2.7s ease-in-out infinite alternate}
.intro-active .intro-energy i:nth-child(2),.intro-pending .intro-energy i:nth-child(2){animation-delay:-1.3s;animation-direction:alternate-reverse}
html.intro-pending .site-header,html.intro-active .site-header{color:var(--paper);background:transparent;border-color:transparent;box-shadow:none;backdrop-filter:none}
.intro-pending .brand-logo,.intro-active .brand-logo{filter:brightness(0) invert(1)}
.intro-pending .text-button,.intro-active .text-button{color:var(--paper)}
.intro-pending .hero-bottom>span,.intro-active .hero-bottom>span{visibility:hidden}
.intro-active .hero .hero-bottom,.intro-pending .hero .hero-bottom{z-index:14}
.intro-pending .motion-toggle,.intro-active .motion-toggle{color:var(--paper);border-color:rgba(222,222,216,.5);background:rgba(7,9,8,.65)}
.intro-skip{z-index:3;top:112px;right:36px;border-radius:0;letter-spacing:.045em;text-transform:uppercase;font-weight:800}
.intro-arrival .hero-portrait{animation:jeFaceArrival 1.35s cubic-bezier(.16,.72,.18,1) both}
@keyframes jeOpeningBeam{from{translate:-4% -30px;rotate:-8deg;opacity:.22}to{translate:4% 35px;rotate:8deg;opacity:.7}}
@keyframes jeFaceArrival{0%{transform:translate(-50%,35px) scale(.88);opacity:0;filter:blur(5px)}60%{opacity:1;filter:blur(0)}100%{transform:translate(-50%,0) scale(1);opacity:1;filter:blur(0)}}
@media(max-width:760px){.intro-skip{top:96px;right:20px;min-height:44px}.intro-energy span{font-size:180vw;top:31%}.intro-energy i{top:35%}.intro-energy i:nth-child(2){top:69%}}
.reduce-motion .intro-arrival .hero-portrait{animation:none}.reduce-motion .intro-energy i{animation:none!important}
@media(prefers-reduced-motion:reduce){html:not(.motion-explicit) .intro-energy i,html:not(.motion-explicit) .intro-arrival .hero-portrait{animation:none!important}}