:root{--bg:#030509;--white:#f0f1ed;--gold:#d5bb82;--muted:#8999aa;--line:#b5cfed25}
body{background:#030509}
.vignette{background:linear-gradient(90deg,#030509f5 0%,#030509b0 27%,#03050915 49%,transparent 75%),linear-gradient(0deg,#030509 0%,#030509b0 17%,transparent 38%,transparent 82%,#030509b0 100%)}
header{top:28px;left:4%;right:4%;padding-bottom:22px;border-bottom:1px solid #d8e4f00e}
.brand{font-size:9px;letter-spacing:2px;opacity:.86}.brand img{width:32px;height:32px}
.edition{font-size:8px;letter-spacing:2.1px;gap:10px}.edition-number{font-size:7px;letter-spacing:1.4px;margin-left:9px;color:#a6a18e}
.live-dot{box-shadow:0 0 12px #d5bb8250}
.view-controls{display:flex;align-items:center;gap:10px}
.view-switch{display:flex;padding:3px;border:1px solid #c8dcf025;border-radius:40px;background:#080d1680}
.view-switch button{font:10px Mono;letter-spacing:.4px;padding:8px 13px;border:0;border-radius:30px;color:#98a5b4}
.view-switch button[aria-pressed=true]{background:#dbccb0;color:#151b22}
.icon-button{width:32px;height:32px;border-color:#c6d5e326;background:#090e1540;color:#afbdc9}
.heading{top:17%;left:5%;max-width:35%}
.eyebrow{font-size:9px;letter-spacing:3px;color:var(--gold);margin-bottom:22px}
h1{font-size:clamp(34px,3.9vw,64px);letter-spacing:-2.8px;line-height:1.04;text-wrap:balance}
.intro{font-size:13px;color:#8596a7;line-height:1.8;max-width:300px}
.scene-label{top:16%;left:48%;right:5%;color:#a9bbcc;letter-spacing:2px}
.scene-label .hairline{background:linear-gradient(90deg,#b7c9dd30,transparent)}
.object-info{bottom:26%;width:30%;max-width:420px}
.object-info h2{font-size:clamp(24px,2.1vw,34px);font-weight:400;line-height:1.12}
.object-info p{font-size:13px;line-height:1.75;color:#9eabba;max-width:360px}
.object-top{font-size:8px;flex-direction:column;gap:8px}
#measure-label{text-align:left;letter-spacing:1.5px}
.measure{gap:13px}#object-size{font-size:25px}#notation{font-size:10px}#bound-flag{font-size:6px}
.object-links{gap:15px;font-size:9px;letter-spacing:.5px}
.readout{display:none;left:auto;right:5%;bottom:27%;width:230px;max-width:230px;padding:20px;background:#040912e8;backdrop-filter:blur(20px);border:1px solid #b6cce522;border-radius:4px;z-index:5}
body.instruments .readout{display:block}body.instruments #profile-rows{display:grid}
.scene-provenance{position:absolute;left:47%;right:6%;bottom:26.5%;font:8px/1.7 Mono;letter-spacing:.8px;color:#a3b1bd;z-index:3;text-align:center;pointer-events:none}
.model-note{right:5%;top:auto;bottom:22%;font-size:7px;letter-spacing:1px;opacity:.6}
.model-note .crosshair{color:#a3b7cf}
#scalebar{display:none}
.landmarks{bottom:20.2%;padding-top:10px;border-top:1px solid #c0d5e81a}
.landmarks button{color:#8d9eaf;transition:color .3s;background:transparent}
.landmarks button.active{color:var(--gold)}
footer{bottom:22px}
.transport{gap:10px;margin-bottom:20px}
.primary{background:#d8c49d;color:#151b21;border-radius:30px;padding:13px 20px;font-size:10px;min-width:170px;letter-spacing:.7px}
.primary:hover{background:#f0dfbc}
.hint{font-size:7px;letter-spacing:1.1px;max-width:210px;line-height:1.7;text-align:right}
select{font:9px Mono;color:#b6c4cf;background:#090f18;border:1px solid #c0d5e824;border-radius:4px;padding:9px;max-width:180px;cursor:pointer;outline-color:var(--gold)}
.scene-picker{margin-left:10px}.quality-picker select{max-width:142px;color:#939fad}
select option{background:#0b111a;color:#d9e1e8}
.footnote{font-size:7px;color:#718396;letter-spacing:.9px}
.footnote #foot-readout{color:#a0b2c1}
.scale-edge{font:8px Mono;letter-spacing:1px;padding:0;border:0}
#beyond{color:#b6a782}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.horizon-note{position:absolute;left:49%;right:9%;top:35%;z-index:4;opacity:0;visibility:hidden;transition:opacity 1s;background:#030509e8;padding:32px;border-left:1px solid #d5bb8240;pointer-events:none}
.horizon-note h2{font:400 clamp(36px,4vw,64px)/1.1 Space;margin:20px 0;letter-spacing:-2px}
.horizon-note p{font-size:15px;line-height:1.85;color:#acb8c6;max-width:420px}
body.at-horizon .horizon-note{opacity:1;visibility:visible}
.heading,.object-info,.scene-label,.model-note,.scene-provenance,.landmarks,#callouts,#leaders{transition:opacity .65s}
body.immersive :is(.heading,.object-info,.scene-label,.model-note,.scene-provenance,.landmarks,#callouts,#leaders,.readout){opacity:0;pointer-events:none}
body.immersive .vignette{background:linear-gradient(0deg,#030509 0%,transparent 28%,transparent 85%,#03050980)}
body.immersive header{border-color:transparent}
body.immersive :is(.edition,.brand){opacity:.4}
dialog{background:#0a1019;border-color:#a1bad130;border-radius:8px;box-shadow:0 40px 120px #000a}
dialog h3{color:var(--gold)}
#loading{background:#030509}
@media(min-width:1600px){.heading{top:18%}.object-info{bottom:28%}.scene-provenance{bottom:28%}.landmarks{bottom:21%}footer{bottom:30px}}
@media(max-width:1180px){.edition-number{display:none}.edition{font-size:7px}.hint{display:none}.scene-picker{margin-left:auto}.object-info{width:34%}.heading{max-width:39%}}
@media(max-width:900px){.edition{display:none}.quality-picker{display:none}.scene-label{left:48%}.object-info{width:36%}.object-info p{font-size:12px}.heading h1{font-size:40px}.scene-provenance{font-size:7px}}
@media(max-height:760px) and (min-width:761px){.heading{top:18%}h1{font-size:40px}.intro{display:none}.object-info{bottom:29%}.object-info p{margin:9px 0;font-size:11px}.object-info h2{margin:8px 0}.landmarks{bottom:23%}.model-note{display:none}.scene-provenance{bottom:28%}.transport{margin-bottom:12px}header{top:20px;padding-bottom:15px}}
@media(max-width:760px){
  header{top:18px;left:6%;right:6%;padding-bottom:13px}.brand{font-size:7px;gap:8px}.brand img{width:25px;height:25px}
  .view-controls{gap:7px}.view-switch button{font-size:8px;padding:7px 9px}.view-controls .icon-button{width:28px;height:28px}#instruments{display:none}
  .heading{top:12%;left:7%;max-width:86%}.heading h1{font-size:clamp(28px,7.7vw,38px);letter-spacing:-1.8px}.eyebrow{font-size:7px;margin-bottom:12px}
  .scene-label{top:29%;left:7%;right:7%;font-size:7px}.object-info{bottom:25%;left:7%;width:86%;max-width:none}.object-info h2{font-size:25px;margin:8px 0}.object-top{font-size:7px;flex-direction:row}.object-links{font-size:8px;gap:14px}.object-info p{display:none}
  #measure-label{font-size:6px;letter-spacing:.7px;text-align:right}#object-size{font-size:22px}#notation{font-size:9px}
  .scene-provenance{left:8%;right:8%;bottom:38.5%;font-size:6px;line-height:1.5;letter-spacing:.3px}.model-note{display:none}
  .landmarks{bottom:19%;left:7%;right:7%;padding-top:5px;overflow-x:auto;justify-content:flex-start;gap:13px;scrollbar-width:none;white-space:nowrap}.landmarks button{flex:0 0 auto;font-size:8px;padding:9px 0}
  footer{bottom:16px;left:7%;right:7%}.transport{gap:8px;margin-bottom:14px}.primary{min-width:135px;font-size:9px;padding:11px 13px}.transport>.icon-button{width:29px;height:29px;flex:0 0 29px}.scene-picker{display:none}.quality-picker{display:none}.footnote{font-size:6px}.scale-edge{display:none}
  .vignette{background:linear-gradient(0deg,#030509 0%,#030509db 23%,#03050920 46%,transparent 64%,#030509bb 90%)}
  .horizon-note{left:8%;right:8%;top:32%;padding:24px}.horizon-note h2{font-size:35px}.horizon-note p{font-size:12px;line-height:1.7}
  body.instruments .readout{display:none}
}
@media(max-width:370px){.brand span{display:none}.view-controls{gap:6px}.transport{gap:6px}.primary{min-width:128px}.transport>.icon-button{width:27px;height:27px;flex-basis:27px}#fullscreen{display:none}.scene-provenance{bottom:40%}.object-info h2{font-size:23px}.object-top{font-size:6px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}

/* Third edition: one quiet interface around an expansive image. */
.brand{font:400 16px/1.05 Space;letter-spacing:-.025em;color:#f0f1ed;gap:12px}
.brand b{font-weight:400;color:var(--gold)}
.brand-symbol{width:37px;height:37px;color:#d4bb85}
.edition{font:8px Mono;letter-spacing:1.6px;color:#a2adba}
.icon-button svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round}
h1{letter-spacing:-.035em}.heading>.eyebrow{display:none}
.heading{top:18.5%}.heading .intro{margin-top:20px}
.model-note .crosshair{display:none}
.object-info h2{letter-spacing:-.025em}
.object-top{color:#c5b691}.object-top #measure-label{color:#a5b4c4}
.landmarks button{color:#a6b4c1}.footnote{color:#98a6b7}#foot-readout{color:#a0b2c1}
.scene-label{font-size:8px}.scene-provenance{color:#a5b2c0}
body:not(.instruments) #callouts,body:not(.instruments) #leaders{display:none}
select:focus-visible{outline:2px solid var(--gold);outline-offset:4px}
::selection{background:#c6ae7b;color:#071019}
*{scrollbar-color:#637383 #0b111a;scrollbar-width:thin}
.loading-orbit{display:block;width:65px;height:65px;border:1px solid #d4bb8544;border-radius:50%;position:relative}
.loading-orbit:after{content:'';position:absolute;inset:9px;border:1px solid #d4bb85;border-radius:50%;transform:rotateX(58deg) rotateZ(-30deg)}
#loading p{color:#d1c6b2;font:400 17px Space;letter-spacing:-.02em}
.view-switch button:hover{color:#fff}.view-switch button[aria-pressed=true]:hover{color:#151b22}
@media(max-width:1180px){.edition{display:none}}
@media(max-width:760px){
  .brand{font-size:13px;gap:8px}.brand-symbol{width:28px;height:28px}.heading{top:13%}
  .heading h1{max-width:80%;font-size:clamp(28px,8vw,38px)}
  .scene-label{top:27%;font-size:7px}
  .object-info{bottom:195px}.scene-provenance{bottom:320px}
  .landmarks{bottom:147px;height:35px;align-items:center}
  .landmarks button{padding:10px 0}
  .transport{margin-bottom:15px}.footnote{gap:10px}
  #beyond{display:block;font-size:7px}
  .view-controls{gap:6px}.view-switch button{padding:7px 8px}
  body.immersive #beyond{display:block}
  .object-info .object-links{gap:12px}
}
@media(max-width:370px){.brand span{display:block}.brand-symbol{display:none}.brand{font-size:12px}#about{width:25px;height:25px}.view-switch button{font-size:7px}.scene-provenance{bottom:330px}}
@media(max-height:650px) and (max-width:760px){.heading{top:13%}.heading h1{font-size:25px}.scene-label{top:26%}.scene-provenance{display:none}.object-info{bottom:185px}.object-info h2{font-size:22px}}
@media(min-width:761px){
  .object-top{font-size:9px}#measure-label{font-size:8px}#bound-flag{font-size:8px}
  .scene-provenance{font-size:9px}.scene-label{font-size:9px}.footnote{font-size:8px}
  .landmarks button{font-size:10px}.object-links{font-size:10px;letter-spacing:0}
  .view-switch button,select{font-size:10px}.edition{font-size:9px;letter-spacing:1px}
  .hint{font-size:8px}.model-note{font-size:8px}
}
@media(min-width:981px) and (min-height:680px){.intro{display:block;font-size:13px}.object-info p{font-size:13px;line-height:1.7}}

#enter-cell:not([hidden]){display:inline-flex;padding:11px 18px;margin-top:10px;border:1px solid #d5bb8277;border-radius:30px;background:#142c3188;color:#f3dfb7;text-decoration:none;font:11px DM,sans-serif;letter-spacing:.04em}#enter-cell[hidden]{display:none}

#cell-study-panel{width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;border-radius:0;background:#06121e;overflow:hidden}#cell-study-panel::backdrop{background:transparent}#cell-study-panel[open]{animation:enter-study .45s ease-out}.cell-study-host{width:100%;height:100%}@keyframes enter-study{from{opacity:0;transform:scale(1.018)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){#cell-study-panel[open]{animation:none}}