:root{font-family:Trebuchet MS,sans-serif;color:#f3f4eb;background:#000;font-synthesis:none;color-scheme:dark}*{box-sizing:border-box}body{margin:0}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible{outline:2px solid #d9edb0;outline-offset:5px}[hidden]{display:none!important}#app{position:fixed;inset:0;overflow:hidden;background:#000}#panorama,#welcome,#touch-surface{position:absolute;inset:0}#panorama canvas{display:block;width:100%;height:100%}#welcome{padding:40px 6vw;background:linear-gradient(90deg,#050e0ae6,#050e0a40),url(/assets/serra-verde-Sb1rE3Oz.jpeg) center/cover}.brand{font-size:15px;letter-spacing:.25em}.brand span{color:#c5d8a3;letter-spacing:0;margin-left:12px}.intro{position:absolute;top:29%;left:6vw}.eyebrow{font-size:10px;letter-spacing:.28em;color:#d4e3bf}h1{font-family:Georgia,serif;font-weight:400;font-size:clamp(48px,8vw,108px);letter-spacing:-.055em;line-height:.98;margin:24px 0}.intro>p:last-child,.setup{color:#d2d9cf;font-size:14px;line-height:1.7}.setup{position:absolute;bottom:90px;left:6vw}.vr-button{position:absolute;bottom:max(25px,env(safe-area-inset-bottom));left:50%;transform:translate(-50%);border:1px solid #b7c7a4;background:#d9edb0;color:#172014;border-radius:5px;display:flex;align-items:center;gap:12px;padding:14px 20px;font-size:14px}.vr-button svg{width:28px;height:18px}.vr-button:disabled{opacity:.6;cursor:wait}#touch-surface{width:100%;height:100%;padding:0;border:0;background:transparent;display:flex;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;cursor:pointer}.eye{position:relative;width:50%;height:100%;display:flex;align-items:center;justify-content:center;padding:8%;pointer-events:none}.eye+.eye{border-left:1px solid #222}.eye-message{font-size:clamp(13px,2.2vw,22px);line-height:1.5;text-align:center;white-space:pre-line;text-shadow:0 2px 8px #000}.playing .eye-message{align-self:flex-end;font-size:12px;background:#0007;padding:6px 12px;border-radius:3px}.playing .eye-message:empty{display:none}.eye-progress{position:absolute;bottom:7%;left:50%;transform:translate(-50%);padding:4px 7px;border-radius:3px;background:#0008;color:#f3f4eb;font-size:11px;line-height:1;letter-spacing:.02em;white-space:nowrap;text-shadow:0 1px 4px #000}#vr-fade{position:absolute;inset:0;z-index:2;background:#000;opacity:0;pointer-events:none;transition:opacity .35s ease-in-out}#vr-fade.is-visible{opacity:1}#exit-vr{position:absolute;right:max(12px,env(safe-area-inset-right));top:max(8px,env(safe-area-inset-top));width:38px;height:38px;border:0;background:#0005;border-radius:50%;font-size:26px;color:#bbb}#notice{position:absolute;bottom:20px;right:20px;max-width:320px;color:#ddd;font-size:12px;pointer-events:none}.vr #notice{bottom:8px;left:10%;right:10%;max-width:none;text-align:center;font-size:10px}.vr .eye-message{opacity:0}.vr .eye+.eye{border-left:0}.vr #touch-surface:after{content:"";position:absolute;left:50%;bottom:0;height:28%;width:1px;background:#ddd;pointer-events:none}@media(max-height:500px){#welcome{padding-top:22px}.intro{top:20%;left:6vw}h1{font-size:54px;margin:14px 0}.setup{left:auto;right:6vw;bottom:24px;font-size:12px}.intro>p:last-child{font-size:12px}}