/* Short bridge: the same event appears at three projected offices. */
#ciudad{height:130vh}
.distribution-city .city-aerial{filter:saturate(.88) contrast(1.08)}
.distribution-city .city-grade{background:linear-gradient(90deg,#0a0a11b8 0%,#0a0a1133 57%,transparent 100%),linear-gradient(0deg,#0c0b19ad 0%,transparent 57%)}
.distribution-city .city-copy{max-width:740px;top:17vh}
.distribution-city .city-copy h2{font-size:clamp(60px,7.2vw,112px);max-width:810px}
.city-network{position:absolute;inset:0;z-index:4;pointer-events:none;overflow:hidden}
.city-channel{position:absolute;z-index:3;transform:translate(-50%,-50%);opacity:0}
.city-channel i{display:block;width:12px;height:12px;background:#d7ff3a;transform:rotate(45deg);box-shadow:0 0 0 6px #d7ff3a1c,0 0 18px #d7ff3aab}
.city-channel>div{position:absolute;bottom:27px;left:8px;transform:translate(-50%,var(--channel-rise,18px));display:flex;flex-direction:column;gap:4px;width:max-content;max-width:220px;color:#fff;text-shadow:0 2px 12px #090910,0 2px 3px #090910}
.city-channel strong{font-size:18px;line-height:1.08;letter-spacing:-.04em;font-weight:750}
.city-channel small{font-size:10px;letter-spacing:.02em;color:#d7ff3a;font-weight:700;white-space:nowrap}
.city-channel:nth-of-type(3)>div{left:auto;right:8px;transform:translate(0,var(--channel-rise,18px))}
@media(max-width:700px){
  #ciudad{height:130vh}
  .distribution-city .city-copy{top:14vh;left:22px;right:22px;max-width:none}
  .distribution-city .city-copy h2{font-size:clamp(50px,11.8vw,72px);max-width:470px}
  .distribution-city .city-copy>p:last-child{font-size:17px;max-width:330px}
  .city-channel>div{max-width:165px}
  .city-channel strong{font-size:14px}
  .city-channel small{font-size:8px}
  .city-channel:nth-of-type(3)>div{left:10px;right:auto;transform:translate(0,var(--channel-rise,18px))}
}