.luch-intro{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;background:#100d0b;transition:opacity .65s ease,visibility .65s;pointer-events:auto}
.luch-intro.leaving{opacity:0;visibility:hidden;pointer-events:none}
.intro-art{width:min(64vw,360px);aspect-ratio:1;position:relative}
.intro-glow{position:absolute;inset:-35%;border-radius:50%;background:radial-gradient(circle,#d7a44533,transparent 64%);animation:intro-glow 2.4s ease both}
.intro-sun{position:absolute;inset:36%;border-radius:50%;background:radial-gradient(circle at 40% 35%,#ffe9b0,#dfad57 65%,#b47c32);box-shadow:0 0 28px #e6bc6970,0 0 90px #d7a44540;animation:intro-ignite 1.2s ease both}
.intro-ray{position:absolute;inset:0;transform:rotate(var(--angle))}
.intro-ray:before{content:'';position:absolute;width:2px;height:20%;left:calc(50% - 1px);top:7%;background:linear-gradient(0deg,#ffe1a1,#d7b16b55);box-shadow:0 0 9px #d7b16b60;transform-origin:center bottom;animation:intro-ray .7s ease both;animation-delay:var(--delay)}
.intro-brand{position:absolute;left:0;right:0;bottom:-55px;text-align:center;font-size:14px;letter-spacing:8px;color:#d7b16b;animation:intro-ignite 1.4s ease both}
html.intro-active{overflow:hidden}
@keyframes intro-ignite{from{opacity:0;transform:scale(.65);filter:brightness(.3)}to{opacity:1;transform:scale(1);filter:brightness(1)}}
@keyframes intro-ray{from{opacity:0;transform:scaleY(0)}to{opacity:1;transform:scaleY(1)}}
@keyframes intro-glow{from{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}
@media(prefers-reduced-motion:reduce){.luch-intro,.intro-glow,.intro-sun,.intro-ray:before,.intro-brand{animation:none;transition:none}}

.intro-brand{display:block;width:150px;height:auto;left:50%;right:auto;bottom:-65px;margin-left:-75px;filter:drop-shadow(0 0 14px #d7b16b35)}
.intro-brand{mix-blend-mode:screen}