@font-face{font-family:Manrope;src:url('./vendor/manrope.ttf') format('truetype');font-weight:400;font-display:swap}
:root{--bg:#080808;--fg:#f7f6f2;--muted:#b5b2ac;--subtle:#86837c;--line:#ffffff24;--surface:#141414;--glass:#0e0e0eec;--edge:8,8,8;--gold:#d9ba80;--gold-gradient:linear-gradient(115deg,#926b34,#d7b574 38%,#f4e3b2 58%,#b48642);--gold-soft:linear-gradient(105deg,#d6b47923,#d6b47908 70%,transparent);--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--nav-bottom:calc(18px + var(--safe-bottom));color-scheme:dark;font-family:Manrope,Arial,sans-serif;color:var(--fg);font-synthesis:weight}
:root[data-theme=light]{--bg:#fafafa;--fg:#171717;--muted:#605d57;--subtle:#767269;--line:#00000020;--surface:#fff;--glass:#fffffff0;--edge:255,255,255;--gold:#8a6531;--gold-soft:linear-gradient(105deg,#ad824124,#ad824108 70%,transparent);color-scheme:light}
*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;overscroll-behavior:none;background:var(--bg)}body{width:100%;-webkit-text-size-adjust:100%}
button,a,input{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer;border:0;background:transparent;touch-action:manipulation}button:disabled{opacity:.5;cursor:wait}a{color:inherit;touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--gold);outline-offset:3px}button:active{filter:brightness(1.12)}[hidden]{display:none!important}svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}h1,h2,h3,p{margin:0}
#experience{height:100vh;height:100dvh;position:relative;overflow:hidden}#map{position:absolute;inset:0;isolation:isolate;z-index:0;background:var(--bg)}
.top-shade,.bottom-shade{position:absolute;left:0;right:0;pointer-events:none}.top-shade{top:0;height:calc(190px + var(--safe-top));background:linear-gradient(rgba(var(--edge),.94),rgba(var(--edge),.52) 50%,transparent)}.bottom-shade{bottom:0;height:210px;background:linear-gradient(0deg,rgba(var(--edge),.92),transparent)}
.topbar{height:calc(78px + var(--safe-top));padding:var(--safe-top) 18px 0;display:flex;align-items:center;justify-content:space-between;gap:10px;position:absolute;top:0;left:0;right:0;z-index:6;pointer-events:none}.topbar>*{pointer-events:auto}.brand{display:flex;gap:10px;align-items:center;text-decoration:none;min-height:44px}.brand-mark{font:300 36px/1 Arial,sans-serif;letter-spacing:-7px;width:39px}.brand-mark span,.gold-text{background:var(--gold-gradient);color:transparent;background-clip:text}.brand-word{font-size:15px;letter-spacing:2px;font-weight:700}.brand-word small{display:block;font-size:9px;letter-spacing:2px;margin-top:6px;font-weight:400;color:var(--muted)}.brand-word b{font-weight:500;color:var(--gold)}.header-center{display:none}.gold-line{width:25px;height:1px;background:var(--gold-gradient)}.header-actions{display:flex;align-items:center;gap:10px}.theme-switch{display:flex;align-items:center;border:1px solid var(--line);border-radius:30px;padding:3px;background:rgba(var(--edge),.7);backdrop-filter:blur(12px)}.theme-switch button{height:40px;width:40px;display:grid;place-items:center;border-radius:50%;color:var(--muted)}.theme-switch button.active{background:var(--gold-gradient);color:#17130d}.theme-switch svg{width:19px;height:19px}.icon-button{width:44px;height:44px;display:grid;place-items:center;flex-shrink:0}.info-button{display:none}
.mobile-projects{display:flex;position:absolute;top:calc(82px + var(--safe-top));left:0;right:0;gap:8px;padding:0 18px 14px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;z-index:3;scroll-snap-type:x proximity;scroll-padding:18px;touch-action:pan-x}.mobile-projects::-webkit-scrollbar{display:none}.project-chip{border:1px solid var(--line);background:rgba(var(--edge),.85);backdrop-filter:blur(8px);font-size:12px;white-space:nowrap;padding:10px 15px;border-radius:28px;min-height:44px;scroll-snap-align:center;flex-shrink:0}.project-chip.active{background:var(--gold-gradient);color:#19150d;border-color:#dec391}.project-chip .star{margin-right:6px}
.map-toolbar{position:absolute;right:16px;top:calc(145px + var(--safe-top));display:flex;align-items:center;flex-direction:column;padding:4px;border:1px solid var(--line);border-radius:28px;background:var(--glass);backdrop-filter:blur(12px);z-index:2;box-shadow:0 10px 45px #00000018}.map-toolbar>button{width:44px;height:44px;display:grid;place-items:center;border-radius:50%;font-size:13px}.map-toolbar button.active{color:var(--gold)}.map-toolbar svg{width:20px;height:20px}.divider{height:1px;width:20px;background:var(--line);margin:3px auto}.map-toolbar #north{display:flex;flex-direction:column;justify-content:center;gap:0}.north-symbol{font-size:24px;line-height:21px;color:var(--gold)}#north small{font-size:8px;margin-top:4px}.pitch-control{display:none}
.mobile-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));position:absolute;z-index:6;left:16px;right:16px;bottom:var(--nav-bottom);padding:7px;background:var(--glass);border:1px solid var(--line);border-radius:22px;backdrop-filter:blur(16px);box-shadow:0 12px 35px #0003;max-width:560px;margin:0 auto}.mobile-nav button{display:flex;flex-direction:column;align-items:center;gap:6px;font-size:11px;min-height:50px;justify-content:center;border-radius:15px;color:var(--muted)}.mobile-nav button svg{width:21px;height:21px}.mobile-nav button.active{background:var(--gold-soft);color:var(--gold)}
.sheet-backdrop{position:absolute;inset:132px 0 0;z-index:4;background:#0002;cursor:default}.sheet-open .project-focus,.sheet-open .scene-caption,.sheet-open .map-hint{visibility:hidden}
.explorer,.details-panel{position:absolute;top:auto;left:0;right:0;bottom:0;width:100%;height:72vh;height:72dvh;max-height:calc(100dvh - 132px - var(--safe-top));padding:0 20px calc(115px + var(--safe-bottom));z-index:5;background:linear-gradient(0deg,rgba(var(--edge),.99),rgba(var(--edge),.97) 65%,rgba(var(--edge),.91));backdrop-filter:blur(16px);border-top:1px solid var(--line);border-radius:26px 26px 0 0;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--line) transparent;box-shadow:0 -12px 45px #0002}
.explorer{display:none}.explorer.open{display:block}.explorer.expanded,.details-panel.expanded{height:calc(100dvh - 132px - var(--safe-top))}
.sheet-header{position:sticky;top:0;margin:0 -20px;padding:0 20px 1px;background:linear-gradient(rgba(var(--edge),.99),rgba(var(--edge),.96));z-index:2;border-radius:25px 25px 0 0}
.sheet-grip{display:block;width:90px;height:40px;padding:12px 15px;margin:0 auto;touch-action:none}.sheet-grip span{display:block;height:3px;border-radius:3px;background:var(--subtle);width:42px;margin:auto}
.explorer-head,.details-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.explorer-head .eyebrow{display:none}.eyebrow{font-size:10px;font-weight:500;letter-spacing:1.3px;color:var(--muted);line-height:1.7}h1{font-size:25px;line-height:1.25;letter-spacing:-.7px;font-weight:500}h1>.gold-text{display:none}
.explorer-tabs,.details-tabs{display:flex;gap:25px;border-bottom:1px solid var(--line);margin:17px 0 10px}.explorer-tabs button,.details-tabs button{font-size:14px;white-space:nowrap;color:var(--muted);min-height:44px;padding:6px 0 13px;position:relative}.explorer-tabs button.active,.details-tabs button.active{color:var(--fg)}.explorer-tabs button.active:after,.details-tabs button.active:after{position:absolute;content:"";height:2px;left:0;right:0;bottom:-1px;background:var(--gold-gradient)}.explorer-tabs button span{font-size:12px;color:var(--gold);margin-left:6px}
.place-list{display:flex;flex-direction:column}.project-row,.landmark-row{width:100%;display:flex;align-items:center;gap:13px;text-align:left;padding:15px 3px;border-bottom:1px solid var(--line);position:relative;min-height:66px}.project-row.active,.landmark-row.active{background:var(--gold-soft);border-bottom-color:#c6a3664d}.row-index{font-size:12px;color:var(--subtle);min-width:22px;font-variant-numeric:tabular-nums}.row-copy{flex:1;min-width:0}.row-copy strong{display:block;font-size:17px;font-weight:500;line-height:1.5}.row-copy small{display:block;color:var(--muted);font-size:12px;line-height:1.6;margin-top:3px}.row-copy .flagship-tag{color:var(--gold);font-size:9px;letter-spacing:1px;text-transform:uppercase}.row-arrow{font-size:20px;color:var(--subtle)}.project-row.active .row-arrow,.project-row.active .row-index{color:var(--gold)}.landmark-row .row-copy strong{font-size:16px}.explorer-bottom{margin-top:16px;display:flex;flex-direction:column;gap:2px}.text-button{display:flex;align-items:center;gap:7px;text-align:left;font-size:14px;min-height:46px;padding:11px 0;color:var(--muted)}.text-button svg{width:17px;height:17px}.text-button .arrow{margin-left:auto}.explorer-caption{display:none}
.details-heading .eyebrow{color:var(--gold);font-size:9px}.details-heading h2{font-size:25px;font-weight:500;letter-spacing:-.7px;margin-top:5px}.categories{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;padding-top:4px}.category-button{display:flex;align-items:center;justify-content:center;gap:7px;border:1px solid var(--line);border-radius:9px;padding:11px 4px;min-height:48px;font-size:12px;color:var(--muted);background:rgba(var(--edge),.2)}.category-button.active{background:var(--gold-soft);border-color:#bb945777;color:var(--gold)}.category-button svg{width:18px;height:18px}.results-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:23px 0 6px}.results-title h3{font-size:15px;font-weight:500}.results-title span{font-size:11px;color:var(--muted);white-space:nowrap}.result-row{display:flex;gap:10px;align-items:flex-start;border-bottom:1px solid var(--line);padding:14px 0}.result-select{display:flex;gap:9px;text-align:left;padding:0;flex:1;min-width:0;min-height:44px}.result-index{font-size:11px;color:var(--gold);width:16px;margin-top:4px;flex-shrink:0}.result-content{min-width:0}.result-name{display:block;font-size:14px;line-height:1.6;overflow-wrap:anywhere}.result-type{display:block;font-size:12px;color:var(--muted);line-height:1.6;margin-top:4px}.result-distance{display:block;font-size:12px;white-space:nowrap;color:var(--gold);margin-top:4px;text-align:right}.route-link{display:flex;align-items:center;justify-content:flex-end;min-height:44px;font-size:12px;color:var(--gold);text-align:right;text-decoration:none}.result-row.chosen .result-name{color:var(--gold)}
.distance-note,.source-note{font-size:12px;color:var(--muted);line-height:1.75;margin-top:18px}.source-note{color:var(--subtle);margin-top:12px}.rental-visual{margin:22px 0 18px;color:var(--gold)}.rental-visual svg{width:40px;height:40px;stroke-width:1}#rental-content h3{font-size:25px;font-weight:400;letter-spacing:-.6px;line-height:1.3}#rental-content>p{font-size:14px;line-height:1.8;color:var(--muted);margin:18px 0 25px}.metric{display:flex;align-items:center;justify-content:space-between;padding:18px 0;border-top:1px solid var(--line);font-size:14px}.metric strong{font-weight:400;color:var(--gold)}
.scene-caption{position:absolute;left:20px;bottom:calc(146px + var(--safe-bottom));display:flex;align-items:center;gap:9px;z-index:1;font-size:10px;letter-spacing:1.1px;max-width:calc(100% - 40px);line-height:1.6;pointer-events:none;text-shadow:0 1px 10px var(--bg)}.scene-dot{width:5px;height:5px;flex-shrink:0;background:var(--gold);border-radius:50%}.scene-caption-small{display:none}.map-hint{position:absolute;bottom:calc(122px + var(--safe-bottom));left:20px;font-size:10px;color:var(--muted);pointer-events:none}.map-hint>span{margin:0 5px;color:var(--gold)}.map-hint .mobile-gesture,.map-hint .desktop-gesture{margin:0;color:inherit}.desktop-gesture{display:none}.desktop-nearby{display:none}
.project-focus{position:absolute;bottom:calc(110px + var(--safe-bottom));left:16px;right:16px;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:12px;background:linear-gradient(115deg,rgba(var(--edge),.94),rgba(var(--edge),.8));border:1px solid var(--line);backdrop-filter:blur(12px);border-radius:14px;padding:13px 14px;max-width:560px;margin:0 auto}.project-focus>div{min-width:0}.project-focus .eyebrow{font-size:9px;color:var(--gold)}.project-focus strong{display:block;font-size:16px;font-weight:500;line-height:1.45;overflow-wrap:anywhere}.gold-button{background:var(--gold-gradient);color:#19150f;border:1px solid #e6cd9b5e;display:flex;align-items:center;justify-content:center;gap:10px;padding:11px 13px;min-height:44px;border-radius:9px;font-size:12px;white-space:nowrap;flex-shrink:0}.gold-button svg{display:none}
.project-marker{position:absolute;background:var(--glass);color:var(--fg);border:1px solid #b5986480;border-radius:7px;padding:10px 12px;min-height:44px;white-space:nowrap;font:500 12px Manrope,Arial,sans-serif;box-shadow:0 6px 18px #0003;display:flex;align-items:center;gap:9px}.project-marker:after{content:"";position:absolute;left:50%;height:22px;width:1px;top:100%;background:var(--gold-gradient)}.project-marker:before{content:"";position:absolute;width:5px;height:5px;border:1px solid var(--gold);border-radius:50%;top:calc(100% + 20px);left:calc(50% - 3px);background:var(--bg);box-shadow:0 0 0 5px #d8b67516}.project-marker>span{color:var(--gold);font-size:11px}.project-marker.flagship{border-color:var(--gold);background:var(--gold-gradient);color:#19150e}.project-marker.flagship>span{color:#57411f}.project-marker.selected{box-shadow:0 0 0 3px #cfb57d26,0 7px 28px #0004}.poi-marker{position:absolute;display:grid;place-items:center;width:44px;height:44px;background:var(--surface);color:var(--gold);border:1px solid var(--gold);border-radius:50%;font-size:13px;box-shadow:0 4px 15px #0004}.poi-marker.chosen{background:var(--gold-gradient);color:#111}
.maplibregl-popup-content{background:var(--glass);color:var(--fg);font-family:Manrope,Arial,sans-serif;padding:22px 20px 10px;border:1px solid var(--line);border-radius:13px;box-shadow:0 8px 30px #0003}.maplibregl-popup-tip{border-top-color:var(--surface)!important;border-bottom-color:var(--surface)!important}.maplibregl-popup-content strong{display:block;font-size:14px;margin-bottom:8px;padding-right:14px}.maplibregl-popup-content p{font-size:12px;line-height:1.6;color:var(--muted)}.maplibregl-popup-content a{display:flex;align-items:center;min-height:44px;color:var(--gold);font-size:12px;text-decoration:none}.maplibregl-popup-close-button{font-size:22px;color:var(--muted);width:36px;height:36px}.maplibregl-ctrl-attrib{background:rgba(var(--edge),.8)!important;color:var(--muted)!important;font-size:9px!important}.maplibregl-ctrl-attrib a{color:var(--muted)!important}.maplibregl-ctrl-attrib-button{filter:grayscale(1)}
.map-status{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:13px;padding:16px 19px;z-index:7;background:var(--glass);border:1px solid var(--line);border-radius:12px;font-size:13px;width:max-content;max-width:calc(100% - 40px)}.loading-ring{width:17px;height:17px;border:1px solid var(--line);border-top-color:var(--gold);border-radius:50%;animation:spin 1s linear infinite;flex-shrink:0}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{padding:24px 0;font-size:14px;color:var(--muted);line-height:1.8}
dialog{width:calc(100% - 28px);max-width:600px;max-height:calc(100dvh - 40px - var(--safe-top));overflow:auto;background:var(--surface);color:var(--fg);border:1px solid var(--line);border-radius:18px;padding:22px;box-shadow:0 25px 70px #0005;overscroll-behavior:contain}dialog::backdrop{background:#0009;backdrop-filter:blur(8px)}.dialog-head{display:flex;align-items:center;justify-content:space-between}.dialog-head .eyebrow{color:var(--gold)}dialog h2{font-size:28px;font-weight:500;letter-spacing:-1px;margin:12px 0 24px}dialog h3{font-size:16px;font-weight:500;margin-top:25px}dialog p{font-size:14px;color:var(--muted);line-height:1.8;margin:12px 0}dialog a{color:var(--gold);text-underline-offset:4px}
@media(min-width:481px){.categories{grid-template-columns:repeat(6,minmax(0,1fr))}.category-button{flex-direction:column;min-height:68px}.gold-button svg{display:block;width:16px;height:16px}}
@media(min-width:901px){
:root{--safe-top:0px;--safe-bottom:0px}.topbar{height:100px;padding:0 35px;gap:25px}.brand{gap:15px}.brand-mark{font-size:46px;width:51px}.brand-word{font-size:18px;letter-spacing:3px}.brand-word small{font-size:11px;letter-spacing:3px}.info-button{display:grid;border:1px solid var(--line);border-radius:50%}.info-button svg{width:18px;height:18px}.header-actions{gap:16px}.theme-switch{background:rgba(var(--edge),.4)}
.mobile-projects,.mobile-nav,.sheet-grip,.sheet-close,.mobile-sources,.sheet-backdrop{display:none!important}.sheet-header{position:static;margin:0;padding:0;background:none;border-radius:0}.mobile-gesture{display:none}.desktop-gesture{display:inline}
.explorer,.explorer.open{display:flex;flex-direction:column;top:100px;bottom:45px;left:0;right:auto;width:370px;height:auto;max-height:none;padding:27px 65px 20px 35px;z-index:3;background:linear-gradient(90deg,rgba(var(--edge),.95),rgba(var(--edge),.78) 60%,rgba(var(--edge),.43) 80%,transparent);border:0;border-radius:0;box-shadow:none;backdrop-filter:none;pointer-events:none;overflow:auto}.explorer>*{pointer-events:auto}.explorer-head .eyebrow{display:block}.explorer-head{display:block}.eyebrow{font-size:10px;letter-spacing:1.5px}h1{font-size:35px;letter-spacing:-1.6px;margin-top:13px}h1>.gold-text{display:block}.explorer-tabs{margin:30px 0 10px;gap:24px}.explorer-tabs button{font-size:13px}.project-row{padding:17px 6px 17px 0}.row-copy strong{font-size:16px}.landmark-row{padding:11px 5px 11px 0;min-height:61px}.landmark-row .row-copy strong{font-size:14px}.landmark-row .row-copy small{font-size:11px}.explorer-bottom{margin-top:18px}.text-button{font-size:12px;padding:9px 0;min-height:41px}.explorer-caption{display:flex;align-items:center;gap:9px;margin-top:auto;padding-top:27px;color:var(--subtle);font-size:8px;letter-spacing:1.1px;white-space:nowrap}.fine-line{width:20px;height:1px;background:var(--gold)}
.map-toolbar{right:28px;top:130px;padding:5px}.pitch-control{display:block;position:absolute;right:28px;top:410px;z-index:2;width:130px;padding:14px 0}.pitch-control label{display:flex;justify-content:space-between;font-size:11px;color:var(--muted)}.pitch-control label span{color:var(--gold)}.pitch-control input{width:100%;margin:13px 0 0;height:3px;accent-color:#c9a467;cursor:pointer}
.details-panel{top:100px;bottom:35px;left:auto;right:0;width:min(410px,40vw);height:auto;max-height:none;padding:24px 28px;background:linear-gradient(270deg,rgba(var(--edge),.98),rgba(var(--edge),.91) 78%,rgba(var(--edge),.55));border-top:0;border-left:1px solid var(--line);border-radius:0;z-index:4}.details-panel.expanded{height:auto}.details-heading h2{font-size:26px}.details-heading .eyebrow{font-size:10px}.details-tabs{margin:23px 0 19px;gap:24px}.categories{grid-template-columns:repeat(3,minmax(0,1fr))}.category-button{flex-direction:column;gap:8px;padding:11px 6px;min-height:68px;font-size:12px}.category-button svg{width:21px;height:21px}.result-name{font-size:13px}.result-type{font-size:11px}.distance-note,.source-note{font-size:11px}
.details-open .explorer{opacity:0;visibility:hidden;pointer-events:none}.scene-caption{left:calc(50% + 100px);bottom:78px;transform:translateX(-50%);white-space:nowrap}.map-hint{left:calc(50% + 95px);bottom:40px;transform:translateX(-50%);white-space:nowrap;font-size:11px}.details-open .scene-caption,.details-open .map-hint{left:calc(50% - 145px)}
.desktop-nearby{position:absolute;bottom:115px;right:30px;z-index:3;display:flex;align-items:center;gap:12px;padding:13px 16px;background:linear-gradient(120deg,rgba(var(--edge),.92),rgba(var(--edge),.7));backdrop-filter:blur(12px);border:1px solid #b391544d;border-radius:12px;text-align:left;font-size:11px;color:var(--muted)}.desktop-nearby b{display:block;color:var(--fg);font-size:14px;font-weight:500;margin-top:3px}.desktop-nearby svg{color:var(--gold);width:18px}
.project-focus{bottom:100px;left:calc(50% + 115px);right:auto;transform:translateX(-50%);max-width:470px;padding:16px 18px;gap:25px}.project-focus strong{font-size:19px;white-space:nowrap}.project-marker{min-height:38px}.poi-marker{width:34px;height:34px}.gold-button{font-size:13px;padding:12px 15px}.bottom-shade{height:135px}.maplibregl-ctrl-attrib{font-size:10px!important}dialog{padding:30px 34px}
}
@media(min-width:1201px){.header-center{display:flex;align-items:center;gap:12px;font-size:11px;letter-spacing:2px;color:var(--muted)}.topbar{padding:0 42px}.explorer{width:405px;padding-left:42px;padding-right:80px}.scene-caption-small{display:block;font-size:9px;color:var(--muted);border-left:1px solid var(--line);padding-left:12px}}
@media(min-width:1500px){.explorer{width:445px;padding-left:48px;padding-right:98px;top:115px}.project-row{padding-top:21px;padding-bottom:21px}.row-copy strong{font-size:18px}h1{font-size:43px}.explorer-tabs{margin-top:40px}}
@media(min-width:901px) and (max-height:760px){.topbar{height:82px}.explorer{top:82px;padding-top:14px;bottom:28px}h1{font-size:30px;margin-top:10px}.explorer-tabs{margin-top:20px}.project-row{min-height:58px;padding-top:12px;padding-bottom:12px}.explorer-caption{display:none}.map-toolbar{top:105px}.pitch-control{top:379px}.details-panel{top:85px;bottom:28px}}
@media(max-width:900px) and (max-height:700px){.map-hint{display:none}.scene-caption{bottom:calc(110px + var(--safe-bottom))}.explorer,.details-panel{height:calc(100dvh - 132px - var(--safe-top))}.map-toolbar{top:calc(140px + var(--safe-top))}}
@media(max-width:900px) and (max-height:499px) and (orientation:landscape){
.topbar{height:66px;padding:var(--safe-top) 16px 0}.brand-word{font-size:13px}.brand-word small{font-size:8px}.brand-mark{font-size:31px;width:33px}.theme-switch button{width:38px;height:38px}.mobile-projects{top:69px;right:85px;gap:6px;padding-bottom:8px}.project-chip{min-height:38px;padding:8px 13px;font-size:11px}.map-toolbar{top:112px;right:15px;display:grid;grid-template-columns:repeat(2,44px);border-radius:16px}.map-toolbar .divider{display:none}.map-toolbar #north{grid-column:2;grid-row:2}.map-toolbar #rotate{grid-column:1;grid-row:3}.mobile-nav{bottom:calc(13px + var(--safe-bottom));max-width:375px;padding:5px;left:14px;right:14px;border-radius:17px}.mobile-nav button{min-height:44px;flex-direction:row;font-size:11px;gap:7px}.mobile-nav button svg{width:18px;height:18px}.project-focus{bottom:calc(82px + var(--safe-bottom));max-width:370px;padding:8px 12px;gap:12px}.project-focus .eyebrow{display:none}.project-focus strong{font-size:14px}.project-focus .gold-button{min-height:38px;padding:8px 11px}.scene-caption,.map-hint{display:none}.explorer,.details-panel,.explorer.expanded,.details-panel.expanded{left:12px;right:auto;bottom:0;width:min(460px,calc(100% - 125px));height:calc(100dvh - 66px);max-height:calc(100dvh - 66px);padding-bottom:85px;border-radius:20px 20px 0 0}.sheet-backdrop{inset:66px 0 0}.sheet-header{border-radius:20px 20px 0 0}.sheet-grip{height:28px}.explorer-head h1,.details-heading h2{font-size:21px}.explorer-tabs,.details-tabs{margin-top:9px}.details-heading .eyebrow{display:none}.categories{grid-template-columns:repeat(3,minmax(0,1fr))}.category-button{flex-direction:row;min-height:44px}.sheet-open .mobile-nav{right:auto;left:24px;width:min(430px,calc(100% - 149px));max-width:none}.sheet-open .topbar{z-index:6}
}
@media(max-width:350px){.topbar{padding-left:14px;padding-right:14px}.brand-word{font-size:13px;letter-spacing:1.5px}.brand{gap:7px}.brand-mark{width:33px;font-size:32px}.theme-switch button{width:38px}.project-focus strong{font-size:14px}.project-focus .gold-button{font-size:11px;padding:10px}.map-hint{font-size:9px}.details-panel,.explorer{padding-left:16px;padding-right:16px}.sheet-header{margin-left:-16px;margin-right:-16px;padding-left:16px;padding-right:16px}.category-button{font-size:11px;gap:5px}}
@media(hover:hover){button:hover{color:var(--gold)}.gold-button:hover{color:#111;filter:brightness(1.08)}.route-link:hover{text-decoration:underline}}
@media(max-width:900px) and (min-height:500px){body[data-scene="overview"] .map-toolbar{top:auto;bottom:calc(164px + var(--safe-bottom));left:50%;right:auto;transform:translateX(-50%);flex-direction:row;width:max-content}body[data-scene="overview"] .map-toolbar .divider{width:1px;height:20px;margin:0 3px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}


@media(max-width:900px) and (max-height:499px) and (orientation:landscape){.explorer,.details-panel,.explorer.expanded,.details-panel.expanded{height:100dvh;max-height:100dvh;left:0;border-radius:0 18px 0 0}.sheet-open .brand,.sheet-open .mobile-projects{visibility:hidden}.sheet-header{border-radius:0 18px 0 0}.categories{grid-template-columns:repeat(6,minmax(0,1fr));gap:5px}.category-button{flex-direction:column;min-height:57px;gap:5px;padding:6px 2px;font-size:10px}.results-title{margin-top:14px}.result-row{padding:10px 0}.sheet-open .mobile-nav{left:12px}}
@media(max-width:900px) and (max-height:499px) and (orientation:landscape){body[data-scene="overview"] .mobile-projects{visibility:hidden}body[data-scene="overview"] .project-marker.flagship{margin-left:65px}body[data-scene="overview"] .project-marker.flagship:after{left:calc(50% - 65px)}body[data-scene="overview"] .project-marker.flagship:before{left:calc(50% - 68px)}body[data-scene="overview"] .project-marker[data-project="palmier-targa"]{margin-left:-50px}body[data-scene="overview"] .project-marker[data-project="palmier-targa"]:after{left:calc(50% + 50px)}body[data-scene="overview"] .project-marker[data-project="palmier-targa"]:before{left:calc(50% + 47px)}}