:root{--ink:#263c35;--muted:#758078;--paper:#f7f6f1;--line:#dcded4;--accent:#8a6248}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:#eae7df}button,a,input{touch-action:manipulation}button{font:inherit;color:inherit;cursor:pointer;border:0;background:none}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #9f6c48;outline-offset:4px}a{color:inherit}#scene{position:fixed;inset:0}#scene canvas{display:block;width:100%;height:100%;touch-action:none}header{position:absolute;left:28px;right:28px;top:24px;display:flex;justify-content:space-between;align-items:center;pointer-events:none}header>*{pointer-events:auto}.brand{display:flex;gap:13px;align-items:center;text-decoration:none;font-size:10px;letter-spacing:1.7px;font-weight:bold}.brand small{display:block;font-size:10px;font-weight:normal;letter-spacing:.3px;margin-top:6px}.mark{font-family:Georgia,serif;font-size:27px;letter-spacing:-2px;border-right:1px solid #bcc0b6;padding-right:15px;font-weight:normal}.mark>span{font-size:13px;letter-spacing:-1px}.plain{font-size:12px;background:#f7f6f1dd;border:1px solid #fff9;border-radius:22px;padding:12px 16px;backdrop-filter:blur(14px)}.plain span{margin-left:15px}aside{position:absolute;left:28px;top:104px;width:306px;max-height:calc(100dvh - 205px);overflow:auto;border:1px solid #fff8;background:#f7f6f1eb;border-radius:12px;box-shadow:0 14px 40px #3945360c;backdrop-filter:blur(14px);scrollbar-width:thin}#collapse{display:flex;width:100%;justify-content:space-between;padding:16px 22px;font-size:9px;letter-spacing:1.5px;border-bottom:1px solid var(--line)}#panelContent{padding:23px}.eyebrow{font-size:9px;letter-spacing:1.4px;color:var(--accent);font-weight:bold}h1{font-family:Georgia,serif;font-weight:normal;font-size:37px;line-height:1.06;letter-spacing:-1px;margin:16px 0}p{line-height:1.6}.intro{font-size:12px;color:#68736b;margin:0 0 22px}.numbers{display:grid;grid-template-columns:1fr 1fr;padding:17px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.numbers b{display:block;font-size:24px;font-weight:normal;letter-spacing:-.8px}.numbers span{display:block;margin-top:6px;font-size:9px;color:#748075}.control{margin:23px 0}.control label{font-size:12px;display:flex;justify-content:space-between}.control strong{font-weight:normal;color:var(--accent)}input[type=range]{width:100%;accent-color:#8a6248;height:18px;margin:9px 0}.rangeEnds{display:flex;justify-content:space-between;font-size:9px;color:var(--muted)}.layers{border-top:1px solid var(--line);padding:10px 0 15px}.layers label{display:flex;gap:9px;align-items:center;padding:8px 0;font-size:11px;cursor:pointer}.layers input{accent-color:#8a6248;margin:0}.swatch{height:6px;width:6px;border-radius:50%;margin-left:auto}.edge{background:#a27e5a}.underground{background:#6d9290}.tree{background:#748561}.primary{display:block;width:100%;padding:14px;background:#2e463a;color:#fafbf7;font-size:12px;border-radius:5px;text-align:center;text-decoration:none}.primary span{margin-right:9px;font-size:10px}.micro{font-size:9px;line-height:1.6;color:var(--muted)}.legend{display:flex;gap:12px;margin:20px 0;font-size:9px}.legend span{display:flex;align-items:center;gap:5px}.legend i{width:7px;height:7px;border-radius:2px}.textlink{padding:13px 0 0;width:100%;display:flex;justify-content:space-between;border-top:1px solid var(--line);font-size:11px}.views{position:absolute;right:28px;top:104px;display:flex;flex-direction:column;background:#f7f6f1eb;padding:6px;border-radius:10px;gap:3px;backdrop-filter:blur(12px)}.views button{display:flex;align-items:center;gap:10px;padding:12px;border-radius:5px;font-size:20px;text-align:left}.views button span{font-size:10px}.views button.selected{background:#e4e7dc}.bottom{position:absolute;bottom:27px;left:28px;right:28px;display:flex;justify-content:space-between;gap:15px;align-items:center}.status{display:flex;gap:9px;font-size:10px;background:#f7f6f1e8;padding:14px 18px;border-radius:25px;max-width:55%;backdrop-filter:blur(10px)}.dot{height:5px;width:5px;min-width:5px;border-radius:50%;background:#81936a;margin-top:4px}.tools{display:flex;gap:4px;background:#f7f6f1ed;border-radius:25px;padding:5px;backdrop-filter:blur(10px)}.tools button{font-size:10px;padding:10px 13px;border-radius:25px}.tools button:hover{background:#e4e7dc}.corner{position:absolute;right:29px;bottom:91px;font-size:13px;text-align:right}.corner span{display:block;margin-top:7px;font-size:8px;color:#6f7b70}#loading{position:absolute;inset:0;background:#eae7df;display:flex;justify-content:center;align-items:center;flex-direction:column;font-family:Georgia,serif;font-size:30px;z-index:10}#loading span{font-family:Arial,sans-serif;font-size:11px;letter-spacing:3px;margin-top:20px;text-transform:uppercase}#callout{position:absolute;right:28px;top:365px;width:255px;background:#f7f6f1f2;border-radius:10px;padding:23px;box-shadow:0 15px 40px #1e352422}#callout button{position:absolute;right:10px;top:7px;font-size:22px}#callout small{font-size:9px;letter-spacing:1.4px;color:var(--accent)}#callout h2{font-family:Georgia,serif;font-size:22px;font-weight:normal;margin:12px 0}#callout p{font-size:12px;color:#637268;margin-bottom:0}dialog{border:1px solid #dfdfd1;border-radius:14px;background:var(--paper);color:var(--ink);width:min(690px,93vw);max-height:85dvh;padding:38px;box-shadow:0 25px 80px #152e3344}dialog::backdrop{background:#26382f55;backdrop-filter:blur(6px)}dialog h2{font-family:Georgia,serif;font-weight:normal;font-size:32px}dialog p,dialog li{font-size:13px;line-height:1.7}dialog li{margin-bottom:10px}dialog ul{padding-left:18px}.close{position:absolute;right:16px;top:12px;font-size:26px}figure{margin:25px 0}figure img{width:100%;border-radius:6px}figcaption{font-size:11px;color:var(--muted);line-height:1.6;margin-top:10px}#walkPad{position:absolute;bottom:120px;left:50%;transform:translateX(-50%);text-align:center}#walkPad button{background:#f7f6f1d9;border:1px solid #fff9;border-radius:8px;width:48px;height:44px;margin:3px;font-size:23px;touch-action:none}#walkPad button:active{background:#cad4c3}[hidden]{display:none!important}body.panelCollapsed #panelContent{display:none}body.panelCollapsed aside{width:245px}#record.recording{color:#a14836;background:#f1ded1}
@media(max-width:800px){header{left:16px;right:16px;top:18px}.brand{font-size:9px;letter-spacing:1px}.brand small{font-size:8px}.mark{font-size:23px}.plain{font-size:10px;padding:10px}aside{left:16px;top:80px;width:270px;max-height:calc(100dvh - 225px)}#panelContent{padding:18px}h1{font-size:29px}.intro{font-size:11px}.numbers{padding:12px 0}.control{margin:13px 0}.views{top:80px;right:16px}.views button{padding:10px}.views button span{display:none}.bottom{left:12px;right:12px;bottom:18px;display:block}.status{max-width:100%;width:fit-content;padding:10px 13px;font-size:9px;margin-bottom:8px}.tools{width:fit-content;margin-left:auto}.tools button{padding:9px 12px}.corner{bottom:119px;right:16px}.corner span{max-width:185px;font-size:7px}#callout{right:16px;top:auto;bottom:165px;width:240px}body.panelCollapsed aside{width:224px}dialog{padding:26px}#walkPad{bottom:145px;left:80px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}

.institutionLogo{width:180px;height:60px;object-fit:contain;background:#fff;border-radius:3px}.rasanteNote{font-size:10px;line-height:1.6;color:#79654f;background:#ece5d8;padding:12px;border-radius:5px;margin:0 0 15px}.rasanteNote b{font-weight:normal;letter-spacing:.3px}@media(max-width:800px){.institutionLogo{width:112px;height:38px}.brand{gap:8px}.brand>span{max-width:115px;font-size:8px}header .plain{max-width:92px;font-size:9px;padding:8px}header .plain span{margin-left:3px}}
