.people-page{min-width:0}.people-index-hero{padding-bottom:1rem}.people-filter{display:grid;grid-template-columns:minmax(0,1fr) 180px auto;gap:.75rem;align-items:end;padding:1rem;border:1px solid var(--border);background:rgba(2,6,23,.72)}.people-filter label{display:grid;gap:.4rem;color:#94a3b8;font-size:.72rem;font-weight:800}.people-filter input,.people-filter select{min-width:0;min-height:44px;border:1px solid var(--border);border-radius:.3rem;background:#020617;padding:.7rem;color:#fff}.alphabet-filter{display:flex;flex-wrap:wrap;gap:.35rem;margin:1rem 0 1.5rem}.alphabet-filter a{min-width:32px;min-height:32px;display:grid;place-items:center;border:1px solid var(--border);border-radius:.25rem;color:#cbd5e1;font-size:.7rem;font-weight:900}.alphabet-filter a:hover,.alphabet-filter a.active{border-color:#fbbf24;background:rgba(251,191,36,.12);color:#fcd34d}.people-index-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.person-index-card{min-width:0;display:block;padding:.75rem;border:1px solid var(--border);border-radius:.3rem;background:rgba(2,6,23,.72);transition:.2s}.person-index-card:hover{transform:translateY(-3px);border-color:rgba(251,191,36,.55)}.person-index-photo{aspect-ratio:4/5;display:grid;place-items:center;overflow:hidden;border-radius:.25rem;background:#0f172a;color:#fbbf24;font-size:2rem;font-weight:900}.person-index-photo img{width:100%;height:100%;object-fit:cover}.person-index-card h2{min-height:2.5rem;margin:.5rem 0 .2rem;font-size:1rem}.person-index-card p:not(.eyebrow){margin:0;color:#94a3b8;font-size:.72rem}.person-index-card .eyebrow{margin-top:.7rem}.people-pagination{display:flex;justify-content:center;gap:.5rem;margin-top:2rem}.people-pagination a,.people-pagination span{padding:.7rem 1rem;border:1px solid var(--border);border-radius:.25rem}.person-breadcrumbs{width:min(var(--max),calc(100% - 2rem));margin:1rem auto}.person-hero{border-block:1px solid var(--border);background:linear-gradient(135deg,rgba(15,23,42,.9),rgba(2,6,23,.7))}.person-hero-grid{display:grid;grid-template-columns:240px minmax(0,1fr);gap:2rem;padding-block:2rem}.person-profile{aspect-ratio:4/5;display:grid;place-items:center;overflow:hidden;border:1px solid var(--border);border-radius:.3rem;background:#0f172a;color:#fbbf24;font-size:4rem;font-weight:900;box-shadow:0 24px 60px #000}.person-profile img{width:100%;height:100%;object-fit:cover}.person-hero-copy{align-self:center;min-width:0}.person-hero-copy h1{margin:.25rem 0;font-size:clamp(2.3rem,4.5vw,4.5rem);line-height:1.02;overflow-wrap:anywhere}.original-name{color:#94a3b8}.person-biography{max-width:840px;color:#cbd5e1;line-height:1.8}.person-metrics{display:grid;grid-template-columns:150px 150px minmax(0,1fr);gap:.7rem;margin-top:1.25rem}.person-metrics div{padding:.8rem;border:1px solid var(--border);background:rgba(255,255,255,.04)}.person-metrics small,.person-metrics strong{display:block}.person-metrics small{color:#64748b}.person-metrics strong{margin-top:.25rem;overflow-wrap:anywhere}.person-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:1rem;align-items:start}.person-main{display:grid;gap:1rem}.person-sidebar{display:grid;gap:1rem;position:sticky;top:84px}.person-panel{min-width:0;padding:1.25rem;border:1px solid var(--border);border-radius:.3rem;background:rgba(2,6,23,.72)}.person-panel h2{margin:.2rem 0 1rem}.person-film-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.7rem}.person-film-grid .movie-card{height:100%}.person-film-grid .movie-card-body{min-height:84px}.person-facts dl{display:grid;gap:.4rem}.person-facts dl div{display:grid;grid-template-columns:110px minmax(0,1fr);gap:.5rem;padding:.55rem;border:1px solid var(--border)}.person-facts dt{color:#64748b;font-size:.68rem;font-weight:900}.person-facts dd{margin:0;overflow-wrap:anywhere;font-size:.75rem}.person-facts a,.social-links a{color:#fcd34d}.social-links{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.75rem}.social-links a{padding:.35rem .5rem;border:1px solid rgba(251,191,36,.2);border-radius:999px;font-size:.7rem;font-weight:900}.platform-distribution,.similar-people{display:grid;gap:.45rem}.platform-distribution a,.similar-people a{display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:.5rem;padding:.5rem;border:1px solid var(--border)}.platform-distribution img{width:36px;height:36px;object-fit:cover;border-radius:.25rem}.similar-people a{grid-template-columns:44px minmax(0,1fr)}.similar-people img{width:44px;height:55px;object-fit:cover}.similar-people span,.similar-people small{display:block}.similar-people small{margin-top:.2rem;color:#64748b;font-size:.62rem}.platform-distribution span{font-size:.72rem;font-weight:800}.platform-distribution strong{color:#fcd34d}
@media(max-width:1024px){.people-index-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.person-layout{grid-template-columns:1fr}.person-sidebar{position:static;grid-template-columns:repeat(2,minmax(0,1fr))}.person-film-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:768px){.people-index-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.person-hero-grid{grid-template-columns:180px minmax(0,1fr);gap:1.25rem}.person-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.person-metrics div:last-child{grid-column:1/-1}.person-film-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:640px){.people-filter{grid-template-columns:1fr}.people-index-grid{grid-template-columns:1fr}.person-index-card{display:grid;grid-template-columns:76px minmax(0,1fr);gap:.75rem}.person-index-photo{aspect-ratio:1}.person-index-card .eyebrow{margin-top:0}.person-index-card h2{min-height:0}.person-hero-grid{grid-template-columns:110px minmax(0,1fr);gap:1rem;padding-block:1.25rem}.person-hero-copy h1{font-size:clamp(1.65rem,8vw,2.4rem)}.person-biography{grid-column:1/-1;font-size:.82rem;line-height:1.6}.person-metrics{grid-column:1/-1}.person-sidebar{grid-template-columns:1fr}.person-film-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem}.person-panel{padding:.8rem}.person-film-grid .movie-card-body{min-height:80px;padding:.55rem}.person-film-grid .movie-card h3{font-size:.72rem}.alphabet-filter a{min-width:28px;min-height:28px}.person-breadcrumbs{font-size:.68rem}}
@media(max-width:360px){.person-hero-grid{grid-template-columns:90px minmax(0,1fr)}.person-metrics{gap:.4rem}.person-metrics div{padding:.55rem}.person-film-grid{gap:.4rem}}