:root{color:#eee5d5;font-synthesis:none;background:#29251f;font-family:system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;transition:opacity .35s}body.leaving{opacity:0}button,a{touch-action:manipulation}button{font:inherit;cursor:pointer;color:#29251f;background:#e3d2ae;border:0;border-radius:5px;padding:12px 17px;font-size:13px}button:disabled{opacity:.5;cursor:default}button:focus-visible,a:focus-visible{outline-offset:4px;outline:3px solid #dfbd7d}a{color:inherit}canvas{touch-action:none;cursor:grab;width:100%;height:100%;display:block;position:fixed;inset:0}header{pointer-events:none;background:linear-gradient(#201d18db,#0000);justify-content:space-between;gap:20px;padding:24px 4vw;display:flex;position:fixed;top:0;left:0;right:0}header a{pointer-events:auto;letter-spacing:2px;font-size:12px;text-decoration:none}header span{letter-spacing:2px;color:#e0c99e;font-size:11px}.intro{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#29251fe8;border:1px solid #a48a5c66;border-radius:8px;max-width:380px;padding:24px;position:fixed;bottom:125px;left:4vw}.eyebrow{text-transform:uppercase;letter-spacing:3px;color:var(--accent,#c1ac80);font-size:10px}h1{margin:12px 0;font-family:Georgia,serif;font-size:38px;font-weight:400;line-height:1.1}h2{color:#decda9;font:400 21px Georgia,serif}p{color:#d0c5b0;font-size:13px;line-height:1.7}.intro small{color:#bbad95;font-size:11px}.toolbar{background:#29251fee;border-top:1px solid #a48a5c55;flex-wrap:wrap;align-items:center;gap:8px;padding:16px 4vw;display:flex;position:fixed;bottom:0;left:0;right:0}.toolbar button.secondary{color:#eee5d5;background:#514635}.status{color:#e2d1ac;flex:1;min-width:160px;font-size:11px;line-height:1.5}.reticle{pointer-events:none;background:conic-gradient(#edc681 var(--progress,0%),transparent 0);border:2px solid #f1e9d4aa;border-radius:50%;width:26px;height:26px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 2px #30271e77}.reticle:after{content:"";background:#fff;border-radius:50%;width:4px;height:4px;position:absolute;top:9px;left:9px}.cards{grid-template-columns:repeat(3,1fr);gap:16px;margin:30px 0;display:grid}.card{background:#ffffff08;border:1px solid #ffffff20;border-radius:8px;padding:25px;text-decoration:none}.card h2{color:var(--accent)}.placeholder{max-width:1000px;margin:90px auto;padding:5vw}.placeholder h1{max-width:750px;font-size:clamp(38px,6vw,65px)}.badge{border:1px solid #bba17d66;border-radius:30px;padding:8px 14px;font-size:11px;display:inline-block}.loading{z-index:10;text-align:center;background:#29251f;place-content:center;display:grid;position:fixed;inset:0}.loading[hidden],.cardboard header,.cardboard .intro,.cardboard .toolbar,.cardboard .reticle,.vr-exit{display:none}.cardboard .vr-exit{opacity:.75;padding:8px;font-size:11px;display:block;position:fixed;top:8px;right:8px}.cardboard:after{content:"";pointer-events:none;background:#000;width:2px;position:fixed;top:0;bottom:0;left:50%}.settings{background:#29251ff5;border:1px solid #a48a5c;border-radius:8px;max-width:300px;padding:20px;position:fixed;bottom:120px;right:4vw}.settings[hidden]{display:none}.settings label{margin:15px 0;font-size:13px;display:block}.settings select{margin-left:8px;padding:8px}.cardboard .settings{display:none}@media (width<=650px){header{padding:18px}.intro{max-width:none;padding:17px;bottom:165px;left:16px;right:16px}.intro h1{font-size:30px}.intro p{margin:8px 0}.toolbar{padding:10px 16px}.toolbar button{padding:10px;font-size:11px}.status{flex-basis:100%}.cards{grid-template-columns:1fr}.placeholder{margin-top:65px}}@media (height<=500px){.intro{max-width:300px;padding:12px;bottom:85px}.intro h1{font-size:26px}.intro p,.intro small{display:none}.toolbar{padding:8px 16px}.toolbar .status{flex-basis:auto}.placeholder{margin-top:30px}}.header-brand{text-align:left;min-width:0}.header-brand>a{display:inline-block}.institutional-credits{pointer-events:none;gap:3px;margin-top:8px;display:grid}.institutional-credits p{letter-spacing:.15px;color:#ded4c1;margin:0;font-size:11px;font-weight:400;line-height:1.4}@media (width<=650px){header{flex-wrap:wrap;gap:8px}.header-brand{width:100%}.institutional-credits p{font-size:10.5px}#environment-name{letter-spacing:1px;font-size:10px}}