:root{color-scheme:dark;--ink:#e5e8e0;--muted:#98a7a8;--subtle:#586c6d;--bg:#0b1317;--line:#263439;--panel:#141f23;--mint:#b8c9bd;--accent:#e7b481;--warm:#e5d3bd;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse at 34% -30%,#203139 0,#0b1317 50%);color:var(--ink);font-size:14px}button,input,select{font:inherit}button{cursor:pointer}a{color:#cfdfd2}a:hover{color:white}#shell{max-width:1600px;margin:auto;padding:0 36px}.site-header{height:94px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #27373a}.wordmark{display:flex;align-items:center;gap:13px;letter-spacing:.18em;font-size:12px}.wordmark strong{display:block}.wordmark small{display:block;color:#819599;font-size:8px;letter-spacing:.27em;margin-top:7px}.seal{width:39px;height:39px;border:1px solid #a8b8b0;border-radius:50%;display:grid;place-items:center;color:#d6cebd;font-size:24px}.masthead-meta,.header-link{font-size:10px;letter-spacing:.2em;color:#b3c4c3}.dot{padding:0 13px;color:var(--accent)}.header-link{text-decoration:none;border:1px solid #435052;padding:11px 16px}.layout{display:grid;grid-template-columns:minmax(0,1fr) 324px;gap:30px;padding-top:38px}.experience{min-width:0}.eyebrow{display:flex;align-items:center;gap:12px;color:var(--accent);font-size:10px;letter-spacing:.21em;font-weight:700}.eyebrow span:last-child{color:#60767a}.eyebrow-rule{width:27px;height:1px;background:var(--accent)}h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(38px,4.15vw,70px);font-weight:400;letter-spacing:-.045em;margin:11px 0 8px;line-height:1.06}h1 em{font-weight:400;color:#b4cbbd}.lede{color:#a5b3b2;font-size:14px;line-height:1.65;max-width:670px;margin:0 0 26px}.stage-shell{border:1px solid #425052;border-radius:3px;overflow:hidden;background:#24343c}.stage{position:relative;width:100%;height:clamp(410px,45vw,610px);touch-action:none;overflow:hidden;background:linear-gradient(#719aa9,#c4c7be 80%)}#scene{width:100%;height:100%;display:block;touch-action:none}.stage-vignette{pointer-events:none;position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,15,22,.39),transparent 18%,transparent 75%,rgba(4,10,13,.44))}.stage-top,.stage-bottom{position:absolute;left:20px;right:20px;display:flex;justify-content:space-between;gap:12px;color:white;pointer-events:none}.stage-top{top:19px;align-items:center;font-size:9px;letter-spacing:.17em;font-weight:700}.stage-top span{background:#18232aaa;padding:9px 11px;border:1px solid #ffffff22}.pulse{display:inline-block;width:7px;height:7px;background:#b1dfaf;border-radius:50%;margin-right:6px;box-shadow:0 0 7px #b1dfaf}.stage-bottom{bottom:17px;align-items:end}.stage-credit{font-size:9px;letter-spacing:.13em;text-shadow:0 2px 8px #000}.stage-credit span{color:var(--accent)}.viewport-actions{pointer-events:auto;display:flex;gap:6px}.viewport-actions button{background:#121e27d9;color:white;border:1px solid #dbe0d266;padding:8px 12px;border-radius:2px;font-size:11px}.viewport-actions button:hover{background:#31454c}.below-stage{display:flex;justify-content:space-between;color:#798f94;font-size:9px;letter-spacing:.10em;padding:12px 0 15px}.diamond{color:#d6ad84;margin:0 7px}.hotspot{position:absolute;left:50%;top:50%;z-index:4;width:34px;height:34px;background:#12232cda;color:white;border:1px solid #dfd5b9;box-shadow:0 0 0 5px #f8f3dd40;border-radius:50%;font-size:10px;font-weight:bold;transform:translate(-50%,-50%)}.hotspot:hover,.hotspot:focus-visible{background:#b7c1b5;color:#142026;outline:2px solid white}.fact{position:absolute;z-index:6;left:18px;bottom:68px;max-width:295px;padding:17px 20px;background:#111e24f2;border:1px solid #708184;color:#eee;box-shadow:0 10px 30px #08111888}.fact[hidden]{display:none}.fact b{font-family:Georgia,serif;font-size:18px;font-weight:400}.fact p{color:#bbcacc;font-size:12px;line-height:1.6;margin:8px 0}.fact small{font-size:9px;letter-spacing:.11em;color:#ddba96}.fact button{float:right;background:none;color:white;border:0;font-size:22px}.legend{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:17px 0 32px}.legend>div{display:flex;align-items:center;gap:12px;min-width:0}.legend-number{font-family:Georgia,serif;font-size:29px;color:#dce1d5;letter-spacing:-.04em}.legend-number small{font-size:12px;padding-left:2px}.legend>div>span:last-child{color:#adbec0;font-size:9px;line-height:1.8;letter-spacing:.05em}.legend i{font-size:9px;font-style:normal;color:#687e81}.controls{border:1px solid #283a3f;align-self:start;background:linear-gradient(145deg,#172328,#111c20);box-shadow:0 15px 45px #03090d44}.panel-head{display:flex;justify-content:space-between;padding:25px 24px 20px}.panel-head small,.section-overline{font-size:9px;color:var(--accent);letter-spacing:.24em}.panel-head h2{font-family:Georgia,serif;font-weight:400;font-size:25px;letter-spacing:-.03em;margin:8px 0 0}.panel-icon{border:1px solid #3e5157;color:#9cacb0;border-radius:50%;width:32px;height:32px;display:grid;place-items:center;font-size:21px}.tabbar{display:flex;padding:0 18px;border-bottom:1px solid #304146;gap:4px}.tab{font-size:10px;letter-spacing:.03em;color:#92a4a7;background:none;padding:11px 9px;border:0;border-bottom:2px solid transparent;white-space:nowrap}.tab.active{color:#e5e9e6;border-bottom-color:#d7b68c}.tabcontent{padding:17px 23px 13px}.hidden{display:none}.control-block{border-bottom:1px solid #2c3a40;padding:12px 0 18px}.control-block.last{border-bottom:0}.control-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;gap:7px}.control-title label{font-size:12px;color:#d9e2df}.value{font-size:10px;color:#e5c59f;letter-spacing:.04em;white-space:nowrap}.helper{margin:9px 0 0;font-size:11px;color:#95a4a8;line-height:1.6}input[type=range]{width:100%;accent-color:#dbb78c;cursor:pointer;touch-action:auto;height:18px}.range-extents{display:flex;justify-content:space-between;color:#70888b;font-size:9px}.preset-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:7px}.preset-grid button,.subtle,.segmented button{border:1px solid #3e5156;color:#b7c9c8;background:#1a282e;padding:10px;font-size:11px}.preset-grid .selected,.segmented .selected{background:#b8c7bb;color:#15252a;border-color:#b8c7bb;font-weight:bold}.full-width{width:100%;margin-top:8px}.segmented{display:flex}.segmented button{flex:1}.controls select{width:100%;border:1px solid #43575b;background:#1c3035;color:#e5ebe2;padding:10px 8px;font-size:11px;min-width:0}.shortcut-note{border-top:1px solid #304046;padding:14px 22px;color:#788f95;font-size:9px;letter-spacing:.06em}.shortcut-note kbd{font-family:inherit;padding:3px 6px;border:1px solid #45575b;border-radius:2px;color:#d4ddd8;margin:0 3px}.shortcut-note span{padding:0 3px}.lab-intro{color:#d9e5e1;font-size:10px;letter-spacing:.08em;border-bottom:1px solid #324347;padding-bottom:10px}.experimental{font-size:8px;float:right;color:#d9b48c}.readout-grid{display:grid;grid-template-columns:1fr 1fr;border:1px solid #43565a;margin-top:15px}.readout-grid>div{padding:14px 10px;border:1px solid #2c4145}.readout-grid small{display:block;font-size:8px;color:#96b0b3;letter-spacing:.06em}.readout-grid b{display:block;font-size:23px;font-weight:400;font-variant-numeric:tabular-nums;margin-top:7px;color:#f0ede3}.readout-grid span{font-size:10px;color:#b7c2c0}.check{background:#243237;margin-top:9px;padding:12px}.check span{display:block;font-size:9px;color:#b5c4bf;letter-spacing:.09em}.check b{font-weight:500;font-size:14px;display:block;margin-top:8px;color:#d9b98c}.knowledge{border-top:1px solid #2c3b3d;margin-top:28px}.knowledge details>summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:12px;cursor:pointer;padding:35px 0}.knowledge details>summary::-webkit-details-marker{display:none}.knowledge h2{font-family:Georgia,serif;font-weight:400;font-size:clamp(22px,3vw,35px);margin:7px 0}.details-indicator{font-size:10px;letter-spacing:.07em;color:#b9c6c0;border:1px solid #435257;padding:12px}.knowledge-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:37px;padding:10px 0 45px}.knowledge h3{font-family:Georgia,serif;font-weight:400;font-size:23px}.knowledge p,.knowledge li{color:#adbfc0;font-size:13px;line-height:1.75}.knowledge ol{padding-left:17px}.knowledge li{margin-bottom:8px}.knowledge .disclaimer{color:#d9b58d}.footer{display:flex;justify-content:space-between;border-top:1px solid #304046;padding:23px 0 32px;font-size:10px;color:#7c9194;letter-spacing:.14em}.footer span span{color:var(--accent)}button:focus-visible,select:focus-visible,input:focus-visible,summary:focus-visible,a:focus-visible{outline:2px solid #edc99b;outline-offset:3px}@media(max-width:1040px){#shell{padding:0 18px}.layout{grid-template-columns:minmax(0,1fr) 292px;gap:14px}.stage{height:510px}.masthead-meta{display:none}.controls .panel-head{padding:22px 17px}.tabcontent{padding:12px 16px}}@media(max-width:760px){#shell{padding:0 13px}.site-header{height:70px}.header-link{font-size:9px;padding:9px}.layout{display:block;padding-top:26px}.eyebrow{font-size:8px}.experience h1{font-size:clamp(38px,9vw,57px)}.lede{font-size:12px}.stage{height:min(66vh,520px);min-height:360px}.stage-top{top:12px;left:10px;right:10px;font-size:8px}.stage-top span{padding:7px 8px}.stage-bottom{left:10px;right:10px}.stage-credit{font-size:7px;max-width:50%;line-height:1.5}.viewport-actions button{padding:8px}.viewport-actions span{display:none}.below-stage{font-size:8px}.below-stage #fps-indicator{display:none}.legend{gap:9px}.legend>div{display:block}.legend-number{font-size:25px}.legend>div>span:last-child{display:block;font-size:8px}.controls{margin-top:12px}.tabcontent{padding:12px 20px}.knowledge-grid{display:block}.knowledge-grid article{padding-bottom:15px}.details-indicator{font-size:8px;padding:8px}.footer{gap:12px;font-size:8px}.fact{left:8px;bottom:55px;max-width:min(300px,calc(100% - 20px))}}@media(max-width:400px){.wordmark{font-size:10px}.wordmark small{font-size:7px}.stage{min-height:350px;height:52vh}.stage-top #stage-status{display:none}.legend-number{font-size:22px}}body.embed-mode{height:100vh;height:100dvh;overflow:hidden}body.embed-mode #shell{max-width:none;height:100%;display:flex;flex-direction:column;padding:0 12px}body.embed-mode .site-header,body.embed-mode .legend,body.embed-mode .knowledge,body.embed-mode .footer,body.embed-mode .eyebrow,body.embed-mode h1,body.embed-mode .lede,body.embed-mode .below-stage{display:none}body.embed-mode .layout{flex:1;min-height:0;padding:8px 0;display:grid;grid-template-columns:minmax(0,1fr) 304px;gap:10px}body.embed-mode .experience{display:flex;min-height:0}body.embed-mode .stage-shell{width:100%}body.embed-mode .stage{height:100%}body.embed-mode .controls{height:100%;overflow-y:auto;margin:0}@media(max-width:650px){body.embed-mode .layout{display:flex;flex-direction:column}body.embed-mode .experience{flex:1.3;min-height:0}body.embed-mode .controls{flex:1;min-height:0}body.embed-mode .stage{min-height:0;height:100%}body.embed-mode .panel-head{padding:10px 17px}body.embed-mode .panel-head h2{font-size:18px}body.embed-mode .tabcontent{padding:5px 15px}body.embed-mode .control-block{padding:8px 0}body.embed-mode .shortcut-note{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
