/* Prima Harapan Regency — premium motion map, responsive, no deceptive road routing */
.access-section{background:#f0f2eb;overflow:hidden;position:relative}
.access-section:before{content:'';position:absolute;inset:-30% auto auto 45%;width:950px;height:900px;background:radial-gradient(circle,rgba(192,160,112,.11),transparent 63%);pointer-events:none}
.access-top{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,.55fr);align-items:end;gap:45px;margin-bottom:44px;position:relative}
.access-top h2{font-size:clamp(42px,5vw,74px);margin:0;line-height:1.2}
.access-top>p{max-width:380px;font-size:13px;line-height:2;color:#657672;margin:0 0 8px}
.access-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(335px,.62fr);min-height:636px;border:1px solid #d5ddd4;box-shadow:0 22px 80px rgba(12,43,49,.09);background:#fff;position:relative}
.access-map-panel{position:relative;background:#dce9e3;min-width:0;display:flex;flex-direction:column}
.access-map-head,.access-map-bottom{background:#0b3039;color:#e8ede7;display:flex;align-items:center;gap:10px;padding:0 26px;height:52px;font-size:9px;letter-spacing:.16em;font-weight:800;position:relative;z-index:410}
.access-map-tag{margin-left:auto;color:#a9c1ba;font-size:8px}
.access-live-dot{width:7px;height:7px;background:#c9aa79;border-radius:50%;box-shadow:0 0 0 6px #c9aa7933;animation:access-pulse 2.3s ease-in-out infinite;flex:0 0 auto}
@keyframes access-pulse{50%{box-shadow:0 0 0 10px #c9aa7908}}
.access-map{height:532px;min-height:450px;width:100%;position:relative;background:#e0ece5;z-index:1}
.access-map .leaflet-container{font-family:var(--sans)}
.access-map .leaflet-control-attribution{font-size:8px;background:#fffffff0}
.access-map .leaflet-control-zoom{border:0;box-shadow:0 5px 24px #12333c2b;overflow:hidden}
.access-map .leaflet-control-zoom a{width:35px;height:35px;line-height:35px;color:#113c47;border:0}
.access-map .leaflet-control-zoom a:hover{background:#e8eddf}
.access-map .leaflet-tile-pane{filter:saturate(.7) contrast(.93)}
.access-map-bottom{justify-content:space-between;background:#f7f9f5;border-top:1px solid #d6e1db;color:#657874;height:52px;letter-spacing:0;font-size:9px;font-weight:650;padding:0 20px;gap:10px;flex-wrap:wrap}
.access-map-bottom>span{display:flex;align-items:center;gap:6px}.access-map-dot{width:7px;height:7px;display:inline-block;border-radius:50%}.access-map-dot.origin{background:#0b3740}.access-map-dot.destination{background:#b78c51}
.access-tooltip{border:0!important;border-radius:7px!important;background:#123c45!important;color:#fff!important;padding:9px 12px!important;font-size:11px!important;font-weight:800!important;box-shadow:0 9px 22px #12313c2f!important}.access-tooltip:before{border-top-color:#123c45!important}
.access-origin-icon{background:transparent;border:0}.access-origin-core{width:62px;height:62px;display:grid;place-items:center;color:#fff;background:#0a3944;border:5px solid #fff;border-radius:50%;box-shadow:0 0 0 12px #a780574d,0 0 0 22px #a7805729,0 9px 26px #173c4440;animation:access-core-breathe 3s ease-in-out infinite}.access-origin-core span{font-size:13px;letter-spacing:.1em;font-weight:900}@keyframes access-core-breathe{50%{box-shadow:0 0 0 17px #a7805733,0 0 0 31px #a7805712,0 9px 26px #173c4440}}
.access-map-route{animation:access-dash 6s linear infinite}@keyframes access-dash{to{stroke-dashoffset:-90}}
.access-sidebar{background:#fff;min-width:0;padding:30px 26px 26px;display:flex;flex-direction:column}
.access-sidebar-top{padding:0 2px 20px;border-bottom:1px solid #e8eae6}.access-eyebrow{color:#b08d59;font-size:9px;letter-spacing:.19em;font-weight:900}
.access-sidebar-top p{margin:7px 0 0;color:#10323b;font:400 29px/1.2 var(--serif);letter-spacing:-.04em}.access-sidebar-top p span{color:#aa8859}
.access-destinations{display:grid;margin-top:14px;gap:6px}
.access-item{width:100%;display:flex;align-items:center;text-align:left;gap:12px;background:transparent;border:1px solid transparent;border-radius:8px;padding:13px 9px;transition:background .25s,border-color .25s,transform .25s;min-width:0}
.access-item:hover{background:#f7f7f2;border-color:#edf0eb;transform:translateX(2px)}.access-item.active{background:#f3f5ef;border-color:#d8e0d7}
.access-item-icon{width:41px;height:41px;border-radius:8px;flex:0 0 auto;display:grid;place-items:center;background:#e8eee7;color:#0e3a42;font-size:21px;font-weight:700}.access-item.active .access-item-icon{background:#123c45;color:#efd9b9}
.access-item-copy{flex:1;min-width:0}.access-item-copy strong{display:block;color:#1c3b43;font-size:11px;line-height:1.5;font-weight:800}.access-item-copy small{font-size:9px;color:#81908a;line-height:1.6;display:block;margin-top:3px}.access-km{font-size:12px;color:#b28c54;font-weight:900;white-space:nowrap;font-variant-numeric:tabular-nums}
.access-selected{margin-top:auto;background:#143b43;color:#fff;padding:22px 24px 21px;position:relative;overflow:hidden}.access-selected:after{content:'↗';position:absolute;right:-8px;top:5px;font-size:130px;font-weight:200;color:#ffffff09;line-height:1}
.access-selected h3{font:400 22px/1.25 var(--serif);margin:9px 0 14px;position:relative;z-index:1}
.access-selected-main{display:flex;align-items:baseline;gap:11px;margin-bottom:18px}.access-selected-main #access-selected-distance{font:500 32px/1 var(--serif);color:#f0d0a2;font-variant-numeric:tabular-nums;white-space:nowrap}.access-selected-main span:last-child{font-size:8px;letter-spacing:.13em;color:#b6cfca;font-weight:800}
.access-direction{position:relative;z-index:1;display:flex;justify-content:space-between;gap:12px;align-items:center;width:100%;background:#f2eee5;color:#143a42;padding:13px 14px;font-size:10px;font-weight:900;transition:background .22s,transform .22s}.access-direction:hover{background:#e5c697;transform:translateY(-2px)}.access-direction span{font-size:19px;font-weight:400}
.access-disclaimer{max-width:1100px;font-size:10px;color:#72837c;margin:22px 0 0;line-height:1.9}
.access-map-fallback{position:absolute;inset:0;overflow:hidden;background:linear-gradient(130deg,#cfe1d8,#edf4e8);z-index:0}.access-grid-lines{position:absolute;inset:0;background-image:linear-gradient(#ffffff6b 1px,transparent 1px),linear-gradient(90deg,#ffffff6b 1px,transparent 1px);background-size:36px 36px;transform:rotate(12deg) scale(1.3);animation:access-grid-float 16s ease-in-out infinite alternate}
@keyframes access-grid-float{to{transform:rotate(12deg) scale(1.35) translate(-12px,8px)}}
.access-schematic{position:absolute;inset:0;width:100%;height:100%;transition:transform 1.4s cubic-bezier(.2,.8,.1,1);filter:drop-shadow(0 8px 18px #0f3c4512)}.access-map[data-active="station"] .access-schematic{transform:translate(9%,5%) scale(1.05)}.access-map[data-active="toll"] .access-schematic{transform:translate(12%,-5%) scale(1.08)}.access-map[data-active="mall"] .access-schematic{transform:translate(-6%,5%) scale(1.08)}.access-map[data-active="hospital"] .access-schematic{transform:translate(-6%,-4%) scale(1.08)}
.access-schematic path[stroke-dasharray]{animation:access-dash 6s linear infinite}.access-fallback-label{position:absolute;bottom:22px;left:24px;font-size:9px;letter-spacing:.12em;color:#627c77;font-weight:850}.access-map-ready .access-map-fallback{display:none}
@media(max-width:1140px){.access-layout{grid-template-columns:minmax(0,1.2fr) 350px}.access-sidebar{padding:22px 18px 20px}.access-item{padding:10px 6px}.access-map{height:515px}.access-top{grid-template-columns:minmax(0,1.5fr) minmax(250px,.7fr)}}
@media(max-width:870px){.access-top{display:block}.access-top>p{margin-top:20px;max-width:680px}.access-layout{grid-template-columns:1fr}.access-map{height:430px;min-height:350px}.access-sidebar{padding:28px}.access-destinations{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:20px}.access-selected{margin-top:0}.access-item{padding:14px}.access-map-bottom{height:44px}}
@media(max-width:550px){.access-top h2{font-size:43px}.access-top>p{font-size:12px}.access-layout{min-height:auto}.access-map-head{padding:0 15px;font-size:8px;height:43px}.access-map-tag{font-size:7px}.access-map{height:343px;min-height:343px}.access-map-bottom{padding:8px 12px;font-size:8px;height:auto;min-height:46px}.access-map-bottom>span:last-child{display:none}.access-sidebar{padding:19px 15px}.access-sidebar-top p{font-size:25px}.access-destinations{grid-template-columns:1fr;gap:2px}.access-item{padding:9px 10px}.access-item-copy strong{font-size:12px}.access-item-copy small{font-size:10px}.access-item-icon{width:38px;height:38px}.access-selected{padding:21px}.access-selected-main #access-selected-distance{font-size:32px}.access-disclaimer{font-size:9px}.access-map .leaflet-control-attribution{font-size:7px}}
@media(prefers-reduced-motion:reduce){.access-live-dot,.access-origin-core,.access-map-route,.access-grid-lines,.access-schematic path[stroke-dasharray]{animation:none!important}.access-item,.access-direction,.access-schematic{transition:none!important}}