.character-hubs-page{background:radial-gradient(circle at 82% 0,rgba(130,147,160,.13),transparent 30%),var(--void)}
.character-hubs-hero,.character-hubs-index,.character-hub-detail-hero,.character-hub-section,.character-hub-timeline,.character-hub-back{max-width:var(--max);margin:0 auto;padding-left:20px;padding-right:20px}
.character-hubs-hero{padding-top:80px;padding-bottom:58px;border-bottom:1px solid var(--line)}.character-hubs-hero h1,.character-hub-detail-hero h1{margin:0 0 18px;font:900 clamp(3.4rem,7vw,6.8rem)/.9 "Arial Narrow",Impact,sans-serif;text-transform:uppercase}.character-hubs-hero>p:not(.section-tag),.character-hub-detail-hero>p:not(.section-tag){max-width:930px;color:#c7d0d9;font-size:1.08rem;line-height:1.75}
.character-hubs-index{padding-top:70px;padding-bottom:90px}.character-hub-index-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.character-hub-index-card{min-height:250px;padding:26px;display:flex;flex-direction:column;border:1px solid var(--line);background:linear-gradient(145deg,#111923,#080b10);text-decoration:none}.character-hub-index-card span{color:var(--blue);font-size:.67rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.character-hub-index-card h2{margin:12px 0 10px;font:900 1.9rem/1 "Arial Narrow",Impact,sans-serif;text-transform:uppercase}.character-hub-index-card p{color:var(--muted)}.character-hub-index-card b{margin-top:auto;color:var(--gold)}
.character-hub-hero-art{max-width:1480px;height:min(48vw,540px);margin:0 auto;overflow:hidden;border-inline:1px solid var(--line);background:#080b10}.character-hub-hero-art img{width:100%;height:100%;object-fit:cover}
.character-hub-detail-hero{padding-top:44px;padding-bottom:54px;border-bottom:1px solid var(--line)}.character-hub-primary{max-width:720px;margin-top:26px}.character-hub-primary .character-hub-link{min-height:auto}
.character-hub-section,.character-hub-timeline{padding-top:70px;padding-bottom:70px;border-bottom:1px solid var(--line)}.character-hub-section-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.6fr);gap:38px;align-items:end;margin-bottom:28px}.character-hub-section-head h2{margin:5px 0 0;font:900 clamp(2rem,4vw,3.7rem)/.96 "Arial Narrow",Impact,sans-serif;text-transform:uppercase}.character-hub-section-head>p{margin:0;color:var(--muted)}
.character-hub-link-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.character-hub-link{min-height:185px;padding:20px;display:flex;flex-direction:column;border:1px solid var(--line);background:#0d131b;text-decoration:none}.character-hub-link strong{font:900 1.22rem/1.06 "Arial Narrow",Impact,sans-serif;text-transform:uppercase}.character-hub-link p{margin:10px 0 15px;color:var(--muted);font-size:.88rem}.character-hub-link b{margin-top:auto;color:var(--gold);font-size:.77rem}
.character-hub-timeline-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.character-hub-timeline-grid article{padding:20px;border-left:2px solid var(--blue);background:#0d131b}.character-hub-timeline-grid strong{display:block;color:var(--gold);font-size:.78rem;letter-spacing:.08em;text-transform:uppercase}.character-hub-timeline-grid p{margin:8px 0 0;color:var(--muted)}
.character-hub-back{padding-top:65px;padding-bottom:90px}.character-hub-back span{color:var(--blue);font-size:.68rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.character-hub-back h2{margin:8px 0 14px;font:900 2rem/1 "Arial Narrow",Impact,sans-serif;text-transform:uppercase}.character-hub-back a{color:var(--gold);font-weight:900;text-decoration:none}
.character-hub-feature{max-width:var(--max);margin:0 auto;padding:70px 20px;display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:45px;border-bottom:1px solid var(--line)}.character-hub-feature h2{margin:5px 0 13px;font:900 clamp(2rem,4vw,3.5rem)/.96 "Arial Narrow",Impact,sans-serif;text-transform:uppercase}.character-hub-feature p{color:var(--muted)}.character-hub-feature-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.character-hub-feature-links a{padding:16px;border:1px solid var(--line);background:#0d131b;text-decoration:none;font-weight:850}.character-hub-feature-links span{float:right;color:var(--gold)}
@media(max-width:900px){.character-hub-link-grid{grid-template-columns:1fr 1fr}.character-hub-feature{grid-template-columns:1fr}}
@media(max-width:760px){.character-hubs-hero{padding-top:56px}.character-hubs-hero h1,.character-hub-detail-hero h1{font-size:3.2rem}.character-hub-hero-art{height:52vw;min-height:270px}.character-hub-index-grid,.character-hub-link-grid,.character-hub-timeline-grid,.character-hub-feature-links{grid-template-columns:1fr}.character-hub-section-head{display:block}.character-hub-section-head>p{margin-top:15px}.character-hub-feature{padding-top:55px;padding-bottom:55px}}