.logo-intro{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;background:#070909;pointer-events:none;animation:intro-dismiss .3s ease 10s forwards}
.logo-intro-stage{position:relative;width:min(80vw,calc(80vh * 2 / 3),500px);width:min(80vw,calc(80svh * 2 / 3),500px);aspect-ratio:2/3}
.intro-pieces,.intro-original,.intro-eye-overlay{position:absolute;inset:0;width:100%;height:100%;display:block}
.intro-original{opacity:0;animation:intro-original-on .01s linear 9s forwards}
.intro-pieces{animation:intro-pieces-off .01s linear 9s forwards}
.intro-eye-overlay{opacity:0;animation:intro-eyes 1s ease-in-out 9s both}
.intro-layer{opacity:0;animation:intro-arrive 2s cubic-bezier(.2,.6,.3,1) both}
.intro-dream{animation-delay:0s;--intro-y:8px}
.intro-wolf{animation-delay:2s;--intro-y:44px}
.intro-eagle{animation:intro-wings 2s ease-in-out 4s both}
.intro-banner{animation-delay:6s;animation-duration:1.5s;--intro-y:-30px}
.intro-year{animation-delay:7.5s;animation-duration:1s;--intro-y:15px}
.intro-clan{animation-delay:8.5s;animation-duration:.5s;--intro-y:0px}
@keyframes intro-arrive{from{opacity:0;transform:translateY(var(--intro-y,0))}to{opacity:1;transform:translateY(0)}}
@keyframes intro-wings{from{opacity:0;clip-path:inset(0 49% 0 49%)}to{opacity:1;clip-path:inset(0 0 0 0)}}
@keyframes intro-original-on{to{opacity:1}}
@keyframes intro-pieces-off{to{visibility:hidden}}
@keyframes intro-eyes{0%,100%{opacity:0}35%,60%{opacity:1}}
@keyframes intro-dismiss{to{opacity:0;visibility:hidden}}
@media(prefers-reduced-motion:reduce){.logo-intro{display:none}.logo-intro *{animation:none!important}}