.character-showcase{isolation:isolate;position:relative}.character-showcase__backdrop{z-index:0;pointer-events:none;max-height:56rem;position:absolute;inset:8rem 0 0;overflow:hidden}.character-showcase__background{object-fit:cover;object-position:center bottom}.character-showcase__backdrop:after{content:"";background:linear-gradient(#161630 0%,#16163040 30%,#1616300a 62%,#1616304d 83%,#161630 100%);position:absolute;inset:0}.character-showcase__content{z-index:1;position:relative}.character-gallery{--character-gap:clamp(.875rem,2vw,1.5rem);column-gap:var(--character-gap);grid-template-columns:repeat(2,minmax(0,1fr));row-gap:2.5rem;margin-top:clamp(2.5rem,5vw,4.5rem);padding:.5rem 0;list-style:none;display:grid}.character-gallery__item{perspective:1100px;min-width:0}.character-gallery__item:last-child{width:calc((100% - var(--character-gap))/2);grid-column:1/-1;justify-self:center}.character-gallery__figure{margin:0}.character-gallery__stage{aspect-ratio:3/4;perspective:1000px;-webkit-tap-highlight-color:transparent;width:100%;position:relative}.character-gallery__stage:after{z-index:0;pointer-events:none;content:"";background:radial-gradient(#0006,#0000 72%);height:10%;position:absolute;bottom:-2%;left:13%;right:13%}.character-gallery__surface{z-index:1;transform:rotateX(var(--character-rotate-x,0deg))rotateY(var(--character-rotate-y,0deg));transform-style:preserve-3d;transition:transform .55s cubic-bezier(.2,.7,.2,1);position:absolute;inset:0}.character-gallery__surface:before{z-index:0;background:radial-gradient(ellipse at var(--character-light-x,50%)var(--character-light-y,30%),#ffffff1f,transparent 58%);opacity:0;pointer-events:none;content:"";border-radius:50%;transition:opacity .35s;position:absolute;inset:-4%}.character-gallery__halo{background:radial-gradient(ellipse,var(--character-tint),transparent 68%);opacity:.12;border-radius:50%;transition:opacity .45s,transform .6s;position:absolute;inset:14% 8% 8%;transform:scale(1.1)}.character-gallery__artwork{transform:translate3d(var(--character-image-x,0px),var(--character-image-y,0px),30px);transition:transform .55s cubic-bezier(.2,.7,.2,1);position:absolute;inset:3% 1% 1%}.character-gallery__float{width:100%;height:100%;animation:6.8s ease-in-out infinite character-gallery-float;animation-delay:calc(var(--character-index)*-1.3s);animation-play-state:paused;position:relative}.character-gallery__image{object-fit:contain;object-position:center bottom;filter:drop-shadow(0 16px 12px #0000007a);-webkit-user-select:none;user-select:none;transition:filter .35s}.character-gallery__caption{text-align:center;text-shadow:0 2px 5px #000000f2,0 8px 18px #000000d9;margin-top:1.25rem;position:relative;container-type:inline-size}.character-gallery__name{color:#ffd889;min-height:2.06em;font-family:var(--font-accent);letter-spacing:-.025em;text-transform:none;overflow-wrap:normal;margin:0;font-size:clamp(1.5rem,16cqi,2rem);font-style:italic;font-weight:700;line-height:1.03}.character-gallery__name-line{white-space:nowrap;display:block}.character-gallery__role{color:#ffffffb3;font-family:var(--font-body);text-transform:none;margin:0 0 .625rem;font-size:clamp(.6875rem,.95vw,.75rem);font-weight:500;line-height:1.5}.character-gallery__description{color:#ffffffd1;text-wrap:pretty;max-width:22ch;margin:.875rem auto 0;font-size:clamp(.8125rem,1.1vw,.875rem);line-height:1.65}.character-gallery[data-animated=true]:not([data-revealed=true]) .character-gallery__item{opacity:0;transform:translateY(36px)rotateX(12deg)scale(.94)}.character-gallery[data-animated=true][data-revealed=true] .character-gallery__item{animation:.8s cubic-bezier(.16,1,.3,1) both character-gallery-entrance;animation-delay:calc(var(--character-index)*90ms)}.character-gallery[data-in-view=true] .character-gallery__float{animation-play-state:running}.character-gallery__stage[data-pointer-active=true] .character-gallery__surface,.character-gallery__stage[data-pointer-active=true] .character-gallery__artwork{transition-duration:.12s}.character-gallery__stage[data-pointer-active=true] .character-gallery__surface:before{opacity:1}.character-gallery__stage[data-pointer-active=true] .character-gallery__halo{opacity:.25;transform:scale(1.3)}.character-gallery__stage[data-pointer-active=true] .character-gallery__image{filter:drop-shadow(0 22px 18px #00000094)}@keyframes character-gallery-entrance{0%{opacity:0;transform:translateY(36px)rotateX(12deg)scale(.94)}to{opacity:1;transform:translateY(0)rotateX(0)scale(1)}}@keyframes character-gallery-float{0%,to{transform:translateY(0)rotate(-.3deg)}50%{transform:translateY(-5px)rotate(.3deg)}}@media (min-width:640px){.character-gallery{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:3rem}.character-gallery__item:last-child{grid-column:auto;justify-self:stretch;width:auto}}@media (min-width:1024px){.character-gallery{grid-template-columns:repeat(5,minmax(0,1fr))}}@media (max-width:639px){.character-showcase__backdrop{opacity:.6;max-height:60rem;top:18rem}.character-showcase__backdrop:after{background:linear-gradient(#161630 0%,#161630b8 25%,#16163059 60%,#161630ad 85%,#161630 100%)}}@media (hover:none),(pointer:coarse){.character-gallery__stage:active .character-gallery__surface{transition-duration:.15s;transform:translateY(3px)scale(.965)}.character-gallery__stage:active .character-gallery__halo{opacity:.25}.character-gallery__stage:active .character-gallery__surface:before{opacity:1}}@media (prefers-reduced-motion:reduce){.character-gallery__item,.character-gallery__surface,.character-gallery__artwork,.character-gallery__float,.character-gallery__halo,.character-gallery__image,.character-gallery__surface:before{transition:none!important;animation:none!important;transform:none!important}.character-gallery .character-gallery__item{opacity:1!important}}