:root{--bg: #171310;--bg-deep: #0d0a08;--ink: #f4efe9;--ink-dim: #b3a89e;--ink-faint: #8c8177;--accent: #d9a441;--copy-w: 320px;--pad: 40px;--font: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--scrim: rgba(13, 10, 8, .55);--hairline: rgba(244, 239, 233, .16);--chip-bg: rgba(244, 239, 233, .05);--label-halo: 0 2px 12px rgba(0, 0, 0, .85), 0 0 3px rgba(0, 0, 0, .55)}body[data-ui=light]{--bg: #f2efea;--bg-deep: #e4e0d9;--ink: #191510;--ink-dim: #554d44;--ink-faint: #6b6259;--accent: #8a5d13;--scrim: rgba(242, 239, 234, .55);--hairline: rgba(25, 21, 16, .18);--chip-bg: rgba(25, 21, 16, .05)}.ui,.hotspot-layer{transition:color .6s ease}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;overflow:hidden;background:var(--bg-deep);font-family:var(--font);color:var(--ink);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{overscroll-behavior:none;touch-action:none}#scene{position:fixed;inset:0;width:100%;height:100%;display:block;z-index:0;cursor:grab}#scene.is-dragging{cursor:grabbing}body:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:1;background:radial-gradient(120% 90% at 50% 45%,transparent 40%,var(--scrim) 100%),linear-gradient(to bottom,var(--scrim) 0%,transparent 22%,transparent 78%,var(--scrim) 100%);transition:background .6s ease}body:before{content:"";position:fixed;inset:0 auto 0 0;width:min(46%,620px);pointer-events:none;z-index:1;background:linear-gradient(to right,var(--scrim),transparent);transition:background .6s ease}.ui{position:fixed;inset:0;z-index:10;pointer-events:none}.ui a,.ui button,.ui [role=button]{pointer-events:auto}.brand{position:absolute;top:var(--pad);left:var(--pad);max-width:460px}.brand__lockup{display:flex;align-items:baseline;gap:.62em}.brand__mark{flex:none;height:.66em;width:auto;font-size:clamp(24px,4vw,38px);transform:translateY(.02em);opacity:.92}.brand__title{font-family:var(--font-mono);font-size:clamp(22px,3.2vw,30px);font-weight:400;letter-spacing:.34em;text-indent:.17em;line-height:.95}.brand__sub{margin-top:10px;font-family:var(--font-mono);font-size:9.5px;font-weight:400;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-faint)}.tools{position:absolute;top:var(--pad);right:var(--pad);display:flex;align-items:center;gap:16px}.tool{display:grid;place-items:center;width:22px;height:22px;padding:0;border:0;background:none;font:400 16px/1 var(--font-mono);color:var(--ink-dim);cursor:pointer;opacity:.8;transition:opacity .2s ease,color .2s ease}.tool:hover,.tool:focus-visible,.tool.is-on{opacity:1;color:var(--ink)}.tool:focus-visible{outline:1px solid var(--accent);outline-offset:4px}.tool__icon{display:block;width:15px;height:15px}.tool__sep{width:1px;height:14px;background:var(--hairline)}.help{position:absolute;top:calc(var(--pad) + 34px);right:var(--pad);text-align:right;display:flex;flex-direction:column;gap:7px;animation:rise .4s cubic-bezier(.16,1,.3,1) both}.help[hidden]{display:none}.help__row{font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-faint)}.help__key{color:var(--ink-dim);margin-right:8px}.sound__icon{position:relative;display:block;width:17px;height:17px}.sound__icon svg{display:block;width:100%;height:100%}.sound__wave{transition:opacity .2s ease}.sound:not(.is-on) .sound__wave{opacity:0}.sound:not(.is-on) .sound__icon:after{content:"";position:absolute;left:-2px;right:-2px;top:50%;height:1px;background:currentColor;transform:rotate(-35deg)}.sound:not(.is-on){opacity:.6}.sound.is-on{color:var(--ink);opacity:1}.era-nav{position:absolute;top:34px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:12px;max-width:calc(100vw - 2 * var(--pad));text-align:center}.era-nav__count{font-family:var(--font-mono);font-size:11px;font-weight:400;letter-spacing:.16em;font-variant-numeric:tabular-nums;color:var(--ink-faint)}.era-nav__count b{font-weight:400;color:var(--ink)}.era-nav__label{font-family:var(--font-mono);font-size:12px;font-weight:400;letter-spacing:.26em;text-indent:.26em;text-transform:uppercase;color:var(--ink);white-space:nowrap}.era-nav__rail{display:flex;align-items:center;gap:var(--rail-gap, 68px)}.era-nav__dot{position:relative;width:11px;height:11px;padding:0;border:1px solid color-mix(in srgb,var(--ink) 45%,transparent);border-radius:50%;background:none;cursor:pointer;transition:border-color .3s ease,background .3s ease}.era-nav__dot:not(:last-child):after{content:"";position:absolute;left:100%;top:50%;width:var(--rail-gap, 68px);height:1px;background:color-mix(in srgb,var(--ink) 26%,transparent)}.era-nav__dot:before{content:"";position:absolute;inset:2px;border-radius:50%;background:var(--ink);opacity:0;transform:scale(.4);transition:opacity .3s ease,transform .35s cubic-bezier(.16,1,.3,1)}.era-nav__dot:hover,.era-nav__dot[aria-current=true]{border-color:var(--ink)}.era-nav__dot[aria-current=true]:before{opacity:1;transform:none}.era-nav__dot:focus-visible{outline:1px solid var(--accent);outline-offset:4px}.era-copy{position:absolute;top:58%;left:var(--pad);transform:translateY(-50%);width:var(--copy-w)}.era-copy__eyebrow{font-family:var(--font-mono);font-size:10px;font-weight:400;letter-spacing:.24em;text-transform:uppercase;color:var(--accent)}.era-copy__title{margin-top:14px;font-size:clamp(28px,2.9vw,40px);font-weight:600;line-height:1.1;letter-spacing:-.015em}.era-copy__body{margin-top:18px;font-size:14px;line-height:1.7;font-weight:400;color:var(--ink-dim)}.era-copy__body+.era-copy__body{margin-top:12px}.era-copy__cue{display:inline-flex;align-items:center;gap:10px;margin-top:24px;padding:10px 16px;border:1px solid color-mix(in srgb,var(--ink) 26%,transparent);border-radius:2px;background:none;font-family:var(--font-mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-dim);cursor:pointer;transition:color .2s ease,border-color .2s ease,background .2s ease}.era-copy__cue-mark{position:relative;width:15px;height:15px;flex:none;border:1px solid currentColor;border-radius:50%}.era-copy__cue-mark:after{content:"";position:absolute;inset:0;background-image:linear-gradient(currentColor,currentColor),linear-gradient(currentColor,currentColor);background-size:7px 1px,1px 7px;background-position:center,center;background-repeat:no-repeat}.era-copy__cue:hover{color:var(--ink);border-color:color-mix(in srgb,var(--ink) 55%,transparent);background:color-mix(in srgb,var(--ink) 8%,transparent)}.era-copy__cue:focus-visible{outline:1px solid var(--accent);outline-offset:4px}.era-copy>*{opacity:0;transform:translateY(14px);animation:rise .65s cubic-bezier(.16,1,.3,1) forwards}.era-copy>*:nth-child(1){animation-delay:.05s}.era-copy>*:nth-child(2){animation-delay:.11s}.era-copy>*:nth-child(3){animation-delay:.17s}.era-copy>*:nth-child(4){animation-delay:.23s}.era-copy>*:nth-child(5){animation-delay:.29s}@keyframes rise{to{opacity:1;transform:none}}.cta{position:absolute;right:var(--pad);bottom:var(--pad);display:flex;align-items:center;gap:10px;padding:13px 22px;border:1px solid color-mix(in srgb,var(--accent) 55%,transparent);border-radius:2px;background:none;font-family:var(--font-mono);font-size:11px;font-weight:400;letter-spacing:.18em;text-transform:uppercase;color:var(--accent);cursor:pointer;transition:color .2s ease,border-color .2s ease,background .2s ease}.cta span{display:inline-block;font-size:13px;transition:transform .25s cubic-bezier(.16,1,.3,1)}.cta:hover{color:var(--ink);border-color:var(--accent);background:color-mix(in srgb,var(--accent) 14%,transparent)}.cta:hover span{transform:translate(4px)}.cta.is-restart:hover span{transform:rotate(90deg)}.cta:focus-visible{outline:1px solid var(--accent);outline-offset:4px}.hotspot-layer{position:fixed;inset:0;z-index:5;pointer-events:none}.hotspot-lines{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.hotspot-lines line,.hotspot-lines polyline{stroke:#ffffff8c;stroke-width:1;fill:none;vector-effect:non-scaling-stroke;opacity:0;transition:opacity .28s ease}.hotspot-dot{position:absolute;top:0;left:0;width:30px;height:30px;margin:-15px 0 0 -15px;padding:0;border:0;background:none;cursor:pointer;opacity:0;pointer-events:none;will-change:transform,opacity;transition:opacity .4s ease;-webkit-tap-highlight-color:transparent}.hotspot-dot.is-visible{pointer-events:auto}.hotspot-dot{--scale: 1}.hotspot-dot:before{content:"";position:absolute;inset:3px;border-radius:50%;border:1px solid rgba(255,255,255,.72);background:#0000002e;box-shadow:0 2px 10px #00000073;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);transform:scale(var(--scale));transition:transform .3s cubic-bezier(.16,1,.3,1),border-color .22s ease,background .22s ease}.hotspot-dot:after{content:"";position:absolute;inset:3px;background-image:linear-gradient(#fff,#fff),linear-gradient(#fff,#fff);background-size:9px 1px,1px 9px;background-position:center,center;background-repeat:no-repeat;transform:scale(var(--scale));transition:transform .3s cubic-bezier(.16,1,.3,1),opacity .22s ease}.hotspot-dot:hover:before,.hotspot-dot.is-open:before{transform:scale(calc(var(--scale) * 1.16));border-color:#fff;background:#00000052}.hotspot-dot:hover:after,.hotspot-dot.is-open:after{transform:scale(calc(var(--scale) * 1.16))}.hotspot-dot.is-minor:after{opacity:0}.hotspot-dot.is-minor:before{border-color:#ffffffd9;background:#0000004d}.hotspot-dot.is-minor:hover:after{opacity:1}.hotspot-dot:focus-visible{outline:1px solid #fff;outline-offset:2px;border-radius:50%}.hotspot-dot.is-cue:before{animation:marker-cue 1.1s cubic-bezier(.16,1,.3,1) 2 both;animation-delay:calc(var(--i, 0) * 70ms)}@keyframes marker-cue{0%{transform:scale(var(--scale));box-shadow:0 0 #ffffff80,0 2px 10px #00000073;border-color:#fff}45%{transform:scale(calc(var(--scale) * 1.32));border-color:#fff}to{transform:scale(var(--scale));box-shadow:0 0 0 18px #fff0,0 2px 10px #00000073}}.hotspot{position:absolute;width:200px;will-change:transform,opacity;opacity:0;pointer-events:none;transition:opacity .28s ease}.hotspot[data-align=left]{text-align:right}.hotspot.is-open .hotspot__title,.hotspot.is-open .hotspot__desc{transform:none;opacity:1}.hotspot__title,.hotspot__desc{opacity:0;transform:translateY(4px);transition:opacity .3s ease .04s,transform .3s cubic-bezier(.16,1,.3,1) .04s}.hotspot__desc{transition-delay:.09s}.hotspot__title{font-size:15px;font-weight:600;letter-spacing:-.005em;line-height:1.25;color:#fff;text-shadow:var(--label-halo)}.hotspot__desc{margin-top:7px;font-size:12px;line-height:1.45;font-weight:400;color:#e2f0f7eb;text-shadow:var(--label-halo)}.loader{position:fixed;inset:0;z-index:100;display:grid;place-items:center;background:var(--bg-deep);transition:opacity .5s ease,visibility .5s}.loader.is-done{opacity:0;visibility:hidden}.loader__centre{display:flex;flex-direction:column;align-items:center;gap:20px}.loader__title{margin:0;font-family:var(--font-mono);font-size:20px;font-weight:400;letter-spacing:.42em;text-indent:.42em;color:var(--ink)}.loader__bar{position:relative;width:min(360px,42vw);height:1px;background:color-mix(in srgb,var(--ink) 22%,transparent)}.loader__bar-fill{position:absolute;inset:0 auto 0 0;width:0;background:var(--ink);transition:width .25s ease-out}.loader__pct{margin:0;font-family:var(--font-mono);font-size:9.5px;font-weight:400;letter-spacing:.28em;font-variant-numeric:tabular-nums;color:color-mix(in srgb,var(--ink) 55%,transparent)}@media(max-width:1280px){:root{--pad: 28px;--copy-w: 280px;--rail-gap: 52px}.hotspot{width:158px}.hotspot__desc{font-size:11.5px}}@media(max-width:900px){:root{--pad: 20px;--rail-gap: 34px}.brand__title{font-size:22px;letter-spacing:.2em;text-indent:.1em}.brand__sub{font-size:9px;letter-spacing:.14em}.brand__mark{font-size:22px}.brand__lockup{gap:.5em}.era-nav{top:84px;gap:9px}.era-nav__label{font-size:10.5px;letter-spacing:.2em;text-indent:.2em}.help{top:calc(var(--pad) + 30px)}.era-copy{top:auto;bottom:84px;left:var(--pad);right:var(--pad);width:auto;transform:none;max-height:38vh;overflow-y:auto;padding:0;pointer-events:auto}.era-copy__title{font-size:24px}.era-copy__body{margin-top:12px;font-size:13px}.era-copy__cue{margin-top:16px;font-size:12.5px}.cta{padding:11px 16px;font-size:10px;letter-spacing:.14em}.hotspot{width:132px}.hotspot__title{font-size:13px}.hotspot__desc{font-size:11px}.hotspot-dot{width:38px;height:38px;margin:-19px 0 0 -19px}.hotspot-dot:before,.hotspot-dot:after{inset:7px}}@media(prefers-reduced-motion:reduce){.era-copy>*,.help{animation-duration:.01s}.hotspot-dot.is-cue:before{animation:none;border-color:#fff}*{scroll-behavior:auto}}.article{position:fixed;inset:0;z-index:60;display:grid;place-items:center;padding:24px}.article[hidden]{display:none}.article:not(.is-open){pointer-events:none}.article.is-open{pointer-events:auto}.article__backdrop{position:absolute;inset:0;background:var(--scrim);backdrop-filter:blur(6px);opacity:0;transition:opacity .3s ease}.article__panel{position:relative;width:min(720px,100%);max-height:min(84vh,900px);overflow:hidden;background:color-mix(in srgb,var(--bg) 95%,transparent);border:1px solid var(--hairline);border-radius:4px;box-shadow:0 30px 80px #00000080;opacity:0;transform:translateY(12px) scale(.985);transition:opacity .3s ease,transform .32s cubic-bezier(.16,1,.3,1)}.article.is-open .article__backdrop{opacity:1}.article.is-open .article__panel{opacity:1;transform:none}.article__scroll{max-height:min(84vh,900px);overflow-y:auto;overscroll-behavior:contain;padding:40px 44px 44px}.article__close{position:absolute;top:12px;right:14px;z-index:2;width:34px;height:34px;display:grid;place-items:center;font:400 22px/1 var(--font);color:var(--ink-faint);background:none;border:0;cursor:pointer;transition:color .18s ease}.article__close:hover{color:var(--ink)}.article__kicker{font-family:var(--font-mono);font-size:10px;font-weight:400;letter-spacing:.24em;text-transform:uppercase;color:var(--accent);margin-bottom:12px}.article__title{font-size:clamp(26px,4vw,34px);font-weight:600;letter-spacing:-.015em;line-height:1.1;color:var(--ink);margin-bottom:14px}.article__standfirst{font-size:17px;line-height:1.55;color:var(--ink-dim);margin-bottom:26px;padding-bottom:22px;border-bottom:1px solid var(--hairline)}.article__figure{margin:0 0 26px}.article__image{display:block;width:100%;aspect-ratio:3 / 2;object-fit:cover;border-radius:2px;border:1px solid var(--hairline);background:var(--chip-bg)}.article__caption{margin-top:10px;font-size:13px;line-height:1.5;color:var(--ink-faint)}.article__credit{display:block;margin-top:4px;font-size:11.5px;letter-spacing:.02em;color:var(--ink-faint)}.article__body p{max-width:64ch}.article__body p{font-size:15.5px;line-height:1.68;color:var(--ink-dim);margin-bottom:16px}.article__body p:last-child{margin-bottom:0}.article__facts{display:grid;grid-template-columns:minmax(120px,34%) 1fr;gap:0;margin-top:30px;border-top:1px solid var(--hairline)}.article__facts[hidden]{display:none}.article__facts dt,.article__facts dd{padding:11px 0;border-bottom:1px solid var(--hairline);font-size:13.5px;line-height:1.45}.article__facts dt{color:var(--ink-faint);padding-right:16px}.article__facts dd{color:var(--ink);font-weight:600}@media(max-width:640px){.article{padding:0}.article__panel{width:100%;max-height:100vh;height:100%;border:0;border-radius:0}.article__scroll{max-height:100vh;padding:64px 22px 40px}.article__facts{grid-template-columns:1fr}.article__facts dt{padding-bottom:2px;border-bottom:0}}@media(prefers-reduced-motion:reduce){.article__panel,.article__backdrop{transition:none}}
