/* The Facebook 1,000: compact profiles, a clear editorial voice. */
.hero { grid-template-columns:1fr 1fr; min-height:650px; padding-top:48px; padding-bottom:48px; gap:28px; }
.hero h1 { font-size:clamp(52px,5.1vw,76px); line-height:1.04; letter-spacing:-3.8px; }
.hero .intro { max-width:420px; font-size:15px; line-height:1.75; margin-top:25px; }
.hero .eyebrow { font-size:9px; letter-spacing:2px; }
.hero:before { background-image:linear-gradient(90deg,#f5f0e5 0%,#f5f0e5ed 25%,#f5f0e533 57%,#f5f0e500 85%),linear-gradient(0deg,#f5f0e5,transparent 26%),var(--gallery-art); }
.compact-gallery { height:550px; }
.compact-gallery .gallery-inscription { top:8px; color:#4d3824; text-shadow:0 1px 5px #fff5e4; }
.hero-list-panel { position:absolute; bottom:25px; right:14px; width:328px; padding:19px 22px 0; background:#faf3e4f2; border:1px solid #b8a17d; box-shadow:0 20px 45px #482a1726,0 0 0 5px #fbf2df44; }
.hero-panel-heading { display:flex; justify-content:space-between; padding:0 0 12px; color:#855c3a; font-size:8px; letter-spacing:1.7px; border-bottom:1px solid #d8c7ac; }
.hero-person { display:flex; align-items:center; gap:13px; padding:13px 0; border-bottom:1px solid #d8c7ac88; }
.hero-person img { width:52px; height:52px; flex:none; object-fit:cover; border-radius:50%; border:1px solid #b99b70; padding:2px; background:#f5ecd9; }
.hero-person>span { flex:1; min-width:0; }
.hero-person strong { display:block; font:19px/1.2 Georgia,serif; color:#352a22; }
.hero-person small { display:block; font-size:9px; line-height:1.5; color:#7b6854; margin-top:5px; }
.hero-person i { font-size:15px; font-style:normal; color:#80563a; }
.hero-person:hover strong { color:#8b3e2c; }
.hero-panel-footer { display:flex; justify-content:space-between; padding:14px 0; font-size:10px; color:#713b2c; }
.list-seal { position:absolute; width:118px; height:118px; right:38px; top:45px; border:1px solid #a78a58; border-radius:50%; outline:1px solid #ad8c5755; outline-offset:5px; display:flex; flex-direction:column; justify-content:center; align-items:center; background:#eee0bde6; color:#6c4825; transform:rotate(10deg); box-shadow:0 8px 25px #482a171a; }
.list-seal>span { font-size:7px; letter-spacing:1.7px; }
.list-seal strong { font:35px/1.4 Georgia,serif; font-weight:400; }
.list-seal small { font-size:8px; letter-spacing:2px; }
.list-intro { padding:35px 0 40px; display:grid; grid-template-columns:1fr 1.2fr 1fr; gap:35px; align-items:center; border-top:1px solid #c5b49966; border-bottom:1px solid #c5b49966; margin-bottom:65px; }
.list-intro>span { font-size:9px; letter-spacing:2.2px; line-height:1.8; max-width:180px; color:#8b6140; }
.list-intro p { margin:0; font:29px/1.25 Georgia,serif; letter-spacing:-.8px; }
.list-intro em { color:#81543c; }
.list-intro>a { font-size:10px; justify-self:end; }
#directory .section-top { align-items:center; }
#directory .section-top h2 { font-size:43px; line-height:1.12; }
.discovery-tools { background:transparent; padding:0; margin:15px 0; border:0; gap:12px; }
.discovery-tools .company-search { display:flex; align-items:center; flex:none; gap:10px; font-size:10px; }
.discovery-tools input { width:220px; font-size:12px; padding:10px 12px; background:#fbf8f1; border-color:#d2c4ac; }
.discovery-tools #clear-all { min-height:35px; font-size:10px; margin-left:auto; }
.results-bar { padding-top:15px; border-top:1px solid #d8cbb5; font-size:11px; margin-bottom:18px; }
.results-bar select { font-size:11px; }
.profile-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
.profile-card.compact-card { display:grid; grid-template-columns:64px minmax(0,1fr); gap:12px 15px; align-content:start; padding:18px; border:1px solid #dbceb9; background:#fcf8ef; border-radius:3px; min-width:0; box-shadow:none; }
.profile-card.compact-card:hover { transform:translateY(-2px); box-shadow:0 5px 18px #4429150a; border-color:#bba17a; }
.person-avatar { display:block; width:64px; height:64px; border-radius:50%; overflow:hidden; border:1px solid #d1ba97; background:#e4d6bf; padding:3px; }
.person-avatar img { display:block; width:100%; height:100%; object-fit:cover; object-position:center; border-radius:50%; }
.person-details { min-width:0; padding-right:15px; }
.person-details h3 { font:22px/1.12 Georgia,serif; letter-spacing:-.5px; margin:1px 0 7px; overflow-wrap:break-word; }
.person-role { font-size:10px; line-height:1.5; color:#766956; margin:0 0 5px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; }
.person-company { font-size:10px; color:#564635; margin:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.compact-card .save { position:absolute; width:28px; height:28px; top:8px; right:7px; background:transparent; border:0; border-radius:50%; color:#958369; }
.compact-card .save svg { width:15px; height:15px; }
.compact-card .save[aria-pressed=true] { background:#733c2e; color:#fff5e4; }
.person-footer { grid-column:1/-1; display:flex; align-items:center; justify-content:space-between; gap:9px; border-top:1px solid #e5dcca; padding-top:11px; min-width:0; }
.person-footer .tag { margin:0; font-size:8px; padding:4px 6px; max-width:60%; }
.profile-cta { white-space:nowrap; font-size:9px; color:#7f4932; }
.profile-grid.list { grid-template-columns:1fr; }
.profile-grid.list .compact-card { grid-template-columns:52px minmax(0,1fr) 230px; align-items:center; padding:14px 18px; gap:16px; }
.profile-grid.list .person-avatar { width:52px; height:52px; }
.profile-grid.list .person-details { display:grid; grid-template-columns:1fr 1fr; gap:3px 20px; align-items:center; padding-right:0; }
.profile-grid.list .person-details h3 { grid-column:1; grid-row:1/3; margin:0; font-size:21px; }
.profile-grid.list .person-role,.profile-grid.list .person-company { grid-column:2; margin:0; }
.profile-grid.list .person-footer { grid-column:3; border:0; padding:0 24px 0 0; }
.profile-grid.list .compact-card .save { top:calc(50% - 14px); }
.profile-hero { grid-template-columns:minmax(0,1fr) 240px; }
.profile-picture { width:220px; height:220px; border-radius:50%; padding:7px; background:#e7d8ba!important; border:1px solid #b89963; justify-self:center; }
.profile-picture img { border-radius:50%; object-fit:cover; object-position:center; }
.profile-hero h1 { font-family:Georgia,serif; font-weight:400; }
.complete-index .section-top h2 { font-size:39px; }
.compact-card[hidden] { display:none!important; }
@media(max-width:1100px){
 .hero h1{font-size:59px;letter-spacing:-3px}
 .hero-list-panel{width:300px;right:0}
 .person-details h3{font-size:20px}
 .profile-card.compact-card{padding:15px;grid-template-columns:54px minmax(0,1fr);gap:12px}
 .person-avatar{width:54px;height:54px}
}
@media(max-width:950px){
 .hero{grid-template-columns:1fr 1fr;gap:15px;min-height:590px}
 .hero h1{font-size:48px;letter-spacing:-2.5px}
 .hero .intro{font-size:13px}
 .hero:before{background-size:cover; background-position:center}
 .hero h1 br:nth-child(3){display:initial}
 .compact-gallery{height:490px}
 .hero-list-panel{width:275px;padding:15px 16px 0;bottom:15px}
 .list-seal{right:25px;top:35px;width:95px;height:95px}
 .list-seal strong{font-size:30px}
 .gallery-inscription{font-size:7px;letter-spacing:1.6px}
 .profile-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .list-intro{grid-template-columns:1fr 2fr;gap:20px}.list-intro>a{grid-column:2;justify-self:start}
 .profile-grid.list .compact-card{grid-template-columns:52px minmax(0,1fr) 150px}
 .profile-grid.list .person-details{display:block}
 .profile-grid.list .person-details h3{margin-bottom:5px}
 .profile-grid.list .person-footer{flex-direction:column;align-items:start;gap:8px}
 .profile-grid.list .person-footer .tag{max-width:none}
}
@media(max-width:700px){
 .hero{grid-template-columns:1fr;gap:12px;padding-top:35px;padding-bottom:30px}
 .hero h1{font-size:clamp(45px,9vw,60px);letter-spacing:-2.7px}
 .hero .intro{font-size:14px;max-width:450px}
 .hero:before{background-image:linear-gradient(#f5f0e5 0%,#f5f0e5e8 35%,#f5f0e533 70%,#f5f0e5 100%),var(--gallery-art);background-size:cover;background-position:center}
 .compact-gallery{height:405px;max-width:450px;margin:0 auto}
 .compact-gallery .gallery-inscription{top:12px}
 .hero-list-panel{width:280px;bottom:10px;right:0}
 .list-seal{top:34px;right:auto;left:4px;width:88px;height:88px;z-index:2}
 .list-seal>span{font-size:6px}.list-seal strong{font-size:29px}
 .list-intro{display:block;padding:25px 0 30px;margin-bottom:40px}
 .list-intro>span{font-size:8px;max-width:none}
 .list-intro p{font-size:27px;margin:13px 0 18px}
 #directory .section-top{display:block}#directory .section-top h2{font-size:34px}
 #directory .search-box{margin-top:20px}
 .profile-grid,.related .profile-grid{grid-template-columns:1fr;gap:9px}
 .related .profile-card:last-child{display:grid}
 .profile-card.compact-card{padding:16px;grid-template-columns:60px minmax(0,1fr);gap:11px 14px}
 .person-avatar{width:60px;height:60px}
 .person-details h3{font-size:22px}
 .person-role,.person-company{font-size:11px}
 .person-footer{padding-top:10px}.person-footer .tag{font-size:9px}.profile-cta{font-size:10px}
 .discovery-tools .company-search{flex:1;min-width:0;gap:7px}.discovery-tools input{width:100%;min-width:0;font-size:11px;padding:9px}
 .discovery-tools #clear-all{font-size:9px;padding:7px;white-space:nowrap}
 .results-bar{flex-wrap:wrap;gap:12px}.view-controls{margin-left:auto}.results-bar #result-count{font-size:10px}
 .profile-grid.list .compact-card{grid-template-columns:46px minmax(0,1fr);gap:10px;padding:12px 14px}
 .profile-grid.list .person-avatar{width:46px;height:46px}.profile-grid.list .person-details{padding-right:20px}
 .profile-grid.list .person-details h3{font-size:20px}.profile-grid.list .person-footer{display:none}
 .profile-hero{grid-template-columns:1fr;gap:18px}.profile-picture{width:150px;height:150px;justify-self:start;order:-1}
 .profile-hero h1{font-size:46px;letter-spacing:-2px}.profile-hero .role-big{font-size:16px}
}