:root{--ending-black:#02040a;--ending-gold-light:#f5c66b}
.intro-ending{background:var(--ending-black)}
.intro-ending__lockup{display:grid;grid-template-rows:minmax(0,1fr) auto;width:min(80vw,52vh);max-width:80vw;aspect-ratio:1/1;max-height:70vh;gap:clamp(.35rem,1.2vh,.75rem);place-items:center;min-width:0;min-height:0;opacity:0;transform:scale(.05);transform-origin:center}
.intro-ending__shield{display:block;width:100%!important;max-width:100%!important;height:auto!important;max-height:100%!important;min-width:0;min-height:0;object-fit:contain;opacity:1!important}
.intro-ending__name{margin:0;color:var(--ending-gold-light);font-family:Georgia,"Times New Roman",serif;font-size:clamp(1.15rem,3.1vw,2.25rem);font-weight:700;letter-spacing:clamp(.18em,1.5vw,.42em);line-height:1;text-align:center;text-indent:clamp(.18em,1.5vw,.42em);text-shadow:0 1px 16px rgba(214,168,79,.24)}
.intro-ending.is-ending .intro-ending__shield{animation:none}
.intro-ending.is-ending .intro-ending__lockup{animation:ending-lockup 2000ms ease-out 1000ms both}
@keyframes ending-lockup{from{opacity:1;transform:scale(.05)}to{opacity:1;transform:scale(1)}}
@media(prefers-reduced-motion:reduce){.intro-ending.is-ending .intro-ending__lockup{animation:ending-reduced 0ms linear 1000ms both}.intro-ending.is-ending .intro-ending__shield{animation:none;transform:none}.intro-ending__name{transform:none}}
@keyframes ending-reduced{to{opacity:1;transform:scale(1)}}