@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@300;400;500;600;700&display=swap');
*{box-sizing:border-box}body{margin:0;overflow:hidden;background:#0b1826;color:#e1e9ed;font-family:'DM Sans',sans-serif}#scene{position:fixed;inset:0}canvas{display:block;touch-action:none}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:1px solid #e9b97c;outline-offset:5px}header{position:fixed;z-index:3;left:3.5%;right:3.5%;height:97px;display:flex;align-items:center;gap:22px;border-bottom:1px solid #e0eeff20}.brand{display:flex;gap:18px;align-items:center;font-size:12px;font-weight:600;letter-spacing:3px;color:inherit;text-decoration:none}.brand-sub{display:block;font-size:7px;letter-spacing:2.6px;margin-top:7px;opacity:.55}.logo{font-family:Manrope,sans-serif;font-size:32px;letter-spacing:-7px;width:43px;font-weight:600}.logo span{color:#e2b786}.top-note{margin-left:auto;font-size:8px;letter-spacing:2px;display:flex;gap:9px;align-items:center}.live{height:4px;width:4px;background:#d6b683;border-radius:50%;box-shadow:0 0 10px #eac281}#fullscreen{border:1px solid #d6e2e52b;border-radius:50%;background:#19304633;width:34px;height:34px;font-size:20px}.title{position:fixed;left:4.5%;top:18%;pointer-events:none}.title p{font-size:8px;letter-spacing:2px;opacity:.6}.title h1{font-family:Manrope,sans-serif;font-size:clamp(30px,3.8vw,59px);font-weight:300;letter-spacing:-2.8px;line-height:1.1;margin:20px 0}.title em{font-family:Georgia,serif;color:#e2b786;font-weight:400}.title>span{font-size:10px;letter-spacing:.3px;opacity:.65}.views{position:fixed;right:3.5%;top:17%;width:180px;z-index:4}.views p{font-size:7px;letter-spacing:2px;opacity:.5;margin-bottom:22px}.views button{display:flex;align-items:center;text-align:left;gap:12px;width:100%;padding:13px 0;background:none;border:0;border-bottom:1px solid #ccdbe512;font-size:10px;opacity:.55;transition:.3s}.views button b{font-weight:400;font-size:8px;opacity:.55}.views button span{margin-left:auto;font-size:10px}.views button:hover,.views button.selected{opacity:1;color:#eed0a7}.views #tour{margin-top:14px;border:1px solid #d9bc8744;padding:12px;border-radius:4px;background:#2133404d;backdrop-filter:blur(12px)}.bottom-left{position:fixed;left:4.5%;bottom:140px}.bottom-left div{font-size:10px;letter-spacing:2.4px;margin-bottom:8px}.bottom-left span{font-size:7px;letter-spacing:1.7px;opacity:.5}.toolbar{position:fixed;bottom:75px;left:50%;transform:translateX(-50%);z-index:4;background:#0b1b2bcc;border:1px solid #b0c3d322;box-shadow:0 12px 40px #01091338;border-radius:7px;padding:8px;display:flex;gap:3px;align-items:center;backdrop-filter:blur(20px);white-space:nowrap}.toolbar button{border:0;background:transparent;font-size:9px;padding:11px 13px;letter-spacing:.3px;border-radius:4px;color:#b5c0ca}.toolbar button.active,.toolbar button:hover,.toolbar button[aria-pressed=true]{background:#f0c18d15;color:#f1cea4}.toolbar #pause{font-size:17px;padding:6px 12px}.sep{height:19px;width:1px;background:#becfde26;margin:0 5px}.legend{position:fixed;bottom:52px;text-align:center;width:100%;font-size:6px;letter-spacing:2px;opacity:.45}.scale{position:fixed;right:4%;bottom:148px;display:flex;align-items:center;gap:15px;font-size:7px;letter-spacing:2px;opacity:.6}.scale i{width:60px;height:1px;background:#c6d5de88}footer{position:fixed;left:3.5%;right:3.5%;bottom:0;height:35px;border-top:1px solid #b6d0df19;display:flex;align-items:center;justify-content:space-between;font-size:6px;letter-spacing:1.3px;opacity:.45}.vignette{pointer-events:none;position:fixed;inset:0;background:linear-gradient(180deg,#03101f44,transparent 25%,transparent 75%,#03101f55)}#loading{position:fixed;inset:0;z-index:20;background:#0b1826;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:15px;font-size:11px;letter-spacing:2px}#loading>span:last-child{opacity:.5;font-size:9px}.loader{width:30px;height:30px;border:1px solid #d9bd881f;border-top-color:#d9bd88;border-radius:50%;animation:spin 1.5s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}#landmark-layer{pointer-events:none;position:fixed;inset:0}.landmark{position:absolute;transform:translate(-50%,-100%);font-size:8px;letter-spacing:1px;padding:7px 10px;background:#102334bb;border:1px solid #a8c0cf44;border-radius:3px;white-space:nowrap}.landmark:after{content:'';width:1px;height:18px;position:absolute;left:50%;top:100%;background:#c1d1dd66}body.touring .title{opacity:0;transition:opacity 2s}body.touring .views button.selected{color:#f1cea4}@media(max-width:760px){header{height:73px}.top-note{display:none}#fullscreen{margin-left:auto}.title{top:13%;left:6%}.title h1{font-size:33px;letter-spacing:-1.6px;margin:13px 0}.title p{font-size:6px}.title>span{font-size:8px}.views{top:auto;bottom:146px;left:5%;right:5%;width:auto;display:flex;gap:5px;justify-content:center}.views p,.views button b,.views button span{display:none}.views button{font-size:7px;padding:9px 7px;border:1px solid #d5e6f120;border-radius:3px;width:auto;background:#0a1d2b9c;backdrop-filter:blur(10px);white-space:nowrap}.views #tour{margin:0;padding:9px;font-size:0}.views #tour:after{content:'▷ Fly';font-size:8px}.toolbar{bottom:77px;padding:6px;gap:0}.toolbar button{font-size:8px;padding:11px 8px}.toolbar #pause{padding:6px 8px}.sep{margin:0 2px}.toolbar #labels{display:none}.bottom-left{bottom:201px;left:6%}.bottom-left div{font-size:8px}.bottom-left span{font-size:6px}.scale{display:none}footer span:nth-child(2){display:none}.legend{font-size:5px}.brand{font-size:10px}.brand-sub{font-size:6px}}