@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Instrument+Serif:ital@0;1&display=swap";:root{font-family:DM Sans,sans-serif;color:#faf9f3;background:#15201d;font-synthesis:none;--ink: #13211e;--cream: #f2f3e9;--lime: #d8e8be;--line: rgba(255, 255, 255, .24)}*{box-sizing:border-box}html,body,#app,#experience{width:100%;height:100%;margin:0;overflow:hidden}button,a,input{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit;border:0;background:none}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #deedba;outline-offset:5px}button:disabled{opacity:.5}a{color:inherit;text-decoration:none}svg{width:21px;height:21px;flex-shrink:0;vertical-align:middle}button{display:inline-flex;align-items:center;justify-content:center;gap:8px}button:hover{filter:brightness(1.1)}[hidden]{display:none!important}#canvas,#canvas canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:none}.vignette{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(10,25,22,.5),transparent 23%,transparent 37%,rgba(10,19,16,.36) 66%,rgba(10,19,16,.94) 100%),linear-gradient(90deg,rgba(10,24,20,.2),transparent 58%)}header{position:absolute;top:0;left:0;right:0;padding:26px 32px;display:flex;align-items:center;justify-content:space-between;gap:20px;z-index:5}.brand{display:flex;align-items:center;gap:12px}.brand>svg{width:44px;height:44px;stroke-width:1}.brand span{font-size:16px;letter-spacing:.19em;font-weight:600}.brand small{display:block;letter-spacing:.13em;font-size:8px;font-weight:450;opacity:.77;margin-top:7px}.modes{position:absolute;left:50%;transform:translate(-50%);display:flex;padding:5px;gap:2px;border:1px solid rgba(255,255,255,.17);border-radius:100px;background:#14211cc7;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 5px 25px #0002}.modes button{font-size:12px;font-weight:550;white-space:nowrap;border-radius:100px;padding:11px 17px;transition:background .2s,color .2s}.modes button svg{width:18px;height:18px}.modes button[aria-pressed=true]{background:var(--cream);color:var(--ink)}.modes button:hover:not([aria-pressed=true]){background:#ffffff16}.header-actions{display:flex;gap:8px}.icon-button{width:42px;height:42px;border-radius:50%;border:1px solid var(--line);background:#14211c7a;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.icon-button:hover,.icon-button[aria-pressed=true]{background:var(--cream);color:var(--ink)}.status-badge{position:absolute;left:34px;top:110px;display:flex;align-items:center;gap:9px;border:1px solid #fff3;padding:9px 12px;border-radius:100px;background:#16291d54;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:9px;font-weight:450;letter-spacing:.14em}.status-badge b{font-weight:500}.status-badge>span{width:5px;height:5px;background:#dbeaaf;border-radius:50%;box-shadow:0 0 10px #dbeaaf88}.story{position:absolute;left:34px;bottom:214px;width:375px;max-width:40vw;pointer-events:none;text-shadow:0 1px 18px #0003}.story button{pointer-events:auto}.eyebrow{font-size:9px;letter-spacing:.19em;font-weight:600;margin:0 0 15px;color:#d3e0c4}h1{font-family:"Instrument Serif",Georgia,serif;font-size:clamp(43px,4.8vw,76px);line-height:.99;font-weight:400;letter-spacing:-.015em;margin:0 0 18px}h1 em,h2 em{font-weight:400;color:#d8e7be}.story>p:not(.eyebrow){font-size:12px;line-height:1.8;max-width:335px;color:#f2f3e5d9;margin:0 0 20px}.primary{height:43px;padding:0 21px;border-radius:100px;background:var(--cream);color:var(--ink);font-size:11px;font-weight:650;text-shadow:none}.primary svg{width:17px;margin-left:14px}.text-button{font-size:10px;color:#f5f9ed;border-bottom:1px solid #f5f9ed66;padding:5px 0;margin-right:18px;text-shadow:none}.text-button svg{width:15px;height:15px}.right-tools{position:absolute;right:30px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:8px;z-index:5}.right-tools .icon-button{width:38px;height:38px}#orbit{font-size:26px;font-weight:400}.view-hint{position:absolute;left:50%;bottom:200px;transform:translate(-50%);font-size:10px;letter-spacing:.015em;color:#ffffffe0;white-space:nowrap;text-shadow:0 1px 6px #0009}.view-hint span{margin:0 10px;opacity:.5}.compass{position:absolute;right:35px;bottom:207px;display:flex;align-items:center;flex-direction:column;gap:2px;font-size:8px;opacity:.8}.compass svg{width:23px;height:30px}.journey{position:absolute;bottom:42px;left:34px;right:34px;z-index:6}.journey-heading{display:flex;align-items:center;justify-content:space-between;font-size:10px;margin-bottom:13px;height:24px;color:#f5f9e999}.journey-heading b{color:#fff;font-weight:500}.journey-heading i{font-size:8px;font-style:normal;letter-spacing:.18em;margin-left:18px}.journey-heading>div{display:flex;align-items:center;gap:14px}.journey-heading button{font-size:10px;gap:7px}.journey-heading svg{height:16px;width:16px}.filmstrip{display:flex;gap:9px;overflow-x:auto;scrollbar-width:none;overscroll-behavior-x:contain;padding:3px 1px 5px;scroll-behavior:smooth}.filmstrip::-webkit-scrollbar{display:none}.view-card{width:142px;height:83px;flex-shrink:0;display:block;position:relative;overflow:hidden;padding:0;border-radius:7px;border:1px solid #fff2;isolation:isolate;text-align:left;opacity:.7;transition:opacity .3s,border-color .3s}.view-card:hover,.view-card.active{opacity:1}.view-card.active{border-color:#d9e9bd;box-shadow:0 0 0 2px #cfe3b123}.view-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#0001,transparent 20%,#07120e9c)}.view-card img{height:100%;width:100%;object-fit:cover;transition:transform .6s}.view-card:hover img{transform:scale(1.07)}.view-number,.view-name,.film-icon{position:absolute;z-index:1}.view-number{left:9px;top:7px;font-size:8px;letter-spacing:.08em;font-weight:600}.view-name{left:9px;bottom:10px;right:8px;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.film-icon{right:7px;top:4px}.film-icon svg{width:13px;height:13px;fill:#ffffff50}.progress{position:absolute;left:0;bottom:0;width:0;height:3px;background:var(--lime);z-index:3}.credits{position:absolute;bottom:15px;left:35px;right:35px;display:flex;align-items:center;justify-content:space-between;font-size:7px;letter-spacing:.09em;color:#dce2d797;z-index:7}.credits a{text-transform:none;letter-spacing:.02em}.floating-controls{position:absolute;left:50%;bottom:235px;transform:translate(-50%);z-index:7;padding:8px;background:#0d1b16d9;border:1px solid var(--line);border-radius:100px;display:flex;gap:7px;align-items:center;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);white-space:nowrap}.floating-controls button{padding:7px 12px;font-size:11px}.floating-controls svg{width:17px;height:17px}.control-rule{height:20px;width:1px;background:var(--line)}.comparison-label{position:absolute;top:115px;border-radius:40px;font-size:9px;letter-spacing:.15em;padding:10px 15px;background:#13211dc9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.comparison-label.left{left:calc(25% - 65px)}.comparison-label.right{right:calc(25% - 65px)}#wipe-line{position:absolute;top:164px;bottom:205px;left:50%;width:1px;background:#e9f1d8bd;pointer-events:none}#wipe-line>span{position:absolute;top:45%;left:0;transform:translate(-50%,-50%);background:var(--cream);color:var(--ink);border-radius:50%;height:37px;width:37px;display:grid;place-items:center;font-size:21px;box-shadow:0 3px 16px #0004}.compare-control{position:absolute;bottom:246px;left:50%;transform:translate(-50%);background:#14211fe6;border:1px solid var(--line);padding:14px 20px;border-radius:50px;font-size:10px;display:flex;gap:15px;align-items:center;z-index:7;white-space:nowrap}input[type=range]{accent-color:#d2e7b4;width:150px;cursor:ew-resize}.comparison-label,.compare-control{z-index:3}.glass-panel{position:absolute;right:82px;top:115px;z-index:10;width:295px;background:#14231fee;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--line);border-radius:16px;padding:20px;box-shadow:0 20px 80px #0003}.panel-title{display:flex;align-items:center;justify-content:space-between}.panel-title h2{font-size:15px;font-weight:500;margin:0}.panel-title button svg{width:15px}.glass-panel p{font-size:10px;line-height:1.7;color:#d7e1d0b8}.glass-panel label{font-size:11px;display:block;margin:20px 0 0}.glass-panel output{float:right;opacity:.6}.glass-panel input{display:block;width:100%;margin:10px 0}.panel-buttons{display:flex;gap:7px;flex-wrap:wrap;margin:18px 0 6px}.panel-buttons button{border:1px solid var(--line);border-radius:30px;padding:7px 10px;font-size:9px}#save-placement{background:#e4edd6;color:#13211d}#placement-status{font-size:9px}.site-label{position:absolute;display:flex;align-items:center;gap:7px;transform:translate(-50%,calc(-100% - 28px));z-index:3;pointer-events:none;text-shadow:0 1px 4px #0005}.site-label>div{font-size:10px;letter-spacing:.1em;background:#13251dde;padding:9px 12px;border:1px solid #c5eab977;border-radius:6px}.site-label small{font-size:6px;display:block;margin-top:5px;letter-spacing:.09em;color:#d4e7be}.pin{width:10px;height:10px;background:#d5edac;border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 5px #d5edac33}#loading{position:absolute;inset:0;z-index:30;background:#14211f;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:opacity .6s;pointer-events:none}#loading.done{opacity:0}.load-dome svg{width:75px;height:75px;stroke:#d2e1b7;stroke-width:.75}#loading p{font-family:"Instrument Serif",Georgia,serif;font-size:32px;margin:25px 0 15px}#loading span{font-size:10px;color:#d8e0d099;letter-spacing:.02em}.load-track{width:180px;height:2px;margin-top:23px;background:#ffffff17}.load-track i{height:100%;width:0;display:block;background:#d5e7bb;transition:width .3s}#loading button{pointer-events:auto}#notice{position:absolute;left:50%;top:96px;transform:translate(-50%);z-index:40;border-radius:10px;background:#1a2e24e8;border:1px solid var(--line);padding:12px 18px;font-size:11px;max-width:80vw;box-shadow:0 4px 20px #0003}#cinema{position:absolute;inset:0;background:#080d0b;z-index:20;opacity:0;transition:opacity .7s}#cinema.visible{opacity:1}#film-video{position:absolute;width:100%;height:100%;object-fit:contain;background:#080d0b}#close-film{position:absolute;top:27px;right:32px}#film-title{position:absolute;top:36px;left:32px;font-size:12px;letter-spacing:.04em;color:#fff;text-shadow:0 1px 10px #0008;pointer-events:none}dialog{background:#15261f;color:#f2f4e9;border:1px solid #b6c7a541;border-radius:20px;max-width:580px;width:calc(100% - 40px);max-height:88vh;padding:42px;box-shadow:0 30px 120px #0008}dialog::backdrop{background:#06110bbe;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.dialog-close{position:absolute;right:20px;top:20px;width:33px;height:33px}dialog h2{font-family:"Instrument Serif",Georgia,serif;font-weight:400;font-size:52px;line-height:1.04;margin:18px 0 22px}dialog>p:not(.eyebrow){font-size:12px;line-height:1.8;color:#dce4d7c9}dialog dl{display:flex;gap:37px;margin:27px 0;padding:25px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}dialog dt{font-family:"Instrument Serif",Georgia,serif;font-size:38px;color:#d8e7be}dialog dd{font-size:9px;margin:6px 0 0;color:#c8d5c3}.about-links{display:flex;flex-direction:column;align-items:flex-start;gap:13px;margin:25px 0;font-size:11px}.about-links a,.about-links button{border-bottom:1px solid #91ae7a77;padding:0 0 5px}.about-links small,dialog>small{font-size:9px;line-height:1.7;opacity:.55}body[data-mode=dome] .story,body[data-mode=compare] .story{max-width:280px}body[data-mode=dome] h1,body[data-mode=compare] h1{font-size:52px}body[data-mode=satellite] .story{bottom:220px}body[data-mode=satellite] #state-actions{display:none}@media(min-width:1650px){.story{bottom:245px;left:45px}.journey{left:45px;right:45px;bottom:47px}.view-card{width:166px;height:96px}.view-hint{bottom:222px}.compass{bottom:228px}.floating-controls{bottom:260px}}@media(max-width:1100px){header{padding:22px}.brand small{font-size:7px}.brand span{font-size:13px}.brand>svg{width:32px}.modes button{padding:10px 12px;font-size:10px}.modes button svg{width:16px}.header-actions .icon-button{height:36px;width:36px}.story{left:24px;width:290px}.status-badge{left:24px;font-size:8px}.journey{left:24px;right:24px}.view-card{width:129px;height:76px}.credits{left:24px;right:24px}.view-hint{bottom:188px;font-size:9px}.story>p:not(.eyebrow){font-size:11px}.floating-controls{bottom:210px}body[data-mode=dome] .story,body[data-mode=compare] .story{max-width:230px}body[data-mode=dome] h1,body[data-mode=compare] h1{font-size:42px}.compare-control{bottom:220px}}@media(max-width:760px){header{padding:17px 18px;align-items:flex-start}.brand{gap:8px}.brand>svg{height:35px;width:35px}.brand span{font-size:13px;letter-spacing:.16em}.brand small{font-size:6px;letter-spacing:.12em;margin-top:5px}.header-actions{gap:6px}.header-actions .icon-button{width:33px;height:33px}.header-actions svg{width:17px}.modes{top:76px;max-width:calc(100vw - 30px);width:390px;justify-content:space-between;gap:0;padding:4px}.modes button{padding:9px 11px;gap:6px;font-size:10px}.modes button svg{width:15px;height:15px}.status-badge{top:137px;left:18px;font-size:7px;padding:7px 9px;letter-spacing:.09em}.story{left:20px;bottom:186px;max-width:75vw;width:300px}.eyebrow{font-size:8px;margin-bottom:10px}h1{font-size:49px;line-height:.99;margin-bottom:12px}.story>p:not(.eyebrow){font-size:10px;line-height:1.6;margin:0 0 14px;max-width:250px}.primary{height:37px;font-size:10px;padding:0 16px}.right-tools{right:16px;top:43%;gap:7px}.right-tools .icon-button{width:33px;height:33px}.right-tools svg{width:17px}.view-hint{display:none}.compass{right:23px;bottom:177px;font-size:7px}.compass svg{width:16px;height:22px}.journey{bottom:35px;left:18px;right:0}.journey-heading{margin-bottom:9px;padding-right:20px;height:23px}.journey-heading i{font-size:6px;margin-left:10px;letter-spacing:.1em}.journey-heading>div{gap:10px}.journey-heading button{font-size:9px}.filmstrip{gap:7px;padding-right:18px}.view-card{width:112px;height:69px}.view-name{font-size:8px;bottom:8px;left:7px}.view-number{font-size:7px;left:7px}.credits{bottom:12px;left:20px;right:20px;font-size:5.5px;letter-spacing:.025em}.floating-controls{bottom:170px;max-width:calc(100vw - 35px);padding:5px;gap:2px}.floating-controls button{font-size:10px;padding:7px 9px}.floating-controls svg{width:15px}.floating-controls .control-rule{height:16px}body[data-mode=dome] .story,body[data-mode=compare] .story{bottom:240px;max-width:70vw}body[data-mode=dome] h1,body[data-mode=compare] h1{font-size:35px}body[data-mode=dome] .story>p:not(.eyebrow),body[data-mode=compare] .story>p:not(.eyebrow){display:none}body[data-mode=dome] .story .eyebrow,body[data-mode=compare] .story .eyebrow{font-size:7px}body[data-mode=satellite] .story{bottom:182px}body[data-mode=satellite] h1{font-size:40px}body[data-mode=satellite] .story>p:not(.eyebrow){max-width:250px;font-size:9px}.comparison-label{top:179px;font-size:7px;padding:7px 11px}.comparison-label.left{left:15px}.comparison-label.right{right:15px}#wipe-line{top:215px;bottom:168px}.compare-control{bottom:177px;gap:10px;padding:10px 15px;font-size:9px}input[type=range]{width:125px}.glass-panel{right:15px;top:127px;width:calc(100vw - 30px);max-width:330px;padding:17px;max-height:calc(100vh - 285px);overflow:auto}.glass-panel label{margin-top:13px}.glass-panel p{font-size:9px}.glass-panel input{margin:8px 0}.panel-buttons{margin-top:12px}.site-label>div{font-size:9px}.site-label small{font-size:5px}dialog{padding:32px 24px;max-height:84vh}dialog h2{font-size:45px}dialog dl{gap:29px}dialog dt{font-size:32px}dialog dd{font-size:8px}dialog>p:not(.eyebrow){font-size:11px}#close-film{right:16px;top:18px}#film-title{top:26px;left:18px;font-size:10px;max-width:75vw}#notice{top:126px;font-size:10px;width:max-content;max-width:85vw}}@media(max-height:670px)and (min-width:761px){header{padding-top:18px}.status-badge{top:84px}.story{bottom:181px;width:300px}h1{font-size:46px}.story>p:not(.eyebrow){font-size:10px;margin-bottom:10px}.journey{bottom:34px}.view-card{height:66px;width:123px}.view-hint{bottom:166px}.floating-controls{bottom:192px}.compass{bottom:175px}.compare-control{bottom:192px}.credits{bottom:10px}body[data-mode=satellite] .story{bottom:180px}body[data-mode=dome] h1,body[data-mode=compare] h1{font-size:39px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}body[data-inside=true] .story{opacity:0;pointer-events:none}body[data-inside=true] .story button{pointer-events:none}
