/* Famous Detroiters lexicon (/people/, /person/) and the people block on place pages. Builds on home.css and places.css. */
.people-intro .places-number{background:var(--orange,#ed7653);color:#19231f;font-size:clamp(70px,8vw,120px)}
.people-stats{display:flex;flex-wrap:wrap;gap:12px 34px;list-style:none;padding:0;margin:30px 0 0;font-size:14px;color:#526053}
.people-stats b{font:400 34px/1 Georgia,serif;color:#19231f;letter-spacing:-.03em;margin-right:6px}

.people-today{background:#19231f;color:#f0eee4;padding:34px 38px 30px;border-radius:4px;margin-bottom:55px}
.people-today .eyebrow{color:#e9fc82;margin:0 0 6px}
.people-today h2{font:400 clamp(26px,2.6vw,38px)/1.1 Georgia,serif;letter-spacing:-.03em;margin:22px 0 16px}
.people-today h2:first-of-type{margin-top:10px}
.people-today-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px;list-style:none;padding:0;margin:0}
.people-today-list a{display:flex;flex-direction:column;gap:5px;height:100%;padding:14px 16px;border:1px solid rgba(240,238,228,.25);border-radius:3px;color:inherit;text-decoration:none;transition:border-color .2s,background .2s}
.people-today-list a:hover,.people-today-list a:focus-visible{border-color:#e9fc82;background:rgba(233,252,130,.08)}
.people-today-list strong{font:400 21px/1.15 Georgia,serif}
.people-today-list span{font-size:12px;line-height:1.5;color:#c9cdbd}

.people-search{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px}
.people-search input[type=search]{flex:1 1 320px;min-width:0}
.people-search select{font:inherit;font-size:14px;padding:12px 14px;border:1px solid #bec2b7;border-radius:3px;background:#f7f5ec;color:#19231f;max-width:100%}
.people-sort-label{font-size:12px;color:#526053}
.people-search-hint{flex-basis:100%;font-size:12px;color:#586151;margin:0}
.people-facets{margin:30px 0 8px}
.people-facet-label{font:700 10px/1 Arial,sans-serif;letter-spacing:.24em;text-transform:uppercase;color:#586151;margin:0 0 10px}
.people-chips{margin-bottom:20px}
.people-chips .count-pill{height:18px;min-width:22px;padding:1px 6px;margin-left:6px;border:0;font-size:9px}
.people-chips a[aria-current] .count-pill{background:#e9fc82;color:#19231f}
.people-letters{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:10px}
.people-letters a,.people-letters span{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border:1px solid #bec2b7;border-radius:2px;font:400 17px Georgia,serif;text-decoration:none;color:inherit}
.people-letters span{opacity:.3;border-style:dashed}
.people-letters a:hover{border-color:#19231f}
.people-letters a[aria-current]{background:#19231f;color:#f0eee4;border-color:#19231f}

.people-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:40px 24px}
.person-card{min-width:0;border-bottom:1px solid #bec2b7;padding-bottom:20px}
.person-card-link{display:flex;flex-direction:column;height:100%;color:inherit;text-decoration:none}
.person-card-photo,.person-card-monogram{display:block;aspect-ratio:4/5;overflow:hidden;border-radius:3px;background:#d6d9c8}
.person-card-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 22%;transition:transform .5s}
.person-card-link:hover .person-card-photo img{transform:scale(1.04)}
.person-card-monogram{display:flex;align-items:flex-end;padding:18px;font:400 clamp(56px,6vw,92px)/.85 Georgia,serif;letter-spacing:-.06em;color:#19231f;background:#e4e2d4}
.person-card-copy{display:flex;flex-direction:column;gap:7px}
.person-card-copy .eyebrow{font-size:10px;margin:18px 0 2px;line-height:1.4}
.person-card-name{font:400 clamp(22px,1.9vw,28px)/1.12 Georgia,serif;letter-spacing:-.03em}
.person-card-link:hover .person-card-name{text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}
.person-card-role{font-size:13px;line-height:1.45;color:#3d4a40}
.person-card-summary{font-size:14px;line-height:1.6;color:#526053;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.person-card-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}
.person-card-tags span{font-size:10px;letter-spacing:.06em;border:1px solid #bec2b7;border-radius:20px;padding:4px 9px}
/* Field colors for the monogram tiles */
.field-music .person-card-monogram{background:#e9fc82}
.field-sports .person-card-monogram{background:#f3b39c}
.field-auto .person-card-monogram,.field-business .person-card-monogram{background:#c9d6e3}
.field-film-tv .person-card-monogram,.field-comedy .person-card-monogram,.field-theatre-dance .person-card-monogram{background:#f0d58c}
.field-literature .person-card-monogram,.field-media .person-card-monogram{background:#d9cfe6}
.field-politics .person-card-monogram,.field-law .person-card-monogram,.field-activism .person-card-monogram,.field-labor .person-card-monogram{background:#bfe0cf}
.field-art .person-card-monogram,.field-architecture-design .person-card-monogram,.field-fashion .person-card-monogram{background:#f2c6d4}
.field-science .person-card-monogram{background:#bfe4ea}
.field-history .person-card-monogram,.field-military .person-card-monogram,.field-religion .person-card-monogram{background:#ddd3bd}
.field-crime .person-card-monogram{background:#3a403c;color:#f0eee4}

.people-pages{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;margin:50px 0 10px}
.people-pages a,.people-pages span{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 12px;border:1px solid #bec2b7;border-radius:3px;text-decoration:none;color:inherit;font-size:14px}
.people-pages span{border:0}
.people-pages a[aria-current]{background:#19231f;color:#f0eee4;border-color:#19231f}

/* Person page */
.person-heading{display:grid;grid-template-columns:minmax(0,1fr);gap:40px;align-items:end}
.person-heading.has-photo{grid-template-columns:minmax(0,1fr) minmax(220px,380px)}
.person-heading h1{margin-bottom:10px}
.person-dates{font:400 clamp(18px,1.8vw,24px)/1.4 Georgia,serif;color:#3d4a40;margin:0 0 20px}
.person-connections{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:22px 0 0}
.person-connections a{display:inline-block;border:1px solid #19231f;border-radius:24px;padding:8px 14px;font-size:11px;letter-spacing:.06em;text-decoration:none;color:inherit}
.person-connections a:hover{background:#19231f;color:#f0eee4}
.person-photo{margin:0}
.person-photo img{width:100%;height:auto;max-height:520px;object-fit:cover;object-position:50% 20%;border-radius:3px;background:#d6d9c8}
.person-photo figcaption{font-size:11px;line-height:1.5;color:#586151;margin-top:8px}
.person-photo figcaption a{color:inherit}
.person-facts{margin-bottom:50px}
.person-facts dl{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:0;margin:0;border-top:1px solid #19231f}
.person-facts dl>div{padding:18px 22px 20px 0;border-bottom:1px solid #bec2b7}
.person-facts dt{font:700 10px/1 Arial,sans-serif;letter-spacing:.22em;text-transform:uppercase;color:#586151;margin-bottom:10px}
.person-facts dd{margin:0;font-size:16px;line-height:1.55}
.person-facts dd a{color:inherit}
.person-subhead{font:400 24px/1.2 Georgia,serif;margin:36px 0 12px}
.person-places{margin-top:60px}
.person-places h2 .count-pill{vertical-align:middle}
.person-places-intro{font-size:15px;line-height:1.65;color:#526053;max-width:720px}
.person-place-list{list-style:none;padding:0;margin:26px 0 0;display:grid;gap:16px}
.person-place{border-left:4px solid #e9fc82;background:#f7f5ec;padding:18px 22px 16px;border-radius:0 3px 3px 0}
.person-place.status-closed{border-left-color:#ed7653}
.person-place.status-demolished{border-left-color:#58635b}
.person-place.status-unknown{border-left-color:#c9cabe}
.person-place .eyebrow{font-size:10px;margin:0 0 8px}
.person-place h3{font:400 clamp(21px,1.9vw,27px)/1.2 Georgia,serif;margin:0 0 8px;letter-spacing:-.02em}
.person-place h3 a{color:inherit;text-decoration:none}
.person-place h3 a:hover{text-decoration:underline}
.person-place h3 span{color:#6b7852}
.person-place p{font-size:15px;line-height:1.6;margin:0 0 8px}
.person-place-status{font-size:12px!important;letter-spacing:.08em;text-transform:uppercase;color:#a24a2f}
.status-demolished .person-place-status{color:#3d4a40}
.person-place-meta{display:flex;flex-wrap:wrap;gap:6px 18px;font-size:13px!important;color:#526053}
.person-place-meta a{color:#19231f}
.person-aside h2{font:400 26px/1.15 Georgia,serif;margin:6px 0 16px}
.person-related ul,.person-sources ul{list-style:none;padding:0;margin:0 0 30px}
.person-related li a{display:flex;flex-direction:column;gap:3px;padding:12px 0;border-bottom:1px solid #bec2b7;color:inherit;text-decoration:none}
.person-related li a:hover strong{text-decoration:underline}
.person-related strong{font:400 19px/1.2 Georgia,serif}
.person-related span{font-size:12px;color:#526053;line-height:1.45}
.person-sources li{font-size:13px;line-height:1.5;padding:6px 0;border-bottom:1px dotted #bec2b7;overflow-wrap:anywhere}
.person-sources a{color:inherit}

/* People block on place pages */
.place-people{margin-top:60px;padding-top:30px;border-top:1px solid #19231f}
.place-people h2 .count-pill{vertical-align:middle}
.place-people-list{list-style:none;padding:0;margin:22px 0 18px;display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px}
.place-people-list li{background:#f7f5ec;border-left:4px solid #e9fc82;padding:14px 18px;border-radius:0 3px 3px 0}
.place-people-list a{color:inherit;text-decoration:none;display:flex;flex-direction:column;gap:4px}
.place-people-list strong{font:400 21px/1.2 Georgia,serif}
.place-people-list a:hover strong{text-decoration:underline}
.place-people-list span{font-size:12px;color:#526053;line-height:1.45}
.place-people-list .eyebrow{font-size:9px;margin:10px 0 4px}
.place-people-list p{font-size:14px;line-height:1.55;margin:0}

@media(max-width:1000px){
.people-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.person-heading.has-photo{grid-template-columns:minmax(0,1fr) minmax(180px,280px)}
}
@media(max-width:650px){
.people-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:30px 14px}
.person-card-summary{-webkit-line-clamp:3;font-size:13px}
.person-card-name{font-size:20px}
.people-today{padding:24px 18px}
.people-letters a,.people-letters span{width:30px;height:30px;font-size:15px}
.person-heading.has-photo{grid-template-columns:minmax(0,1fr)}
.person-photo{order:-1;max-width:320px}
.person-facts dl{grid-template-columns:minmax(0,1fr)}
.people-search select{width:100%}
}
@media(prefers-reduced-motion:reduce){.person-card-photo img{transition:none}}