/* Reference composition: a legible Saudi silhouette, with the card offset east. */
.hero-visual{width:100%;padding:35px 0 30px;isolation:isolate;min-height:510px}
.hero-visual .landscape-map{left:0;top:0;width:100%;height:100%;z-index:0;pointer-events:none}
.hero-visual .insight-sheet{width:66%;min-width:0;margin-left:auto;margin-right:0;z-index:1;padding-inline:19px;background:#fcfaf5f5}
.hero-visual .map-brand{left:20px;top:10px;z-index:2}
.hero-visual .visual-coordinate{left:5px;top:265px}
.hero-visual .branch-row{gap:7px}
.hero-visual .floating-insight{right:15px;bottom:-4px;z-index:2;display:flex;align-items:center;gap:10px}
.hero-visual .floating-insight svg{width:48px;transform:rotate(-70deg)}
.hero-visual .floating-insight a{font-size:13px;margin:0}
@media(max-width:1150px) and (min-width:801px){.hero-visual .insight-sheet{width:70%;padding-inline:12px}.hero-visual .branch-row{gap:4px}.hero-visual .branch-row>span{width:33px}.hero-visual .branch-number{width:33px}}
@media(max-width:800px){.hero-visual{width:min(620px,100%);min-height:510px;padding:35px 0 30px}.hero-visual .floating-insight{right:15px;bottom:-4px}}
@media(max-width:520px){.hero-visual{padding:195px 0 25px;min-height:0;overflow:hidden}.hero-visual .landscape-map{width:100%;height:335px;top:-25px;left:-38px}.hero-visual .map-brand{display:flex;top:8px;left:auto;right:8px}.hero-visual .map-brand strong{font-size:25px}.hero-visual .insight-sheet{width:86%;padding-inline:16px}.hero-visual .visual-caption{left:0}.hero-visual .branch-row{gap:7px}}