.dat-map-hero{position:relative;min-height:min(770px,calc(100svh - 110px));height:720px;isolation:isolate;overflow:hidden;background:#e6eff3}.dat-map-depth{position:absolute;inset:-25px 0;z-index:-3}.dat-map-plane{position:absolute;inset:-12px}.dat-map-image{object-fit:cover;object-position:center}.dat-map-routes{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.dat-map-route-base{fill:none;stroke:#007486;stroke-width:1;opacity:.3}.dat-map-route-packet{fill:none;stroke:#e8fdff;stroke-width:3.5;stroke-linecap:round;stroke-dasharray:3 97;filter:drop-shadow(0 0 3px #007486);animation:dat-map-transmit 6s linear infinite}.dat-map-route-packet:nth-child(2n){stroke:#b83049}.dat-map-node-halo{fill:none;stroke:#007486;stroke-width:1.4;animation:dat-map-ping 4s ease-out infinite}.dat-map-hub-ring{fill:none;stroke:#bf2540;stroke-width:1.3;transform-origin:1384px 550px;animation:dat-map-ping 5s ease-out infinite}.dat-map-hub-ring-outer{animation-delay:-2.5s}.dat-map-hero[data-running=false] .dat-map-hub-ring,.dat-map-hero[data-running=false] .dat-map-node-halo,.dat-map-hero[data-running=false] .dat-map-route-packet{animation-play-state:paused}.dat-map-legibility{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(230,239,243,.9),rgba(230,239,243,.75) 24%,rgba(230,239,243,.12) 49%,transparent 72%),linear-gradient(0deg,rgba(230,239,243,.75),transparent 18%)}.dat-map-topbar{position:absolute;inset:20px 30px auto;display:flex;align-items:center;justify-content:space-between;z-index:5;color:#466876;font-size:9px;letter-spacing:.1em;text-transform:uppercase}.dat-map-topbar>span{display:flex;align-items:center;gap:15px}.dat-map-topbar i{width:24px;height:1px;background:#7b9ea8}.dat-map-topbar button{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 12px;border:1px solid #aec6ce;background:#eff7f8d9;cursor:pointer;color:#245969}.dat-map-topbar button:disabled{cursor:default}.dat-map-identity{position:absolute;left:5%;top:50%;transform:translateY(-50%);z-index:4;width:39%}.dat-map-kicker{font-size:10px;letter-spacing:.09em;color:#15596a;margin-bottom:24px}.dat-map-identity h1{font-size:clamp(48px,5.9vw,86px);font-weight:750;line-height:.99;letter-spacing:-.07em;color:#132b37}.dat-map-identity h1 span{color:#007486}.dat-map-role{margin-top:24px;color:#466876;font-size:14px;line-height:1.9}.dat-map-portrait{position:absolute;bottom:0;left:37%;width:43%;height:91%;z-index:2;pointer-events:none}.dat-map-person{object-fit:contain;object-position:bottom;filter:drop-shadow(10px 18px 24px rgba(29,52,66,.2))}.dat-map-portrait-light{position:absolute;inset:22% 8% 3%;border-radius:50%;background:radial-gradient(ellipse,rgba(247,253,255,.75),transparent 68%)}.dat-map-location{position:absolute;right:4%;bottom:26%;z-index:3;display:flex;gap:12px;align-items:center;padding:13px 17px;background:#f1f7f9d9;border:1px solid #a6bdc6;box-shadow:0 10px 35px #214b5d0d;color:#194d60;font-size:13px}.dat-map-location small{display:block;margin-top:3px;font-size:9px;color:#597984}.dat-map-location-dot{width:7px;height:7px;border-radius:50%;background:#c8102e;box-shadow:0 0 0 5px #c8102e12}.dat-map-location-line{width:23px;height:1px;background:#84aab4}.dat-map-bottom{position:absolute;bottom:20px;left:30px;right:30px;z-index:4;display:flex;align-items:center;justify-content:space-between;color:#3e6575;font-size:9px;text-transform:uppercase;letter-spacing:.1em}.dat-map-bottom a{display:inline-flex;align-items:center;min-height:36px;gap:12px}.dat-map-hero :is(a,button):focus-visible{outline:2px solid #007486;outline-offset:4px}@keyframes dat-map-transmit{0%{stroke-dashoffset:100}to{stroke-dashoffset:0}}@keyframes dat-map-ping{0%{opacity:.8;transform:scale(.75)}85%,to{opacity:0;transform:scale(1.9)}}@media (max-width:1024px){.dat-map-hero{height:680px;min-height:620px}.dat-map-identity{left:5%;width:42%}.dat-map-portrait{left:39%;width:52%;height:85%}.dat-map-location{right:3%;bottom:18%}.dat-map-topbar>span{font-size:8px;gap:8px}}@media (max-width:640px){.dat-map-hero{height:740px;min-height:0}.dat-map-depth{inset:160px -240px -10px -320px}.dat-map-legibility{background:linear-gradient(180deg,#e6eff3,rgba(230,239,243,.7) 30%,transparent 48%,rgba(230,239,243,.2) 85%,#e6eff3)}.dat-map-topbar{inset:12px 18px auto;font-size:7px}.dat-map-topbar>span{max-width:220px;flex-wrap:wrap;gap:5px;font-size:7px}.dat-map-topbar i{width:12px}.dat-map-topbar button{padding-inline:9px}.dat-map-identity{top:84px;transform:none;left:24px;width:calc(100% - 48px)}.dat-map-kicker{font-size:8px;margin-bottom:16px}.dat-map-identity h1{font-size:49px}.dat-map-identity h1 br{display:none}.dat-map-identity h1 span{display:block}.dat-map-role{margin-top:16px;font-size:10px;line-height:1.6;max-width:200px}.dat-map-role br{display:none}.dat-map-portrait{left:4%;width:94%;height:62%;bottom:28px}.dat-map-person{transform:scale(1.05);transform-origin:center bottom}.dat-map-location{right:14px;bottom:95px;padding:10px 12px;font-size:11px}.dat-map-location small{font-size:8px}.dat-map-location-line{display:none}.dat-map-bottom{bottom:8px;left:20px;right:20px;font-size:7px}.dat-map-bottom>span{font-size:7px}}@media (prefers-reduced-motion:reduce){.dat-map-hero *,.dat-map-hero :before{animation:none!important;transition:none!important}}