.hero .wrap{width:min(1240px,calc(100% - 40px))}
.hero-grid{grid-template-columns:.9fr 1.1fr;gap:56px}
.field-map{height:590px;min-height:590px}
.field-map svg{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none;overflow:visible}
.paths path{vector-effect:non-scaling-stroke}
.map-node{z-index:2;padding:9px 11px;font-size:10px}
.n1{left:6%;top:14%}
.n2{left:3%;top:36%}
.n3{left:9%;top:58%}
.n4{left:18%;top:71%}
.n5{right:5%;top:15%}
.n6{right:4%;top:35%}
.n7{right:8%;top:57%}
.n8{right:16%;top:71%}
.map-core{left:50%;top:48%;width:180px;height:180px;z-index:3}
.map-detail{left:50%;right:auto;bottom:16px;width:min(310px,calc(100% - 40px));transform:translateX(-50%);padding:12px 14px;z-index:4}
@media(max-width:980px){.hero-grid{grid-template-columns:1fr;gap:46px}.field-map{height:520px;min-height:520px}.n4,.n8{top:70%}}
@media(max-width:620px){.hero .wrap{width:calc(100% - 28px)}.field-map{height:480px;min-height:480px}.map-node{font-size:8px;padding:7px}.map-core{width:135px;height:135px;top:47%}.n3{top:56%}.n7{top:55%}.n4{left:10%;top:68%}.n8{right:10%;top:68%}.map-detail{width:min(250px,calc(100% - 24px));bottom:10px;padding:10px 11px}}