@import "https://fonts.googleapis.com/css2?family=Cairo:wght@400;600;700;800;900&display=swap";
.branches-page{background-color:var(--cream,#fcfaf8);min-height:100vh;color:var(--ink,#2d261e);justify-content:center;padding:120px 20px 80px;font-family:Cairo,sans-serif;display:flex}.branches-container{flex-direction:column;align-items:center;width:100%;max-width:1200px;display:flex}.branches-header{text-align:center;margin-bottom:60px}.branches-eyebrow{letter-spacing:.1em;text-transform:uppercase;color:var(--gold,#c59d52);margin-bottom:12px;font-size:15px;font-weight:700}.branches-title{color:var(--ink,#2d261e);max-width:700px;margin:0 auto;font-size:clamp(32px,5vw,48px);font-weight:900;line-height:1.2}.map-wrapper{aspect-ratio:2;background:#fff;border-radius:40px;width:100%;max-height:600px;position:relative;overflow:hidden;box-shadow:0 20px 40px #0000000a,0 1px 3px #00000005,inset 0 0 0 1px #c59d5226}.map-inner{position:absolute;inset:0}.map-grid-bg{opacity:.6;background-image:radial-gradient(#c59d524d 1.5px,#0000 1.5px);background-size:32px 32px;position:absolute;inset:0}.map-lines{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.animated-dash{animation:40s linear infinite dashMove}@keyframes dashMove{0%{stroke-dashoffset:100px}to{stroke-dashoffset:0}}.map-point{z-index:10;cursor:pointer;flex-direction:column;align-items:center;display:flex;position:absolute;transform:translate(-50%,-50%)}.point-dot-wrapper{justify-content:center;align-items:center;width:48px;height:48px;display:flex;position:relative}.point-dot{z-index:2;background-color:#f2613f;border-radius:50%;width:16px;height:16px;transition:transform .4s cubic-bezier(.34,1.56,.64,1),background-color .3s;position:relative;box-shadow:0 0 0 4px #fffc,0 4px 12px #f2613f66}.point-pulse{z-index:1;background-color:#f2613f26;border-radius:50%;width:100%;height:100%;animation:2.5s cubic-bezier(.4,0,.6,1) infinite pulse;position:absolute}.map-point:hover .point-dot,.map-point--active .point-dot{background-color:#ff7656;transform:scale(1.4)}.point-label{color:var(--ink);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:none;background:#ffffffe6;border-radius:20px;margin-top:8px;padding:4px 12px;font-size:16px;font-weight:800;transition:transform .3s;box-shadow:0 2px 8px #0000000d}.map-point:hover .point-label,.map-point--active .point-label{color:#f2613f;transform:translateY(-4px)}@keyframes pulse{0%{opacity:1;transform:scale(.5)}to{opacity:0;transform:scale(2.5)}}.point-tooltip{background:var(--ink,#2d261e);color:#fff;opacity:0;visibility:hidden;pointer-events:none;white-space:nowrap;border-radius:30px;padding:8px 16px;transition:all .3s cubic-bezier(.34,1.56,.64,1);position:absolute;bottom:calc(100% + 12px);left:50%;transform:translate(-50%)translateY(15px);box-shadow:0 10px 20px #00000026}.point-tooltip:after{content:"";border-style:solid;border-width:5px;border-color:var(--ink,#2d261e) transparent transparent transparent;position:absolute;top:100%;left:50%;transform:translate(-50%)}.map-point:hover .point-tooltip,.map-point--active .point-tooltip{opacity:1;visibility:visible;transform:translate(-50%)translateY(0)}.tooltip-year{color:#fff;letter-spacing:.5px;font-size:13px;font-weight:700}@media (max-width:768px){.map-wrapper{aspect-ratio:4/3;border-radius:24px;max-height:none}.branches-title{font-size:28px}}@media (max-width:480px){.map-wrapper{aspect-ratio:3/4}.branches-eyebrow{font-size:13px}.branches-title{font-size:24px}.point-label{padding:2px 8px;font-size:14px}}.leaflet-custom-marker{background:0 0;border:none}.leaflet-custom-marker .map-point{position:relative;transform:none}