.character-hub{padding-top:100px;background:#091319;color:#edf0e9;min-height:100svh}.character-hub-heading{padding:28px 5vw;display:flex;justify-content:space-between;align-items:center;gap:20px}.character-hub-heading p{margin:0;color:#d8b798}.character-hub-heading>span{color:#8ea8af;font-size:12px}.character-stage{position:relative;isolation:isolate;height:clamp(520px,72svh,930px);overflow:hidden;background:#111e27}.character-stage-visual{position:absolute;inset:0;display:flex;gap:3px}.character-stage-visual img{width:0;flex:1;min-width:0;height:100%;object-fit:cover;object-position:center 28%;animation:character-arrive .65s ease-out both}.character-stage[data-views="1"] .character-stage-visual img{object-fit:contain;object-position:75% center}.character-stage-shade{position:absolute;inset:0;background:linear-gradient(0deg,#061017ed 0%,#06101762 24%,transparent 62%);pointer-events:none}.character-stage-title{position:absolute;left:5vw;right:20vw;bottom:40px}.character-stage-title p{font-size:13px;letter-spacing:.15em;text-transform:uppercase;color:#ecd2b4;margin:0 0 14px}.character-stage-title h1{font:500 clamp(55px,7.7vw,145px)/.96 var(--display);letter-spacing:-.015em;margin:0;max-width:1300px;text-shadow:0 3px 25px #07101755}.character-stage-controls{position:absolute;right:5vw;bottom:40px;display:flex;gap:12px;align-items:center}.character-stage-count{font-size:13px;letter-spacing:.12em;margin-right:12px}.character-stage-controls button{width:54px;height:54px;border:1px solid #c5d6d26b;border-radius:50%;font-size:24px;background:#101b23a6;color:#f2eadd}.character-stage-controls button:hover{background:#e6c5a5;color:#0d1921}.character-selector{display:flex;padding:20px 5vw;gap:10px;overflow-x:auto;border-bottom:1px solid #829a9b33;scrollbar-width:thin;scrollbar-color:#66858b #0a141b}.character-selector button{display:flex;align-items:center;flex:0 0 auto;gap:10px;padding:6px 13px 6px 6px;border:1px solid #84999b36;color:#a9bbc0;background:transparent;font-size:13px}.character-selector img{width:30px;height:36px;object-fit:cover;object-position:center 25%}.character-selector button[aria-pressed=true]{border-color:#e5bd95;color:#f2d7bc;background:#e6c59b0e}.character-introduction{padding:60px 5vw 70px;display:grid;grid-template-columns:1fr 1fr;gap:8vw;border-bottom:1px solid #8b9c9d38}.character-introduction h2{font:500 clamp(32px,3.4vw,56px)/1.12 var(--display);max-width:640px;margin:20px 0}.character-introduction>div>p:not(.micro){font-size:17px;line-height:1.85;color:#b0c3c6;margin:0 0 26px;max-width:740px}.character-introduction-links{display:flex;flex-wrap:wrap;gap:20px 28px;align-items:center;font-size:14px;color:#c0d0d0}.character-introduction-links .character-profile-link{display:flex;justify-content:space-between;flex-basis:100%;max-width:520px;padding:18px 0;border-bottom:1px solid #b3c6c15c;color:#e9c6a6;font-size:17px}.character-directory{padding:65px 5vw 45px}.character-directory-heading{display:flex;justify-content:space-between;align-items:end;gap:45px}.character-directory-heading h2{font:500 clamp(35px,3.5vw,58px)/1.08 var(--display);margin:18px 0 30px}.character-directory-heading>p{max-width:410px;color:#95aeb5;font-size:16px;line-height:1.8}.character-directory .profile-directory-tools{margin:25px 0 0}.character-directory .profile-directory-tools input{font-size:16px}.character-search-count{font-size:12px;color:#88a2aa;margin:24px 0}.character-directory-list{display:grid;grid-template-columns:1fr 1fr;column-gap:55px}.character-directory-person{display:flex;gap:24px;align-items:center;padding:26px 0;border-bottom:1px solid #8da6a332;min-width:0}.character-directory-person>img{width:100px;height:120px;object-fit:cover;object-position:center 25%;flex-shrink:0}.character-directory-person>div{flex:1;min-width:0}.character-directory-person small{font-size:11px;color:#98aeb7}.character-directory-person h3{font:500 clamp(24px,2.2vw,36px)/1.1 var(--display);margin:8px 0}.character-directory-person p{font-size:13px;color:#94acb1;line-height:1.6;margin:8px 0}.character-directory-person>span{color:#dcb693;font-size:23px}.character-directory-person:hover h3{color:#e9c6a6}.character-hub :is(a,button,input,.character-stage):focus-visible{outline:2px solid #ebc4a4;outline-offset:4px}@keyframes character-arrive{from{opacity:.2;transform:scale(1.025)}to{opacity:1;transform:scale(1)}}
@media(max-width:1000px){.character-stage-title{right:5vw;bottom:120px}.character-stage-controls{bottom:30px}.character-directory-list{column-gap:30px}.character-directory-person{gap:16px}.character-directory-person>img{width:75px;height:100px}.character-introduction{gap:40px}}
@media(max-width:720px){.character-hub{padding-top:135px}.character-hub-heading{padding:25px 6vw 20px;display:block}.character-hub-heading .micro{font-size:10px;line-height:1.6}.character-hub-heading>span{display:block;margin-top:10px}.character-stage{height:66svh;min-height:460px;max-height:720px}.character-stage-visual img{display:none}.character-stage-visual img:first-child{display:block;width:100%;object-fit:cover;object-position:center 24%}.character-stage[data-views="1"] .character-stage-visual img{object-fit:cover;object-position:center 25%}.character-stage-title{left:6vw;right:6vw;bottom:112px}.character-stage-title h1{font-size:clamp(47px,12.5vw,79px)}.character-stage-title p{font-size:10px;line-height:1.7;max-width:280px}.character-stage-controls{right:6vw;bottom:28px}.character-stage-controls button{height:48px;width:48px}.character-selector{padding:16px 6vw}.character-introduction{grid-template-columns:1fr;padding:35px 6vw 45px;gap:12px}.character-introduction h2{font-size:35px}.character-introduction>div>p:not(.micro){font-size:15px}.character-introduction-links{font-size:13px;gap:20px}.character-directory{padding:40px 6vw 30px}.character-directory-heading{display:block}.character-directory-heading h2{font-size:36px}.character-directory-heading>p{font-size:14px}.character-directory-list{grid-template-columns:1fr}.character-directory-person>img{width:86px;height:105px}.character-directory-person h3{font-size:28px}.character-directory-person p{font-size:12px}.character-directory .profile-directory-tools input{min-width:0}.character-stage-shade{background:linear-gradient(0deg,#061017f5 0%,#0610175c 38%,transparent 75%)}}
@media(prefers-reduced-motion:reduce){.character-stage-visual img{animation:none}}html.reduced-motion .character-stage-visual img,body.reduced-motion .character-stage-visual img{animation:none}
body.reduced .character-stage-visual img{animation:none}