/* Original geometry stays in SVG; perspective and architecture live in a separate scene. */
.company-logo{width:80px;height:80px;object-fit:contain;flex:none;filter:drop-shadow(0 3px 9px #d9b57620)}
.brand{gap:15px}.block-caption text{font-weight:700!important}.block-caption text:last-child{font-weight:600!important;letter-spacing:-3px}
.map-block-labels{filter:drop-shadow(0 1px 0 #f9f5d76b)}
#mapTooltip{background:linear-gradient(140deg,#20463fe8,#0a201fed);color:#f5e9cb;border:1px solid #ccb57a70;border-radius:22px;padding:0 20px 17px;box-shadow:0 25px 60px #00120f99,inset 0 1px #f8edcc33;backdrop-filter:blur(22px);overflow:hidden;transform:perspective(900px) rotateX(2deg)}
#mapTooltip:after{content:'';position:absolute;inset:0;border-radius:inherit;background:linear-gradient(135deg,#fff2be0c,transparent 45%,#c8a56c08);pointer-events:none}
#mapTooltip small{color:#d0b778;font-size:11px;margin-bottom:5px;letter-spacing:0}
#mapTooltip strong{color:#fff4d9;font-weight:700;font-size:20px}
#mapTooltip p{color:#bfcec0;font-size:12px;line-height:1.8;margin:7px 0 0}
#featurePreview{height:144px;margin:0 -18px -10px;position:relative;background:radial-gradient(ellipse,#a8c9a513,transparent 65%)}
#featurePreview canvas{display:block;width:100%;height:100%}
.map-feature{filter:drop-shadow(5px 8px 2px #00150c55)}
.map-feature:hover,.map-feature:focus-visible,.map-feature.is-highlighted{filter:url(#mapGlow) drop-shadow(4px 9px 3px #00150c66)}
.mapfoot{padding:13px 16px}.mapfoot button{font-size:12px;padding:10px 12px;border-radius:9px}.mapfoot svg{width:21px;height:21px}
#plotExperience{position:absolute;inset:13px 16px 16px;z-index:20;display:flex;flex-direction:column;overflow:hidden;border:1px solid #d5ba7e70;border-radius:24px;background:radial-gradient(ellipse at 55% 37%,#52766585,transparent 65%),linear-gradient(135deg,#23473ef8,#09221ffb);box-shadow:0 24px 75px #00100d88,inset 0 1px #e9dfac30;backdrop-filter:blur(20px);direction:rtl}
#plotExperience:before{content:'';position:absolute;width:65%;height:30%;left:15%;top:25%;background:#e1cb8b10;filter:blur(80px);pointer-events:none}
.experience-head{display:flex;justify-content:space-between;align-items:center;padding:22px 26px 0;z-index:1}
.experience-head small{color:#d1b97f;font-size:11px}.experience-head h2{font-size:24px;font-weight:500;margin:7px 0 0;color:#f3ecd4}
.experience-head>button{width:42px;height:42px;border:1px solid #c6b47860;border-radius:50%;font:28px Arial;color:#e9d9b3;background:#bca26b0b}
#buildingScene{position:relative;flex:1;min-height:300px;touch-action:pan-y;cursor:grab}
#buildingScene:active{cursor:grabbing}#buildingScene canvas{width:100%;height:100%;position:absolute;inset:0;touch-action:pan-y}
.experience-caption{position:relative;text-align:center;padding:0 26px 20px;margin-top:-6px}
.experience-caption>strong{font-size:22px;font-weight:500;color:#ebd49f}.experience-caption p{font-size:12px;line-height:1.8;max-width:450px;margin:9px auto 14px;color:#becec0}
.experience-caption>span{font-size:10px;color:#849e8d}.scene-controls{display:flex;justify-content:center;gap:12px;margin:0 0 12px}
.scene-controls button{font-size:11px;padding:10px 17px;border:1px solid #c7b07766;border-radius:25px;color:#e9d7ad;background:linear-gradient(120deg,#c9b57715,#9dab9d0b)}
.experience-active #svgHost{filter:blur(6px);opacity:.28;transition:filter .5s,opacity .5s}.experience-active>.zoom,.experience-active>#tip{visibility:hidden}
.scene-details{display:none;font-size:12px;color:#e8d5a3;margin:0 auto 14px;padding:7px;border-bottom:1px solid #c4aa6e66}
@media(max-width:640px){.scene-details{display:block}}
#detail .parcelhero{font:64px 'Segoe UI',Arial;margin:20px 0;padding:12px 0}#detail .parcelhero small{font-size:13px;margin-right:20px}#detail h2{font-size:27px;margin:18px 0}
.investment-idea{margin-bottom:20px}.investment-idea>strong{font-size:20px;color:#dfc78f;font-weight:500;line-height:1.8}.investment-idea p{font-size:13px;margin:8px 0 14px;line-height:1.9}.investment-idea>small{display:block;color:#829e8d;font-size:10px;line-height:1.9;margin:11px 0}
#detail dl>div{padding:11px 0}aside:has(#detail:not([hidden])){padding-top:30px}.scene-fallback{height:100%;min-height:140px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;background:radial-gradient(ellipse,#b99f6522,transparent 70%)}.scene-fallback>span{color:#d3b779;font-size:16px}.scene-fallback strong{font-size:25px;color:#e5d4a9;margin:16px 0}.scene-fallback p{font-size:12px}
@media(min-width:1200px){.experience-active{min-height:700px!important}}
@media(max-width:900px){.company-logo{width:62px;height:62px}.brand{gap:8px}.mapfoot button{font-size:11px;padding:9px 8px}.experience-head{padding:18px 18px 0}.experience-head h2{font-size:20px}.experience-caption>strong{font-size:18px}.experience-caption{padding:0 17px 17px}.experience-caption p{font-size:11px}}
@media(max-width:640px){.company-logo{width:62px;height:62px}.brand{font-size:23px}.brand small{font-size:8px;letter-spacing:4px}header{padding:0 12px}nav{gap:13px}nav button{font-size:10px}.mapfoot button{font-size:11px;gap:6px;padding:9px 7px}.mapfoot svg{width:18px;height:18px}#plotExperience{inset:10px 9px 12px;border-radius:19px}#buildingScene{min-height:310px}.experience-head h2{font-size:20px}.experience-caption>strong{font-size:20px}.experience-caption{padding-bottom:20px}.experience-caption p{font-size:12px}.experience-active{min-height:690px!important}#mapTooltip{padding:0 17px 15px}#featurePreview{height:132px}#mapTooltip strong{font-size:19px}#mapTooltip p{font-size:11px}}

.map-facility-layer{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:2}.has-relief .map-feature[data-feature=school]>g,.has-relief .map-feature[data-feature=mosque]>g,.has-relief .map-feature[data-feature=parking]>g,.has-relief .map-feature[data-feature=electric]>g,.has-relief .map-feature[data-feature=park] use{opacity:0}.experience-active>.map-facility-layer{visibility:hidden}#mapTooltip{z-index:10}