@keyframes hero-rise{0%{filter:blur(4px);opacity:0;transform:translateY(20px)}to{filter:blur(0);opacity:1;transform:translateY(0)}}@keyframes hero-visual{0%{filter:blur(8px);opacity:0;transform:scale(1.08)}to{filter:blur(0);opacity:1;transform:scale(1)}}.p-castHead{align-items:center;background-color:var(--white);display:flex;flex-direction:column;padding-block:.3125rem 2.75rem}.p-castHead img{width:23rem}.p-cast{color:var(--white);overflow:hidden;padding-block:3.5rem 9.6875rem;position:relative}.p-cast._sat_{background-color:var(--blue);clip-path:polygon(0 min(.0874886635 * 100vw,.0874886635 * 600px),100% 0,100% calc(100% - min(.0874886635 * 100vw, .0874886635 * 600px)),0 100%);margin-top:-1.125rem}.p-cast._sat_:after,.p-cast._sat_:before{background-color:hsla(0,0%,100%,.15);content:"";height:3.875rem;left:50%;pointer-events:none;position:absolute;width:700px}.p-cast._sat_:before{top:2.8125rem}.p-cast._sat_:after,.p-cast._sat_:before{transform:translateX(-50%) rotate(-175deg)}.p-cast._sat_:after{bottom:3.375rem}.p-cast._sun_{background-color:var(--red);clip-path:polygon(0 min(.0874886635 * 100vw,.0874886635 * 600px),100% 0,100% calc(100% - min(.0874886635 * 100vw, .0874886635 * 600px)),0 100%);margin-top:-1.125rem}.p-cast._sun_:after,.p-cast._sun_:before{background-color:hsla(0,0%,100%,.15);content:"";height:3.875rem;left:50%;pointer-events:none;position:absolute;width:700px}.p-cast._sun_:before{top:2.8125rem}.p-cast._sun_:after,.p-cast._sun_:before{transform:translateX(-50%) rotate(-175deg)}.p-cast._sun_:after{bottom:3.375rem}.p-cast__heading{background-color:var(--black);color:var(--white);font-size:.9375rem;line-height:1.5rem;margin-inline:auto;padding:.125rem .5rem;text-align:center;width:-moz-fit-content;width:fit-content}.p-cast__list{display:grid;gap:1rem .9375rem;grid-template-columns:10rem 10rem;position:relative;z-index:1}.p-cast__item{align-items:center;display:flex;flex-direction:column;gap:.5rem}.p-cast__card{aspect-ratio:584/880;cursor:pointer;perspective:800px;position:relative;width:100%}.p-cast__card.is-flipped .p-cast__flip{transform:rotateY(180deg)}.p-cast__card:not(:has(.p-cast__flip)){cursor:default;overflow:hidden}.p-cast__card._new_:after{background-color:var(--red);color:var(--white);content:"NEW";font-size:.75rem;font-weight:var(--font-bold);padding:.125rem .625rem;position:absolute;right:0;top:0}.p-cast__flip{height:100%;position:relative;transform-style:preserve-3d;transition:transform .6s ease;width:100%}.p-cast__face{backface-visibility:hidden;-webkit-backface-visibility:hidden;inset:0;overflow:hidden;position:absolute}.p-cast__face img{display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.p-cast__face._back_{transform:rotateY(180deg)}.p-cast__meta{background-color:var(--black);color:var(--white);padding:.125rem .25rem;width:calc(100% - 1.25rem)}.p-cast__meta p{text-align:center}.p-cast__chara{font-size:.625rem}.p-cast__chara span{display:inline-block;width:100%}.p-cast__name{font-size:.875rem}.p-cast__inner.l-inner{z-index:2}.p-cast__inner{display:grid;gap:2.5rem}.p-cast__lineup{display:grid;gap:1.5rem}@media (hover:hover)and (pointer:fine){.p-cast__card:hover .p-cast__flip{transform:rotateY(180deg)}}
