@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{color-scheme:light;--ink:#20382e;--muted:#63756a;--paper:#f8f8ed;--line:#20382e20}*{box-sizing:border-box}body{margin:0;background:#e1e5d4;color:var(--ink);font-family:'DM Sans',sans-serif}button,a,input{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,#viewport:focus-visible{outline:3px solid #ce7539;outline-offset:4px}a{color:inherit;text-decoration:none}#app{height:100dvh;min-height:650px;position:relative;overflow:hidden}#viewport{position:absolute;inset:0}canvas{display:block;width:100%;height:100%}header{position:absolute;top:28px;left:36px;right:36px;display:flex;align-items:center;gap:24px}.brand{font-family:Georgia,serif;font-size:25px;font-weight:bold}.brand span{color:#84937e;font-weight:normal}.divider{height:24px;width:1px;background:#20382e40}.lab{font-size:11px;font-weight:700;letter-spacing:2px}.essay{margin-left:auto;font-size:12px;padding:12px 17px;border:1px solid #20382e35;border-radius:24px;background:#f8f8ed99}.essay span{margin-left:22px}.intro{position:absolute;top:115px;left:44px;pointer-events:none}.eyebrow{font-size:9px;letter-spacing:1.8px;font-weight:700;display:flex;gap:9px;align-items:center}i{display:inline-block;width:6px;height:6px;background:#738b45;border-radius:50%}h1{font-family:'Manrope',sans-serif;font-size:clamp(48px,5vw,78px);line-height:1.06;letter-spacing:-4px;font-weight:500;margin:22px 0}.intro>p:last-child{font-size:13px;line-height:1.8;color:#4d6454}.location{position:absolute;top:112px;right:38px;display:flex;gap:12px;font-size:9px;letter-spacing:1px;line-height:1.8}.location small{font-size:10px;letter-spacing:0;color:#657567}.cross{font-size:25px;font-weight:300}.settings{position:absolute;right:36px;top:188px;width:232px;font-size:12px}.settings>button{width:100%;border:1px solid var(--line);background:#f8f8eddd;border-radius:9px;padding:13px 16px;display:flex;justify-content:space-between}#settings-panel{background:#f8f8edf2;padding:16px;border-radius:9px;margin-top:6px;box-shadow:0 8px 30px #243a2210}label{display:block;margin:0 0 16px;font-size:11px}output{float:right;color:#526c3b}input{display:block;width:100%;accent-color:#526c3b;margin-top:12px}#settings-panel button{padding:8px;background:transparent;border:1px solid var(--line);border-radius:4px;margin:0 0 8px;width:100%}#settings-panel p{font-size:10px;line-height:1.6;color:var(--muted)}.tour-card{position:absolute;bottom:134px;left:36px;width:320px;background:#fafaf0ec;border:1px solid #ffffff80;border-radius:13px;padding:20px 22px 10px;box-shadow:0 10px 35px #233a2110;backdrop-filter:blur(15px)}.card-top{display:flex;align-items:center;gap:12px;font-size:9px;color:#637260}.tag{font-size:8px;letter-spacing:1px}.card-top>button{margin-left:auto;font-size:10px;border:0;background:none;padding:4px 0}.tour-card h2{font:500 21px 'Manrope',sans-serif;letter-spacing:-.6px;margin:16px 0 8px}.tour-card p{font-size:12px;line-height:1.75;color:#637260;margin:0 0 15px;min-height:63px}.card-bottom{border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding-top:8px;font-size:10px}.card-bottom button{background:none;border:0;font-size:21px;padding:4px 8px}.destinations{position:absolute;bottom:62px;left:50%;transform:translateX(-50%);display:flex;background:#fafaf0f0;border:1px solid #fff8;padding:7px;border-radius:12px;box-shadow:0 8px 30px #243a2215;white-space:nowrap}.destinations button{background:none;border:0;border-radius:7px;padding:15px 18px;font-size:11px}.destinations span{font-size:9px;opacity:.6;margin-right:9px}.destinations button[aria-pressed=true]{background:#2d4939;color:#f4f3df}footer{position:absolute;bottom:20px;left:36px;right:36px;display:flex;justify-content:space-between;align-items:center;font-size:9px;color:#40573d}footer i{margin-right:6px}.hint{letter-spacing:1.2px}footer b{margin:0 12px}footer button{background:none;border:0;font-size:10px}#loading,.fallback{position:absolute;inset:0;background:#edf0e1;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:10}#loading h2{font:500 25px 'Manrope',sans-serif}#loading p{font-size:13px;color:#637260}.loading-ring{height:64px;width:64px;border:2px solid #b6c1a1;border-top-color:#314f3b;border-radius:50%;animation:spin 2s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}[hidden]{display:none!important}@media(max-width:800px){header{top:20px;left:20px;right:20px;gap:14px}.intro{top:90px;left:24px}h1{font-size:49px;letter-spacing:-2.5px;margin:15px 0}.eyebrow{font-size:8px;letter-spacing:1px}.intro>p:last-child{font-size:11px}.location{display:none}.settings{right:20px;top:90px;width:170px}.settings>button{font-size:10px;padding:10px}.tour-card{left:20px;bottom:132px;width:280px;padding:15px 18px 8px}.tour-card h2{font-size:18px}.tour-card p{font-size:11px;min-height:0}.destinations{bottom:56px;width:calc(100% - 32px);overflow:auto;justify-content:flex-start}.destinations button{padding:13px 12px}.destinations span{display:none}footer{left:20px;right:20px;bottom:19px}.hint{display:none}.essay{font-size:10px}.lab{font-size:9px}.intro{pointer-events:none}}@media(max-width:480px){.settings{top:78px;width:155px}.intro{top:114px}.intro .eyebrow{max-width:190px;line-height:1.6}.intro h1{font-size:42px}.intro>p:last-child{display:none}#app{min-height:620px}.tour-card{bottom:124px;width:260px}.tour-card p{line-height:1.5}.brand{font-size:20px}.essay span{margin-left:8px}}
@media(prefers-reduced-motion:reduce){.loading-ring{animation:none}}

.immersed .intro,.immersed .location{display:none}.immersed header{background:#f8f8edee;border-radius:12px;padding:10px 16px;top:18px}.immersed footer{background:#f8f8edeb;padding:8px 12px;border-radius:8px;bottom:12px}

.card-bottom #ride-view{font-size:10px;border:1px solid var(--line);border-radius:5px;padding:6px 8px}