#arenas-future-hero{--arena-hero-height:clamp(510px,calc(90svh - 88px),760px);--fz-ink:#080808;--fz-white:#fff;--fz-grey:#bcbcbc;--fz-volt:#dfff00;--fz-map:url('../assets/arenas/nordic-map.svg')}
#arenas-future-hero *{box-sizing:border-box}
#arenas-future-hero .hero-pair{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:0;background:#080808;color:var(--fz-white);font-family:var(--body);overflow:hidden}
#arenas-future-hero .photo-panel{position:relative;min-width:0;min-height:var(--arena-hero-height);display:flex;align-items:flex-end;isolation:isolate;container-type:inline-size}
#arenas-future-hero .hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center center;z-index:-2}
#arenas-future-hero .photo-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#08080800 60%,#0808080f 68%,#08080847 80%,#080808ad 90%,#080808ed 97%,#080808 100%),linear-gradient(180deg,transparent 20%,#08080818 40%,#080808ad 70%,#080808f0 100%)}
#arenas-future-hero .photo-copy{width:100%;padding:26px}
#arenas-future-hero h1{font-family:var(--display);font-weight:900;letter-spacing:-.02em;line-height:.96;margin:0}
#arenas-future-hero h1{font-size:min(112px,12.5cqw)}
#arenas-future-hero .volt{color:var(--fz-volt)}
#arenas-future-hero .radar-panel{min-width:0;display:flex;flex-direction:column;justify-content:center;padding:28px 4px;background:var(--fz-ink)}
#arenas-future-hero .headline-line{white-space:nowrap}
#arenas-future-hero .map{position:relative;width:100%;max-width:calc((var(--arena-hero-height) - 56px) * .9525);aspect-ratio:1224/1285;isolation:isolate;align-self:center}
#arenas-future-hero .map-base,#arenas-future-hero .map-fx{position:absolute;inset:0;background-image:var(--fz-map);background-size:100% 100%;background-repeat:no-repeat}
#arenas-future-hero .map-base{opacity:.32}
#arenas-future-hero .map-fx{background:none;mask-image:var(--fz-map);mask-size:100% 100%;mask-repeat:no-repeat;-webkit-mask-image:var(--fz-map);-webkit-mask-size:100% 100%;-webkit-mask-repeat:no-repeat;overflow:hidden;pointer-events:none}
#arenas-future-hero .pin{position:absolute;left:var(--x);top:var(--y);width:0;height:0;z-index:4;color:var(--fz-white);font-size:12px;font-weight:500;line-height:1.2;white-space:nowrap}
#arenas-future-hero .dot{position:absolute;left:-3px;top:-3px;width:6px;height:6px;border-radius:50%;background:var(--fz-volt);box-shadow:0 0 0 1px #080808,0 0 14px #dfff0045}
#arenas-future-hero .city-name{position:absolute;left:9px;top:-9px;padding:3px 4px;border-radius:4px;background:#080808ec}
#arenas-future-hero .pin.west .city-name{left:auto;right:9px}
#arenas-future-hero .pin .halo{position:absolute;left:-4px;top:-4px;width:8px;height:8px;border-radius:50%;border:1px solid var(--fz-volt);opacity:0;animation:fzCenteredHeroPinPulse 3.8s ease-out infinite;animation-delay:var(--delay,0s)}
@keyframes fzCenteredHeroPinPulse{0%,12%{opacity:0;transform:scale(1)}20%{opacity:.9}75%,100%{opacity:0;transform:scale(5)}}
#arenas-future-hero .radar-waves{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
#arenas-future-hero .radar-waves circle{fill:none;stroke:var(--fz-volt)}
#arenas-future-hero .radar-trail{stroke-width:62;opacity:.075}
#arenas-future-hero .radar-edge{stroke-width:7;opacity:.4}
#arenas-future-hero .blip-layer{position:absolute;inset:0;pointer-events:none;z-index:3}
#arenas-future-hero .city-blip{position:absolute;width:0;height:0;opacity:0;color:var(--fz-volt)}
#arenas-future-hero .blip-core{position:absolute;width:4px;height:4px;left:-2px;top:-2px;border-radius:50%;background:currentColor;box-shadow:0 0 7px #dfff0070}
#arenas-future-hero .blip-halo{position:absolute;width:12px;height:12px;left:-6px;top:-6px;border:1px solid currentColor;border-radius:50%;opacity:.7}
#arenas-future-hero .blip-beam{position:absolute;width:2px;height:22px;bottom:3px;left:-1px;background:linear-gradient(0deg,currentColor,transparent);opacity:.4;transform-origin:center bottom}
@media(max-width:640px){
 #arenas-future-hero .hero-pair{grid-template-columns:minmax(0,1fr)}
 #arenas-future-hero .photo-panel{min-height:430px}
 #arenas-future-hero .hero-photo{object-position:center center}
 #arenas-future-hero .photo-shade{background:linear-gradient(180deg,transparent 20%,#08080818 40%,#080808ad 70%,#080808 100%)}
 #arenas-future-hero .photo-copy{padding:24px}
 #arenas-future-hero h1{font-size:min(58px,12.5cqw)}
 #arenas-future-hero .radar-panel{padding:32px 20px}
 #arenas-future-hero .map{max-width:370px}
}
@media(prefers-reduced-motion:reduce){#arenas-future-hero .pin .halo{animation:none}#arenas-future-hero .radar-waves,#arenas-future-hero .blip-beam,#arenas-future-hero .blip-halo{display:none}}