.characters-opening{padding-top:135px}.characters-heading{max-width:980px;margin:50px 0}.characters-heading h1{font-size:clamp(2.8rem,5.7vw,5.4rem);line-height:1.18}.characters-heading>p{max-width:660px;color:var(--muted)}.main-characters-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.main-character-card{border:1px solid var(--line);background:#111114}.portrait-frame{position:relative;overflow:hidden;aspect-ratio:6/7;background:#19141a}.portrait-frame img{width:100%;height:100%;object-fit:cover;display:block}.main-character-card .portrait-frame{max-height:540px}.character-card-copy{padding:32px}.character-card-copy h2{font-size:2.8rem;margin:16px 0}.character-card-copy p{color:#bfb2b8;max-width:420px}.character-book-label{font-size:.8rem;color:#a8929c;margin-top:25px}.character-book-label a,.character-connections a{color:#e1becb;text-decoration:underline;text-underline-offset:5px}.character-card-copy h2 a:hover{color:#e1becb}.secondary-section{padding:85px 0}.secondary-section>h2{font-size:2rem;margin:18px 0 30px}.secondary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.secondary-person{display:grid;grid-template-columns:90px 1fr;gap:18px;align-items:center;border-top:1px solid var(--line);padding-top:20px}.secondary-photo{position:relative}.secondary-photo img{width:90px;height:112px;object-fit:cover;display:block}.secondary-photo span{display:block;font-size:.5rem;color:#8b7c83;text-align:center;margin-top:5px}.secondary-person h3{font-size:1.3rem}.secondary-person p{color:var(--muted);font-size:.8rem;margin:10px 0}.secondary-person a{color:#b88d9d;font-size:.7rem;text-decoration:underline;text-underline-offset:4px}.character-hero{padding:20px 0 80px;display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;align-items:start}.character-hero .portrait-frame{position:sticky;top:30px}.character-hero h1{font-size:clamp(4rem,7vw,6.5rem);margin-bottom:10px}.character-fullname{color:#d7b1bf;font-family:var(--serif);font-size:1.3rem}.character-description{font-size:1.08rem;color:#c2b8bc;line-height:1.9}.character-connections{border-block:1px solid var(--line);padding:20px 0;margin:30px 0;display:grid;gap:18px}.character-connections>div{display:grid;grid-template-columns:70px 1fr;gap:15px}.character-connections dt{color:var(--muted);font-size:.8rem}.character-connections dd{margin:0;font-size:.9rem}.character-platform-group h3{font:1rem var(--sans);margin-top:30px}.character-platform-group .reading-platforms{margin-top:16px}.appearance-list{display:grid;gap:25px}.appearance-book{display:grid;grid-template-columns:200px 1fr;gap:40px;padding:30px;border:1px solid var(--line);max-width:940px}.appearance-book img{display:block;width:100%;height:auto}.appearance-book h3{font-size:2.4rem;margin:18px 0}.appearance-book p{color:var(--muted)}.appearance-book .btn{margin-top:24px}.appearances{background:#111114}.nav{gap:15px;font-size:.72rem}
@media(max-width:1000px){.character-hero{gap:35px}.secondary-grid{grid-template-columns:1fr 1fr}.nav{gap:11px;font-size:.66rem}}
@media(max-width:800px){.nav{font-size:.82rem;gap:16px}}
@media(max-width:650px){.characters-opening{padding-top:112px}.characters-heading{margin:35px 0}.characters-heading h1{font-size:2.7rem}.main-characters-grid{grid-template-columns:1fr}.main-character-card .portrait-frame{max-height:460px}.character-card-copy{padding:25px}.secondary-grid{grid-template-columns:1fr}.secondary-person{grid-template-columns:75px 1fr}.secondary-photo img{width:75px;height:94px}.secondary-section{padding:60px 0}.character-hero{grid-template-columns:1fr;padding-bottom:55px}.character-hero .portrait-frame{position:static;max-width:400px;width:100%;margin:auto}.character-hero h1{font-size:4rem}.appearance-book{grid-template-columns:110px 1fr;gap:20px;padding:20px}.appearance-book h3{font-size:1.5rem}.appearance-book p{font-size:.85rem}.appearance-book .btn{grid-column:1/-1;font-size:.65rem;padding:12px}.appearance-book .text-link{font-size:.75rem}.character-connections>div{grid-template-columns:55px 1fr}}