.characters-header{text-align:center;flex-direction:column;align-items:center;gap:.5rem;padding:5rem 1.5rem 2rem;display:flex}@media (min-width:640px){.characters-header{padding:7rem 2rem 3rem}}.characters-label{letter-spacing:.4em;color:#bea0ff80;text-shadow:none;font-size:.7rem}.characters-title{color:#fff;text-shadow:0 0 20px #be96ff99,0 0 50px #9664ff40;font-size:clamp(2rem,6vw,3.5rem);font-weight:900;line-height:1;animation:1s ease-out both fade-up}.characters-grid{flex-wrap:wrap;justify-content:center;gap:2rem;max-width:960px;margin:0 auto;padding:2rem 2rem 6rem;display:flex}.character-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);text-align:center;width:220px;animation:fade-up .9s ease-out calc(var(--n) * .12s) both;background:#a082dc0f;border:1px solid #bea0ff14;border-radius:.25rem;flex-direction:column;align-items:center;gap:1rem;padding:0 0 1.5rem;transition:background .3s,border-color .3s,transform .3s;display:flex;position:relative;overflow:hidden}.character-card:hover{background:#a082dc21;border-color:#bea0ff33;transform:translateY(-6px)}.character-portrait{width:100%;height:200px;box-shadow:none;border:none;border-radius:0;position:relative;overflow:hidden}.character-portrait img{object-fit:cover;object-position:top;width:100%;height:100%}.character-portrait-placeholder{color:#c8afff4d;width:100%;height:100%;text-shadow:none;background:#a082dc26;justify-content:center;align-items:center;font-size:3rem;font-weight:900;display:flex}.character-name{color:#ebdcfff2;letter-spacing:.05em;text-shadow:0 0 12px #be96ff66;padding:0 1.25rem;font-size:1.1rem;font-weight:800}.character-quote{color:#c8b4ffa6;text-shadow:none;padding:0 1.25rem;font-size:.78rem;line-height:1.8}.character-meta{gap:1rem;margin-top:.25rem;display:flex}.character-meta span{letter-spacing:.15em;color:#b49be666;text-shadow:none;font-size:.7rem}@keyframes fade-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}