.audiences{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.audience{min-width:0;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.audience:hover{transform:translateY(-3px);box-shadow:0 12px 24px #1b64bc18;border-color:#9dc7fb}
.audience>div{min-width:0}
.audience>svg:last-child{width:17px}
.site-header nav{gap:16px}
#map{position:relative;height:min(65vh,520px);min-height:350px;border:1px solid #dce7f2;border-radius:10px;overflow:hidden;background:#e9f1f9;margin:0 0 22px}
#map[hidden]{display:none}
#map .map-empty{position:absolute;z-index:500;left:16px;bottom:16px;max-width:360px;padding:14px 17px;background:#fffffff2;border-radius:8px;box-shadow:0 6px 22px #23344b24;color:#3a4d66;font-size:13px}
.wrap-pin{display:grid;place-items:center;width:38px;height:38px;border:3px solid white;border-radius:12px 12px 12px 3px;background:#0870f2;color:white;font-weight:900;font-size:17px;box-shadow:0 4px 14px #163c7a66;transform:rotate(-45deg)}
.wrap-pin span{transform:rotate(45deg)}
.wrap-map-popup{min-width:180px;display:grid;gap:7px}
.studio-map-pin{position:absolute;left:-30px;top:-50px;width:60px;height:46px;border:3px solid #fff;border-radius:12px;background:#0875ef;box-shadow:0 4px 14px #12396255;display:grid;place-items:center;color:white;font-weight:900;cursor:pointer}.studio-map-pin:after{content:'';position:absolute;bottom:-9px;left:22px;border:5px solid transparent;border-top-color:white;border-bottom:0}.studio-map-pin img{width:54px;height:40px;object-fit:contain;border-radius:8px;background:#f4f7fa}.studio-map-card{display:grid;gap:8px;max-width:240px;padding:6px}.studio-map-card img{width:100%;height:90px;object-fit:contain;background:#f3f6fa;border-radius:8px}.studio-map-card p{margin:0;font-size:12px;color:#60748a}.studio-map-card a{color:#086ff0;font-weight:600}.studio-map-note{position:absolute;left:12px;top:12px;max-width:calc(100% - 80px);z-index:400;background:#fffffff2;padding:8px 12px;border-radius:9px;font-size:11px;pointer-events:none;box-shadow:0 3px 12px #17395815}
.wrap-map-popup strong{font-size:15px;color:#1c2b41}
.wrap-map-popup a{font-size:13px;color:#075fcd;font-weight:650}
.branch-route{display:inline-flex;gap:6px;align-items:center;margin-top:6px;color:#086bf4;font-weight:650}
@media(max-width:1100px){.audiences{grid-template-columns:repeat(2,minmax(0,1fr))}.site-header nav{gap:9px;font-size:12px}}
@media(max-width:680px){.audiences{grid-template-columns:1fr}#map{min-height:430px}.audience:hover{transform:none}}
@media(prefers-reduced-motion:reduce){.audience{transition:none}}