/* Nairobi hero plate and the detection-box overlay */

.ph-city{background-image:url(../assets/img/hero-nairobi.jpg);background-size:cover;background-position:center 46%;background-repeat:no-repeat}
.ph-city::before{content:"";position:absolute;inset:0;z-index:2;background:
  linear-gradient(180deg,rgba(210,214,180,.16) 0%,transparent 34%),
  radial-gradient(72% 54% at 50% 44%, rgba(233,240,58,.05), transparent 68%),
  linear-gradient(180deg,transparent 52%,rgba(20,28,16,.30) 100%)}
.ph-city.deep{background-position:center 42%;filter:blur(1.5px) saturate(.72) brightness(.48);transform:scale(1.02)}

.stage{position:absolute;inset:0;overflow:hidden;--hh:max(600px,calc(100vh - 60px))}
.anno .box.sm-off{display:block}
.anno{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:11;pointer-events:none;
  width:max(100%,calc(var(--hh) * 1.50517));aspect-ratio:873 / 580}

.box{position:absolute;z-index:6;border:1.6px solid var(--orange);pointer-events:none;
  box-shadow:0 0 0 1px rgba(20,23,15,.16), 0 6px 26px -12px rgba(20,23,15,.7);
  animation:pop .7s cubic-bezier(.2,.9,.2,1) both;}
.box::after{
  content:attr(data-l);position:absolute;left:-1.6px;top:-17px;
  background:var(--orange);color:#fff;font-family:var(--mono);font-size:9px;font-weight:500;
  letter-spacing:.07em;padding:2.5px 7px;white-space:nowrap;line-height:1;
}
.box.b2{border-color:var(--signal)}
.box.b2::after{background:var(--signal);color:var(--ink)}
@keyframes pop{from{opacity:0;transform:scale(.94)}to{opacity:1;transform:none}}
.dash{position:absolute;z-index:11;font-family:var(--mono);font-size:11px;letter-spacing:.14em;color:var(--blue);opacity:.85}