@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{font-family:'DM Sans',sans-serif;color:#edf1e8;background:#030c12;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible,#scene:focus-visible{outline:2px solid #aee8ce;outline-offset:5px}button{border:0;background:none}a{color:inherit;text-decoration:none}#experience{height:100svh;min-height:600px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 56% 47%,#17343e88,transparent 57%),#030c12}#scene{position:absolute;inset:0;touch-action:none;cursor:grab}#scene:active{cursor:grabbing}canvas{display:block}header{position:absolute;z-index:5;top:34px;left:40px;right:40px;display:flex;align-items:center;justify-content:space-between;pointer-events:none}header>*{pointer-events:auto}.brand{display:flex;align-items:center;gap:13px}.mark{font-family:Georgia,serif;font-size:52px;line-height:1;font-style:italic;font-weight:400}.brand span{font:700 20px Manrope,sans-serif;letter-spacing:5px}.brand small{display:block;font-size:8px;letter-spacing:5px;margin-top:4px}.edition{font-size:12px;letter-spacing:2px;color:#b4c9c9}.edition span{margin-left:20px;color:#617a80}#catalog-toggle{padding:13px 19px;border:1px solid #56727b66;border-radius:30px;background:#12202988;font-size:14px}#catalog-toggle span{margin-left:18px;color:#b6dccb}.intro{position:absolute;left:42px;top:26%;pointer-events:none;max-width:270px}.eyebrow{font-size:11px;font-weight:600;letter-spacing:2.5px;color:#a7cbbb}.intro h1{font-family:Manrope,sans-serif;font-weight:400;font-size:clamp(28px,3vw,45px);letter-spacing:-1.8px;line-height:1.2;margin:24px 0}.intro>p:last-child{font-size:14px;color:#91a5aa;line-height:1.7}.coordinates{position:absolute;right:40px;top:28%;font-size:10px;letter-spacing:2px;color:#57727c;line-height:2;writing-mode:vertical-rl}.toolbar{position:absolute;z-index:4;right:40px;bottom:106px;display:flex;flex-direction:column;gap:3px;padding:8px;border:1px solid #6c8c9444;border-radius:30px;background:#101e26bd;backdrop-filter:blur(20px)}.toolbar button{width:38px;height:38px;font-size:23px;border-radius:50%}.toolbar button:hover,.toolbar button[aria-pressed=true]{background:#789c922e}.toolbar span{width:22px;align-self:center;border-top:1px solid #6c8c9455;margin:4px}footer{position:absolute;bottom:32px;left:40px;right:40px;display:flex;justify-content:space-between;color:#92aaa9;font-size:10px;letter-spacing:1.8px;pointer-events:none}footer span span{padding:0 13px;color:#638385}.explore-note{display:flex;align-items:center}.explore-note i{width:6px;height:6px;background:#b6dccb;border-radius:50%;margin-right:12px}#pins{position:absolute;inset:0;pointer-events:none}.pin{position:absolute;top:0;left:0;pointer-events:auto;display:flex;align-items:center;gap:8px;white-space:nowrap;transform:translate(-50%,-100%);background:#06161dbb;border:1px solid #a1c3bd66;border-radius:30px;padding:7px 12px 7px 7px;backdrop-filter:blur(8px);font-size:12px;box-shadow:0 3px 20px #0004;transition:background .2s,opacity .2s}.pin:after{content:'';position:absolute;left:50%;top:100%;height:16px;width:1px;background:#c8e7d199}.pin img{width:26px;height:26px;border-radius:50%;object-fit:cover}.pin:hover,.pin.selected{background:#d4e6d4;color:#07171b;border-color:#d4e6d4}.pin small{color:#98aaa5;margin-left:3px;font-size:12px}.pin.selected small,.pin:hover small{color:#314d46}#loading{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:14px;letter-spacing:1px;pointer-events:none}aside{position:absolute;z-index:8;top:112px;bottom:82px;right:32px;width:370px;background:#0c1b22ed;border:1px solid #63817f50;backdrop-filter:blur(30px);border-radius:20px;overflow:auto;box-shadow:0 20px 70px #0006}aside[hidden]{display:none}.catalog-head{padding:24px 23px 16px;display:flex;justify-content:space-between;align-items:center}.catalog-head h2{font:400 25px Manrope,sans-serif;margin:10px 0}.catalog-head button,#detail-close{font-size:28px;width:38px;height:38px;border-radius:50%;background:#173038}.catalog-row{width:100%;display:flex;text-align:left;align-items:center;gap:13px;padding:13px 22px;border-top:1px solid #67857d20}.catalog-row:hover{background:#34544c4a}.catalog-row img{width:48px;height:48px;object-fit:cover;border-radius:6px}.catalog-row strong{display:block;font-size:15px;font-weight:500}.catalog-row small{display:block;font-size:12px;color:#8ea9ac;margin-top:4px}.catalog-row>span:last-child{margin-left:auto;color:#9ab8aa}#detail-close{position:absolute;z-index:2;right:14px;top:14px;background:#06171bcc}.cover-hero{width:100%;height:270px;object-fit:cover;display:block}.detail-body{padding:25px}.detail-body h2{font:400 31px/1.15 Manrope,sans-serif;letter-spacing:-.9px;margin:12px 0}.artist-line{font-size:14px;line-height:1.7;color:#baccc9}.artist-line a:hover{text-decoration:underline}.place-desc{font-size:14px;line-height:1.7;color:#92acb1;margin:22px 0}.spotify{width:100%;height:152px;border:0;border-radius:12px;background:#132c31}.spotify-link{display:flex;justify-content:space-between;font-size:13px;margin-top:13px;color:#b8d2bc}.back-world{font-size:13px;padding:13px 0 0;color:#94b0b7}.detail-open .intro{opacity:.3}.detail-open footer>span:last-child{visibility:hidden}.fallback-link{display:block;padding:20px;background:#16362e;border-radius:10px;font-size:14px;line-height:1.6}.atlas-label{position:absolute;left:50%;bottom:90px;transform:translateX(-50%);font-size:10px;letter-spacing:4px;color:#708e94;pointer-events:none}@media(max-width:900px){.intro{top:130px;max-width:210px}.intro h1{font-size:29px}.intro>p:last-child{display:none}.edition{display:none}header{left:24px;right:24px;top:22px}.coordinates{display:none}footer{left:24px;right:24px}footer>span:last-child{display:none}.toolbar{right:20px}.intro{left:24px}aside{right:20px;width:340px}.detail-open .intro{display:none}}@media(max-width:600px){#experience{min-height:520px}.brand span{font-size:15px;letter-spacing:4px}.brand small{font-size:7px;letter-spacing:3px}.mark{font-size:42px}.intro{top:106px}.intro .eyebrow{font-size:9px}.intro h1{font-size:26px;margin:12px 0}.pin{font-size:11px;padding:5px 9px 5px 5px;gap:5px}.pin img{width:20px;height:20px}.pin small{display:none}.toolbar{bottom:82px;right:15px}.toolbar button{width:30px;height:32px}footer{font-size:8px;letter-spacing:1px;bottom:27px}aside{top:88px;bottom:65px;right:12px;width:calc(100% - 24px)}.cover-hero{height:225px}.detail-body{padding:22px}#catalog-toggle{font-size:12px;padding:11px 13px}.detail-open .toolbar{visibility:hidden}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.intro{top:140px;max-width:240px}.intro h1{font-size:34px}.detail-open .intro{visibility:hidden}@media(max-width:600px){.intro{top:105px}.intro h1{font-size:26px}#detail{top:auto;bottom:0;left:0;right:0;width:100%;max-height:49svh;border-radius:20px 20px 0 0}.cover-hero{width:88px;height:88px;margin:22px 22px 0;border-radius:8px;float:left}.detail-body{padding:22px}.detail-body .eyebrow{padding-right:28px;font-size:9px;letter-spacing:1px}.detail-body h2{font-size:24px}.artist-line{font-size:12px}.place-desc{clear:both;padding-top:5px}.detail-open footer{visibility:hidden}.detail-open .intro{display:none}}
@media(min-width:601px) and (max-height:850px){.cover-hero{height:190px}.detail-body{padding:20px}.place-desc{margin:16px 0}.detail-body h2{font-size:28px}}

.music-status{font-size:11px;color:#a4bdbb;line-height:1.6;margin-top:8px}.retry-player{font-size:11px;color:#b8d2bc;padding:8px 0;text-decoration:underline;text-underline-offset:3px}.music-wave{width:100%;height:48px;pointer-events:none}#music-player{min-height:210px}body[data-playback="playing"] .pin.selected{box-shadow:0 0 24px #8df4cf66;border-color:#c8ffe4}

.brand .mark{width:48px;height:48px;object-fit:contain}@media(max-width:600px){.brand .mark{width:38px;height:38px}}

#ambient-motion{position:fixed;left:40px;bottom:65px;width:38px;height:38px;border:1px solid #8bb7a777;background:#10262ddd;backdrop-filter:blur(12px);border-radius:50%;font-size:26px;z-index:8}@media(max-width:600px){#ambient-motion{left:15px;top:88px;bottom:auto}}