/* The cast is a visual collection: keep portraits large and navigation close. */
.characters-page .collection-intro{padding-bottom:30px}
.characters-page .collection-intro h1{font-size:clamp(3rem,7.5vw,7rem);line-height:1.06;letter-spacing:-.045em}
.characters-page .collection-intro .intro-description{font-size:1.0625rem;max-width:650px}
.characters-page .collection-toolbar{gap:8px}
.characters-page .collection-toolbar button{font-size:.9375rem;min-height:48px;padding:11px 19px;flex-shrink:0}
.cast-count{font-size:.875rem;color:var(--muted);margin:18px 0 0}
.characters-page .collection-card p{font-size:1rem;line-height:1.65}
.characters-page .collection-card .cast-role{font-size:.875rem;color:var(--green)}
.characters-page .collection-card .text-link{font-size:.875rem;min-height:48px}
.characters-page .collection-card .card-brand{font-size:.875rem}
.characters-page .collection-cover img{aspect-ratio:auto;object-fit:contain}
.characters-page .collection-cover .view-count{font-size:.875rem;line-height:1.4;padding:9px 13px}
.characters-page .collection-cover:hover img{transform:none}
.cast-links{display:flex;flex-wrap:wrap;column-gap:20px}
.characters-page .collection-grid{row-gap:60px}
@media(max-width:600px){
 .characters-page .collection-intro{padding-top:112px;padding-bottom:24px}
 .characters-page .collection-intro h1{font-size:clamp(2.6rem,11vw,4rem)}
 .characters-page .collection-intro .intro-description{margin-top:20px;font-size:1rem}
 .characters-page .collection-toolbar{flex-wrap:nowrap;overflow-x:auto;margin-inline:-22px;padding:4px 22px 10px;scrollbar-width:thin}
 .characters-page .collection-grid{grid-template-columns:minmax(0,1fr);gap:48px}
 .characters-page .collection-card h2{font-size:2rem;margin-top:22px}
 .characters-page .collection-cover .view-count{left:12px;bottom:12px}
 .characters-page .collection-card{scroll-margin-top:100px}
}