/* Hall of Legends — frameless gallery refinement, 2026-11-03.
   Preserves existing portraits, biography actions, responsive positioning and chapter logic. */
body.hall-visual-demo .hv-chronology .hv-frame-unit,
body.hall-visual-demo .hv-chronology .hv-person:hover .hv-frame-unit,
body.hall-visual-demo .hv-chronology .hv-person:focus-within .hv-frame-unit,
body.hall-visual-demo .hv-chronology .hv-person--active .hv-frame-unit{
  border:0!important;border-radius:0!important;padding:0!important;
  background:transparent!important;box-shadow:none!important;
}
body.hall-visual-demo .hv-chronology .hv-portrait-button,
body.hall-visual-demo .hv-mobile .hv-chronology .hv-portrait-button,
body.hall-visual-demo .hv-chronology .hv-person:hover .hv-portrait-button,
body.hall-visual-demo .hv-chronology .hv-person--active .hv-portrait-button{
  border:0!important;border-radius:0!important;padding:0!important;
  background:transparent!important;box-shadow:none!important;
  overflow:visible!important;
}
body.hall-visual-demo .hv-chronology .hv-portrait-button::after{content:none!important;background:none!important;display:none!important}
body.hall-visual-demo .hv-chronology .hv-portrait-button .hv-image{
  background:transparent!important;border:0!important;border-radius:0!important;
  box-shadow:none!important;padding:0!important;
  filter:drop-shadow(0 8px 12px rgba(0,0,0,.65));
  transition:transform .32s ease,filter .32s ease;
}
body.hall-visual-demo .hv-chronology .hv-person:hover .hv-image,
body.hall-visual-demo .hv-chronology .hv-person:focus-within .hv-image,
body.hall-visual-demo .hv-chronology .hv-person--active .hv-image{
  transform:translateY(-4px) scale(1.045);
  filter:drop-shadow(0 0 10px rgba(255,242,0,.45)) drop-shadow(0 10px 14px rgba(0,0,0,.65));
}
body.hall-visual-demo .hv-chronology .hv-frame-unit .hv-person-name,
body.hall-visual-demo .hv-chronology .hv-frame-unit .hv-person-date{
  border:0!important;border-radius:6px!important;
  width:auto!important;max-width:100%!important;align-self:center!important;
  background:rgba(0,0,0,.38)!important;
  box-shadow:none!important;text-align:center!important;
  padding:4px 9px!important;margin:2px 0 0!important;
  text-shadow:0 1px 4px #000,0 0 5px #000;
}
body.hall-visual-demo .hv-chronology .hv-frame-unit .hv-person-date{color:#f5f1e2!important;font-size:clamp(10px,1vw,12px)}
body.hall-visual-demo .hv-chronology .hv-frame-unit .hv-bio-link{
  width:auto!important;min-width:66px!important;align-self:center!important;
  margin:6px auto 0!important;padding:8px 14px!important;
  border:0!important;border-radius:999px!important;
  background:rgba(0,0,0,.44)!important;
  color:#fff200!important;box-shadow:0 0 9px rgba(148,255,83,.22)!important;
  transition:transform .25s ease,box-shadow .25s ease,background .25s ease!important;
}
body.hall-visual-demo .hv-chronology .hv-frame-unit .hv-bio-link:hover,
body.hall-visual-demo .hv-chronology .hv-frame-unit .hv-bio-link:focus-visible{
  transform:translateY(-3px) scale(1.06)!important;
  background:rgba(3,12,5,.68)!important;
  box-shadow:0 0 11px rgba(255,242,0,.7),0 0 24px rgba(148,255,83,.42)!important;
}
@media(prefers-reduced-motion:reduce){
 body.hall-visual-demo .hv-chronology .hv-portrait-button .hv-image,
 body.hall-visual-demo .hv-chronology .hv-frame-unit .hv-bio-link{transition:none!important;transform:none!important}
}

/* Chapter 02–11: individually installed WebP hall environments. */
.hv-chronology[data-chapter="2"] .hv-stops{
 background-color:#100e0b;
 background-image:linear-gradient(to bottom,rgba(0,0,0,.67),transparent 5%,transparent 94%,rgba(0,0,0,.73)),url("halls/hall-chapter-02-west-african-empires.webp");
 background-position:center center,center center;
 background-repeat:no-repeat,no-repeat;
 background-size:100% 100%,100% 100%;
}
.hv-chronology[data-chapter="2"] .hv-stops::before{content:none!important}
.hv-chronology[data-chapter="3"] .hv-stops{
 background-color:#100e0b;
 background-image:linear-gradient(to bottom,rgba(0,0,0,.67),transparent 5%,transparent 94%,rgba(0,0,0,.73)),url("halls/hall-chapter-03-resistance-and-survival.webp");
 background-position:center center,center center;
 background-repeat:no-repeat,no-repeat;
 background-size:100% 100%,100% 100%;
}
.hv-chronology[data-chapter="3"] .hv-stops::before{content:none!important}
.hv-chronology[data-chapter="4"] .hv-stops{
 background-color:#100e0b;
 background-image:linear-gradient(to bottom,rgba(0,0,0,.67),transparent 5%,transparent 94%,rgba(0,0,0,.73)),url("halls/hall-chapter-04-abolition-and-freedom.webp");
 background-position:center center,center center;
 background-repeat:no-repeat,no-repeat;
 background-size:100% 100%,100% 100%;
}
.hv-chronology[data-chapter="4"] .hv-stops::before{content:none!important}
.hv-chronology[data-chapter="5"] .hv-stops{
 background-color:#100e0b;
 background-image:linear-gradient(to bottom,rgba(0,0,0,.67),transparent 5%,transparent 94%,rgba(0,0,0,.73)),url("halls/hall-chapter-05-reconstruction-and-leadership.webp");
 background-position:center center,center center;
 background-repeat:no-repeat,no-repeat;
 background-size:100% 100%,100% 100%;
}
.hv-chronology[data-chapter="5"] .hv-stops::before{content:none!important}
.hv-chronology[data-chapter="6"] .hv-stops{
 background-color:#100e0b;
 background-image:linear-gradient(to bottom,rgba(0,0,0,.67),transparent 5%,transparent 94%,rgba(0,0,0,.73)),url("halls/hall-chapter-06-education-and-scholarship.webp");
 background-position:center center,center center;
 background-repeat:no-repeat,no-repeat;
 background-size:100% 100%,100% 100%;
}
.hv-chronology[data-chapter="6"] .hv-stops::before{content:none!important}
.hv-chronology[data-chapter="7"] .hv-stops{
 background-color:#100e0b;
 background-image:linear-gradient(to bottom,rgba(0,0,0,.67),transparent 5%,transparent 94%,rgba(0,0,0,.73)),url("halls/hall-chapter-07-science-and-innovation.webp");
 background-position:center center,center center;
 background-repeat:no-repeat,no-repeat;
 background-size:100% 100%,100% 100%;
}
.hv-chronology[data-chapter="7"] .hv-stops::before{content:none!important}
.hv-chronology[data-chapter="8"] .hv-stops{
 background-color:#100e0b;
 background-image:linear-gradient(to bottom,rgba(0,0,0,.67),transparent 5%,transparent 94%,rgba(0,0,0,.73)),url("halls/hall-chapter-08-arts-and-harlem-renaissance.webp");
 background-position:center center,center center;
 background-repeat:no-repeat,no-repeat;
 background-size:100% 100%,100% 100%;
}
.hv-chronology[data-chapter="8"] .hv-stops::before{content:none!important}
.hv-chronology[data-chapter="9"] .hv-stops{
 background-color:#100e0b;
 background-image:linear-gradient(to bottom,rgba(0,0,0,.67),transparent 5%,transparent 94%,rgba(0,0,0,.73)),url("halls/hall-chapter-09-civil-rights-movement.webp");
 background-position:center center,center center;
 background-repeat:no-repeat,no-repeat;
 background-size:100% 100%,100% 100%;
}
.hv-chronology[data-chapter="9"] .hv-stops::before{content:none!important}
.hv-chronology[data-chapter="10"] .hv-stops{
 background-color:#100e0b;
 background-image:linear-gradient(to bottom,rgba(0,0,0,.67),transparent 5%,transparent 94%,rgba(0,0,0,.73)),url("halls/hall-chapter-10-black-women-leaders.webp");
 background-position:center center,center center;
 background-repeat:no-repeat,no-repeat;
 background-size:100% 100%,100% 100%;
}
.hv-chronology[data-chapter="10"] .hv-stops::before{content:none!important}
.hv-chronology[data-chapter="11"] .hv-stops{
 background-color:#100e0b;
 background-image:linear-gradient(to bottom,rgba(0,0,0,.67),transparent 5%,transparent 94%,rgba(0,0,0,.73)),url("halls/hall-chapter-11-pan-african-global-legacy.webp");
 background-position:center center,center center;
 background-repeat:no-repeat,no-repeat;
 background-size:100% 100%,100% 100%;
}
.hv-chronology[data-chapter="11"] .hv-stops::before{content:none!important}

/* Chapter 12 — New Possibilities and Living Memory. Image loads after upload to assets/halls. */
body.hall-visual-demo .hv-chronology[data-chapter="12"] .hv-stops{
 background-color:#100e0b;
 background-image:linear-gradient(to bottom,rgba(0,0,0,.67),transparent 5%,transparent 94%,rgba(0,0,0,.73)),url("halls/hall-chapter-12-new-possibilities-and-living-memory.webp");
 background-position:center center,center center;
 background-repeat:no-repeat,no-repeat;
 background-size:100% 100%,100% 100%;
}
body.hall-visual-demo .hv-chronology[data-chapter="12"] .hv-stops::before{content:none!important}

/* Hall Chapter directions, life dates, activity labels, and scorebar travel controls. */
body.hall-visual-demo .hv-chronology .hv-frame-unit .hv-person-date{
  width:fit-content!important;max-width:100%!important;
  font-size:clamp(10px,1.05vw,12px)!important;
  line-height:1.35!important;overflow-wrap:normal!important;
  white-space:normal!important;text-wrap:balance!important;
}
body.hall-visual-demo .hv-chronology .hv-frame-unit .hv-bio-link{
  min-width:95px!important;max-width:100%!important;
  white-space:nowrap!important;font-size:clamp(11px,1.16vw,13px)!important;
}
body.hall-visual-demo .hv-chronology .hv-head{
  display:flex!important;align-items:center!important;justify-content:center!important;
  position:relative!important;padding-right:clamp(44px,7vw,85px)!important;
  padding-left:clamp(44px,7vw,85px)!important;
}
body.hall-visual-demo .hv-chronology .hv-head h2{
  margin:0!important;min-width:0!important;
  text-align:center!important;
}
body.hall-visual-demo .hv-chronology .hv-chapter-up{
  position:absolute;right:clamp(12px,3vw,36px);top:50%;
  transform:translateY(-50%);display:grid;place-items:center;
  width:clamp(31px,4.5vw,45px);height:clamp(31px,4.5vw,45px);
  font:bold clamp(21px,3vw,30px)/1 Georgia,serif;color:#fff200;
  border-radius:50%;border:1px solid rgba(148,255,83,.35);
  background:rgba(0,0,0,.27);
  text-shadow:0 0 10px rgba(255,242,0,.68);
  box-shadow:0 0 13px rgba(148,255,83,.18);
  pointer-events:none;
}
/* Ledger data stay centered; quiet jump arrows live independently at far right. */
body.hall-visual-demo .hv-scorebar-inner{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex-wrap:nowrap!important;
  width:min(1200px,100%)!important;
  margin:0 auto!important;
  gap:clamp(7px,2.3vw,28px)!important;
  padding:5px clamp(43px,5vw,67px)!important;
  box-sizing:border-box!important;
}
body.hall-visual-demo .hv-score-jumps{
  position:absolute!important;
  right:clamp(7px,1.8vw,25px)!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  gap:0!important;
  width:auto!important;
  margin:0!important;
}
body.hall-visual-demo .hv-score-jump,
body.hall-visual-demo .hv-score-jump:hover{
  display:grid!important;
  place-items:center!important;
  cursor:pointer!important;
  width:24px!important;
  height:30px!important;
  min-width:24px!important;
  min-height:30px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  outline:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#fff200!important;
  font:700 17px/1 Georgia,serif!important;
  text-shadow:none!important;
  transform:none!important;
  transition:color .15s ease!important;
}
body.hall-visual-demo .hv-score-jump:hover{color:#d9ff9c!important}
body.hall-visual-demo .hv-score-jump:focus-visible{
  outline:1px solid #fff200!important;
  outline-offset:-2px!important;
  border-radius:3px!important;
}
body.hall-visual-demo #hv-summit{scroll-margin-top:125px}
body.hall-visual-demo #hv-entrance{scroll-margin-top:125px}
@media(max-width:650px){
  body.hall-visual-demo .hv-scorebar-inner{gap:clamp(4px,1.6vw,9px)!important;padding:4px 43px!important;justify-content:center!important}
  body.hall-visual-demo .hv-score-jumps{right:3px!important;gap:0!important}
  body.hall-visual-demo .hv-score-jump{width:20px!important;min-width:20px!important;height:28px!important;min-height:28px!important;font-size:15px!important}
  body.hall-visual-demo .hv-score-item b{font-size:clamp(12px,3.5vw,17px)!important}
  body.hall-visual-demo .hv-score-item small{font-size:clamp(8px,2.2vw,10px)!important}
  body.hall-visual-demo .hv-chronology .hv-frame-unit .hv-bio-link{min-width:88px!important;font-size:11px!important;padding:8px 10px!important}
  body.hall-visual-demo .hv-chronology .hv-frame-unit .hv-person-date{font-size:10px!important;line-height:1.3!important}
  body.hall-visual-demo .hv-chronology .hv-head{padding-left:38px!important;padding-right:48px!important}
  body.hall-visual-demo .hv-chronology .hv-chapter-up{right:6px;width:32px;height:32px;font-size:22px}
}
@media(prefers-reduced-motion:reduce){
 body.hall-visual-demo .hv-score-jump{transition:none!important;transform:none!important}
}