.hero-neighborhood {position:absolute;object-fit:contain;width:100%;height:83%;top:0;left:0}
.hero-scene .hero-character {height:43%;bottom:0}
.hero-scene .hero-brigand {height:40%}
.hero-scene .scene-caption {bottom:0;left:30%;font-size:.75rem}
.community-totals {background:#121815;border-bottom:1px solid #566356}
.community-totals dl {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:48px 0 24px;gap:24px}
.community-totals dl>div {display:flex;flex-direction:column;justify-content:center;min-width:0}
.community-totals dl>div+div {padding-left:32px;border-left:1px solid #566356}
.community-totals dt {order:1;font-size:1.12rem;font-weight:800;margin-top:8px}
.community-totals dd {margin:0;font-size:clamp(2.2rem,4vw,3.8rem);line-height:1.1;font-weight:1000;color:#CF9275;letter-spacing:-.025em;font-variant-numeric:tabular-nums}
.community-totals small {display:block;font-size:.83rem;font-weight:400;color:#BEC8BC;margin-top:6px}
.community-totals .totals-status {padding-bottom:24px;margin:0;color:#BEC8BC;font-size:.8rem;min-height:3em}
@media(max-width:640px){
  .community-totals dl {grid-template-columns:repeat(2,minmax(0,1fr));padding-top:32px;gap:24px 16px}
  .community-totals dl>div+div {padding-left:16px}
  .community-totals dl>div:last-child {grid-column:1/-1;border-left:0;border-top:1px solid #566356;padding:24px 0 0}
  .community-totals dd {font-size:2.5rem}
  .hero-scene .hero-character {height:43%}
  .hero-scene .scene-caption {left:27%;bottom:0;font-size:.65rem}
}