:root{color-scheme:dark;--bg:#050912;--panel:#0a1220;--blue:#7cb2ff;--bright:#eef5ff;--muted:#9baabe;--line:#26364d;font:100%/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--bright);-webkit-font-smoothing:antialiased}button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}a:hover{color:#b8d8ff}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #9dccff;outline-offset:4px}.skip-link{position:absolute;top:-100px;left:20px;z-index:20;padding:10px 15px;background:#dbeaff;color:#061222}.skip-link:focus{top:14px}
.site-header{position:absolute;z-index:8;top:0;left:0;right:0;display:flex;align-items:center;gap:5vw;height:88px;padding:0 clamp(24px,3.3vw,60px);border-bottom:1px solid #ffffff0d}.brand{display:inline-flex;align-items:center;gap:10px;white-space:nowrap;font-family:Georgia,"Times New Roman",serif;font-size:1.43rem;letter-spacing:-.045em;font-weight:700}.brand img{object-fit:contain}.site-header nav{display:flex;align-items:center;gap:clamp(20px,3vw,48px);margin-left:2vw;font-size:.76rem;color:#b7c4d3}.site-header nav a{padding:8px 0}.site-header nav a[aria-current]{color:#f6f9ff;border-bottom:1px solid #75acff}.header-link{margin-left:auto;color:#c4d5ea;font-size:.74rem}.header-link span{margin-left:10px;color:var(--blue)}
.hero{position:relative;min-height:100vh;padding-bottom:42px;background:radial-gradient(ellipse at 47% 62%,#0c1e3c 0%,#07111f 36%,#050912 76%)}.hero-copy{position:absolute;z-index:5;top:clamp(130px,10vw,178px);left:clamp(30px,3.3vw,60px);max-width:390px;pointer-events:none}.eyebrow{margin:0;color:#9dbce2;font-size:.66rem;letter-spacing:.27em;font-weight:700}.hero h1{margin:17px 0 18px;font:400 clamp(3.15rem,4.3vw,5.65rem)/.97 Georgia,"Times New Roman",serif;letter-spacing:-.047em}.hero h1 em,.reading h2 em{font-style:normal;color:#b7d8ff}.hero-lede{max-width:335px;margin:0;color:#b7c7da;font-size:.94rem;line-height:1.65}.hero-boundary{max-width:325px;margin:19px 0 0;color:#7489a7;font-size:.72rem;line-height:1.55}
.stage-wrap{position:relative;padding-top:88px}.stage{position:relative;min-height:clamp(660px,52vw,880px);overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 52% 68%,#10244a33,transparent 51%),linear-gradient(135deg,#090f1a,#050912 58%);border-bottom:1px solid #15243c}.stage:after{content:"";position:absolute;left:10%;right:10%;bottom:12%;height:15%;border-radius:50%;background:#16377118;filter:blur(58px);pointer-events:none}.stage-grid{position:absolute;inset:0;z-index:-1;background-image:linear-gradient(#b8d5ff07 1px,transparent 1px),linear-gradient(90deg,#b8d5ff07 1px,transparent 1px);background-size:80px 80px;mask-image:linear-gradient(transparent 32%,#000 100%)}.stage-topline,.stage-bottomline{position:absolute;z-index:5;left:clamp(30px,3.3vw,60px);right:clamp(30px,3.3vw,60px);display:flex;justify-content:space-between;align-items:center;color:#66809e;font-size:.58rem;font-weight:700;letter-spacing:.22em}.stage-topline{top:36px}.stage-topline i{display:inline-block;width:6px;height:6px;margin-right:8px;border-radius:50%;background:#6aa8ff;box-shadow:0 0 14px #6aa8ff}.stage-bottomline{bottom:25px}.axis{position:absolute;z-index:0;left:15%;right:7%;top:63%;height:1px;background:linear-gradient(90deg,transparent,#3974cd44 30%,#9ec6ff44 70%,transparent);transform:rotate(-7deg);pointer-events:none}
.assembly{position:absolute;z-index:1;left:9%;top:10%;width:85%;aspect-ratio:1672/941;pointer-events:none;filter:drop-shadow(0 20px 38px #0009)}.static-art{display:block;width:100%;height:100%;object-fit:contain}.js .static-art{opacity:0}.slice{position:absolute;inset:0;background-image:url("muse-cinematic-clean.png");background-repeat:no-repeat;background-size:100% 100%;mix-blend-mode:screen;will-change:transform;transition:filter .3s ease}.slice-1{clip-path:inset(0 76% 0 0)}.slice-2{clip-path:inset(0 63% 0 24%)}.slice-3{clip-path:inset(0 48% 0 37%)}.slice-4{clip-path:inset(0 32% 0 52%)}.slice-5{clip-path:inset(0 16% 0 68%)}.slice-6{clip-path:inset(0 0 0 84%)}.slice.is-selected{filter:brightness(1.3) drop-shadow(0 0 14px #4292ff)}.slice.is-muted{filter:brightness(.62)}
.part-labels{position:absolute;z-index:4;inset:0;pointer-events:none;opacity:0;transition:opacity .35s ease}.part-label{position:absolute;top:20%;width:118px;padding:0 0 10px;text-align:left;border:0;background:transparent;color:#d8e7f9;font-size:.73rem;line-height:1.3;pointer-events:auto;text-shadow:0 1px 7px #000}.part-label:hover,.part-label.is-selected{color:#fff}.label-number{display:block;margin-bottom:5px;color:#89bcff;font-size:.91rem;font-weight:700;letter-spacing:.08em}.part-label i{position:absolute;top:100%;left:2px;width:1px;height:clamp(48px,8vw,130px);background:linear-gradient(#c6dffe,#9bb9de55)}.part-label i:after{content:"";position:absolute;bottom:0;left:-3px;width:7px;height:7px;border-radius:50%;background:#c6deff;box-shadow:0 0 9px #83b6ff}.part-label:hover i:after,.part-label.is-selected i:after{background:#62a7ff;box-shadow:0 0 0 5px #468eff33,0 0 12px #6cadff}.part-1{left:23%;top:30%}.part-2{left:36%;top:25%}.part-3{left:48%;top:21%}.part-4{left:61%;top:17%}.part-5{left:74%;top:13%}.part-6{left:86%;top:10%}.part-1 i{height:80px}.part-2 i{height:95px}.part-3 i{height:110px}.part-4 i{height:125px}.part-5 i{height:130px}.part-6 i{height:130px}
.detail-panel{position:absolute;z-index:7;top:88px;right:clamp(28px,3.3vw,60px);width:min(315px,25vw);min-height:285px;padding:23px 25px 24px;border:1px solid #48627f88;border-radius:8px;background:#0a1221e8;box-shadow:0 23px 65px #0009;backdrop-filter:blur(22px);opacity:0;transform:translateX(18px);pointer-events:none;transition:opacity .3s ease,transform .35s ease}.detail-panel.is-open{opacity:1;transform:translateX(0);pointer-events:auto}.detail-top{display:flex;justify-content:space-between;align-items:center;color:#7890af;font-size:.65rem;letter-spacing:.2em}.detail-top button{border:0;background:transparent;color:#a7bbd4;font-size:1.55rem;line-height:1}.detail-symbol{display:grid;place-items:center;width:52px;height:52px;margin-top:20px;border:1px solid #69a5ff88;border-radius:50%;color:#91c5ff;font-size:1.8rem;box-shadow:inset 0 0 20px #157bff22,0 0 18px #157bff22}.detail-kicker{margin:20px 0 7px;color:#7fb5ff;font-size:.61rem;letter-spacing:.22em;font-weight:700}.detail-panel h2{margin:0;color:#fff;font-size:1.43rem;line-height:1.16;font-weight:500;letter-spacing:-.03em}.detail-summary{margin:15px 0 0;color:#c3d2e4;font-size:.81rem;line-height:1.6}.detail-boundary{margin:15px 0 0;padding-left:10px;border-left:2px solid #5d9ffa;color:#a7bed8;font-size:.7rem;line-height:1.5}.detail-panel a{display:inline-flex;gap:10px;margin-top:20px;color:#a6cfff;font-size:.68rem;font-weight:700;letter-spacing:.03em}
.controls{display:flex;align-items:center;gap:28px;margin:0 auto;padding:14px clamp(30px,3.3vw,60px);max-width:1740px;min-height:82px}.progress-count{display:flex;align-items:baseline;gap:4px;min-width:80px}.progress-count strong{font-size:1.7rem;font-weight:400}.progress-count span{color:#91a3bb;font-size:.9rem}.controls input[type=range]{appearance:none;flex:1;height:24px;background:transparent;cursor:ew-resize}.controls input[type=range]::-webkit-slider-runnable-track{height:2px;background:linear-gradient(90deg,#4c99ff 0%,#4c99ff var(--fill),#50637d var(--fill),#50637d 100%)}.controls input[type=range]::-moz-range-track{height:2px;background:#50637d}.controls input[type=range]::-moz-range-progress{height:2px;background:#4c99ff}.controls input[type=range]::-webkit-slider-thumb{appearance:none;width:14px;height:14px;margin-top:-6px;border:2px solid #fff;border-radius:50%;background:#3d92ff;box-shadow:0 0 0 4px #3d92ff22,0 0 12px #54a3ff}.controls input[type=range]::-moz-range-thumb{width:12px;height:12px;border:2px solid #fff;border-radius:50%;background:#3d92ff}.control-actions{display:flex;align-items:center;gap:10px}.control-actions button{min-width:42px;height:38px;border:1px solid #405878;border-radius:50%;background:transparent;color:#bfd4ee}.control-actions button:hover{background:#132846}.control-actions #toggle-explode{min-width:202px;padding:0 20px;border-radius:999px;color:#d6eaff;text-transform:uppercase;letter-spacing:.12em;font-size:.62rem;font-weight:700}.control-actions #toggle-explode span{margin-left:18px;color:#71adff;font-size:1rem}
.chapter-rail{display:grid;grid-template-columns:repeat(6,1fr);gap:1px;margin:0 clamp(30px,3.3vw,60px);border-top:1px solid #253854}.chapter-rail button{display:flex;align-items:baseline;gap:9px;min-height:55px;padding:16px 8px 10px 0;border:0;background:transparent;color:#9bacc2;text-align:left;font-size:.65rem}.chapter-rail button:hover,.chapter-rail button.is-selected{color:#fff}.chapter-rail b{color:#6baaff;font-size:.7rem}.chapter-rail button.is-selected b{color:#fff}
.reading,.deep-dive,.sources{padding:clamp(80px,8vw,135px) clamp(30px,5vw,90px);border-top:1px solid #1d304d}.reading{display:grid;grid-template-columns:minmax(260px,1fr) minmax(520px,1.8fr);gap:8vw;max-width:1750px;margin:auto}.reading h2,.deep-dive h2,.sources h2{margin:17px 0 20px;font:400 clamp(2.5rem,4.4vw,5.1rem)/1.02 Georgia,"Times New Roman",serif;letter-spacing:-.045em}.reading-intro>p:last-child{max-width:470px;color:#aebed0;font-size:1rem;line-height:1.75}.reading-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;align-items:start}.reading-grid article{padding:27px 24px 30px;min-height:275px;border:1px solid #263954;border-radius:12px;background:linear-gradient(145deg,#0d1a2b,#09111e)}.reading-grid article>span,.deep-list article>span{color:#79aefe;font-size:.62rem;letter-spacing:.18em;font-weight:700}.reading-grid h3{margin:30px 0 14px;font-size:1.2rem;line-height:1.2;letter-spacing:-.025em}.reading-grid p{margin:0;color:#aebed0;font-size:.79rem;line-height:1.7}.deep-dive{max-width:1750px;margin:auto}.deep-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:45px}.deep-heading h2{margin-bottom:0}.deep-heading>p{max-width:300px;color:#aebed0;font-size:.86rem}.deep-list{border-top:1px solid #30435d}.deep-list article{display:grid;grid-template-columns:minmax(225px,1fr) minmax(0,2fr);gap:60px;padding:44px 0;border-bottom:1px solid #30435d}.deep-list h3{margin:12px 0 0;font:400 clamp(1.9rem,3vw,3rem)/1.1 Georgia,"Times New Roman",serif;letter-spacing:-.035em}.deep-list .fact-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 35px}.fact-columns div:last-of-type{grid-column:1/-1}.fact-columns strong{display:block;margin-bottom:6px;color:#b8d6ff;font-size:.68rem;letter-spacing:.11em;text-transform:uppercase}.fact-columns p{margin:0;color:#bbcadb;font-size:.85rem;line-height:1.72}.fact-columns a{grid-column:1/-1;color:#82b8ff;font-size:.75rem;text-decoration:underline;text-underline-offset:4px}.sources{display:grid;grid-template-columns:1fr 1.6fr;gap:7vw;background:#091322}.sources h2{font-size:clamp(2.2rem,3.6vw,4.4rem)}.sources>div:last-child>p{margin:0;max-width:800px;color:#b6c6d8;line-height:1.75}.source-links{display:flex;flex-wrap:wrap;gap:12px;margin-top:25px}.source-links a{padding:11px 13px;border:1px solid #36506e;border-radius:5px;color:#acd2ff;font-size:.75rem}footer{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:45px clamp(30px,5vw,90px);color:#8297b1;font-size:.7rem}footer .brand{color:#f1f6ff}footer>a:last-child{color:#aacbfb}
@media(max-width:1250px){.reading{display:block}.reading-grid{margin-top:38px}.hero-copy{max-width:315px}.hero h1{font-size:4rem}.hero-lede{font-size:.86rem}.stage{min-height:670px}.detail-panel{top:84px;width:275px}.part-label{font-size:.65rem;width:95px}.part-6{left:84%}}
@media(max-width:850px){.site-header{height:70px}.site-header nav{gap:15px;margin-left:auto}.site-header nav a{font-size:.69rem}.header-link{display:none}.hero{min-height:0}.hero-copy{position:relative;top:auto;left:auto;max-width:none;padding:115px 24px 12px}.hero h1{font-size:clamp(3rem,10vw,5rem)}.hero-lede{max-width:660px}.hero-boundary{max-width:660px}.stage-wrap{padding-top:0}.stage{min-height:500px}.assembly{top:2%;left:2%;width:102%}.part-labels{display:none}.axis{top:57%}.detail-panel{top:auto;right:20px;bottom:35px;width:min(350px,calc(100% - 40px));min-height:0;padding:18px}.detail-symbol{display:none}.detail-kicker{margin-top:10px}.detail-summary{margin-top:8px}.detail-boundary{margin-top:9px}.detail-panel a{margin-top:11px}.stage-topline{top:17px}.stage-bottomline{bottom:14px}.chapter-rail{overflow:auto;display:flex;scroll-snap-type:x mandatory}.chapter-rail button{min-width:140px;scroll-snap-align:start}.reading-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.reading-grid article{padding:18px;min-height:300px}.deep-list article{grid-template-columns:1fr;gap:25px}.sources{grid-template-columns:1fr}}
@media(max-width:600px){.site-header{padding:0 20px}.site-header nav a:not([aria-current]){display:none}.site-header nav{margin-left:auto}.hero-copy{padding:104px 22px 24px}.hero h1{margin-top:12px;font-size:3.4rem}.hero-lede{font-size:.87rem}.stage{min-height:430px}.stage-topline,.stage-bottomline{left:20px;right:20px;font-size:.48rem}.stage-topline span:last-child,.stage-bottomline span:last-child{display:none}.assembly{top:2%;left:-22%;width:145%}.axis{top:49%}.controls{padding:10px 20px;gap:12px;flex-wrap:wrap}.progress-count{min-width:57px}.progress-count strong{font-size:1.3rem}.controls input[type=range]{min-width:calc(100% - 75px)}.control-actions{width:100%;justify-content:center}.control-actions #toggle-explode{flex:1}.chapter-rail{margin:0 20px}.reading,.deep-dive,.sources{padding:70px 22px}.reading-grid{grid-template-columns:1fr;gap:12px}.reading-grid article{min-height:0}.reading-grid h3{margin-top:15px}.deep-heading{display:block}.deep-heading>p{margin:15px 0 0}.deep-list article{padding:31px 0}.deep-list .fact-columns{grid-template-columns:1fr;gap:17px}.fact-columns div:last-of-type{grid-column:auto}.fact-columns a{grid-column:auto}.sources{gap:20px}footer{padding:35px 22px;flex-wrap:wrap}footer>span{order:3;width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.part-labels,.detail-panel,.slice{transition:none!important}.assembly{filter:none}}
@media(prefers-reduced-transparency:reduce){.detail-panel{background:#0a1221;backdrop-filter:none}}
@media(prefers-contrast:more){.detail-panel,.reading-grid article{border-color:#9dc8ff}.hero-boundary,.stage-topline,.stage-bottomline{color:#b8d0ed}}

/* Cinematic concept A: the artwork is the stage, with real HTML controls above it. */
@media(min-width:851px){
  .site-header{height:76px;border:0;background:linear-gradient(180deg,#050912de,#05091200);padding-inline:3.25vw}
  .site-header .brand{font-size:1.3rem}.site-header .brand img{display:none}
  .site-header nav{gap:clamp(26px,3.2vw,54px);margin-left:3.5vw;font-size:.72rem}
  .header-link{font-size:.7rem}
  .hero{min-height:0;padding:0;background:#050912}
  .hero-copy{top:clamp(118px,8.4vw,151px);left:3.25vw;max-width:365px}
  .hero h1{margin:10px 0 11px;font-size:clamp(3.05rem,3.5vw,3.85rem);line-height:.99;font-weight:400;letter-spacing:-.055em}
  .hero-lede{max-width:310px;font-size:.88rem;color:#9aaac0;line-height:1.55}
  .hero-boundary{margin-top:22px;color:#66809f;font-size:.56rem;letter-spacing:.34em;line-height:2.1;font-weight:600}
  .stage-wrap{padding:0}.stage{height:56.28vw;min-height:720px;max-height:1000px;border:0;background:#050912;overflow:hidden}
  .stage-grid,.axis,.stage-topline{display:none}
  .assembly{inset:auto;left:3%;top:6%;width:88%;height:88%;aspect-ratio:auto;filter:none}
  .static-art{height:100%;object-fit:fill}
  .slice{background-image:url("muse-cinematic-clean.png");mix-blend-mode:screen}
  .slice-1{clip-path:inset(0 68% 0 0)}.slice-2{clip-path:inset(0 56% 0 32%)}.slice-3{clip-path:inset(0 45% 0 44%)}.slice-4{clip-path:inset(0 33% 0 55%)}.slice-5{clip-path:inset(0 23% 0 67%)}.slice-6{clip-path:inset(0 0 0 77%)}
  .slice.is-muted{filter:brightness(.98)}.slice.is-selected{filter:brightness(1.08) drop-shadow(0 0 5px #438fff66)}
  .part-label{top:auto;width:118px;font-size:.72rem;line-height:1.33}.label-number{font-size:.91rem;margin-bottom:4px}
  .part-label i{height:clamp(55px,5.7vw,93px)}
  .part-1{left:26%;top:31.2%}.part-2{left:36%;top:26.4%}.part-3{left:47%;top:22.1%}.part-4{left:58%;top:18%}.part-5{left:69%;top:14.1%}.part-6{left:78%;top:10.6%}
  .part-1 i{height:clamp(54px,6vw,100px)}.part-2 i{height:clamp(58px,6vw,100px)}.part-3 i{height:clamp(63px,6.4vw,106px)}.part-4 i{height:clamp(70px,6.8vw,113px)}.part-5 i{height:clamp(74px,7vw,116px)}.part-6 i{height:clamp(78px,7.2vw,120px)}
  .detail-panel{top:9.2%;right:1.85%;width:18%;min-height:230px;padding:22px;border-radius:7px;background:#07101bdc;border-color:#7b95b344;box-shadow:0 18px 46px #0007;backdrop-filter:blur(11px)}
  .detail-top{font-size:.62rem}.detail-symbol{position:absolute;top:22px;right:21px;width:52px;height:52px;margin:0;font-size:1.6rem}
  .detail-kicker{margin-top:26px;font-size:.52rem}.detail-panel h2{font-size:.98rem;letter-spacing:.16em;text-transform:uppercase}
  .detail-summary{margin-top:16px;font-size:.71rem;line-height:1.58;color:#adbed1}.detail-boundary{margin-top:12px;font-size:.62rem;line-height:1.4}.detail-panel a{margin-top:13px;font-size:.6rem}
  .controls{position:absolute;z-index:8;left:0;right:0;bottom:13.2%;width:100%;max-width:none;min-height:50px;padding:0 3.8%;gap:24px;pointer-events:none}
  .controls>*{pointer-events:auto}.progress-count{min-width:105px}.progress-count strong{font-size:1.25rem}.progress-count span{font-size:.9rem}
  .controls input[type=range]{margin-top:2px}.control-actions{min-width:200px;gap:7px}
  .control-actions #toggle-explode{position:absolute;left:50%;bottom:62px;transform:translateX(-50%);min-width:290px;height:39px;display:flex;align-items:center;justify-content:center;gap:17px;border-radius:999px;border-color:#6d819b;background:#050c17bc;color:#a5b2c4;box-shadow:0 0 0 1px #13386d44;font-size:.61rem}
  #toggle-explode span{display:inline-block;white-space:nowrap}#toggle-explode span:first-child{color:#94bfff}#toggle-explode i{font-style:normal;color:#78b8ff;font-size:1rem;font-weight:400}
  .is-exploded #toggle-explode span:first-child{color:#7d8ca1}.is-exploded #toggle-explode span:last-child{color:#b6d8ff}
  .control-actions button:not(#toggle-explode){width:28px;min-width:28px;height:28px;border:0;font-size:1.18rem}
  .drag-hint{color:#778ca7;font-size:.55rem;letter-spacing:.25em;white-space:nowrap}
  .stage-bottomline{bottom:5%;left:3.25%;right:3.25%;color:#7388a4;font-size:.5rem;letter-spacing:.31em}
  .chapter-rail{display:none}
}
@media(min-width:851px) and (max-width:1250px){.hero-copy{max-width:290px}.hero h1{font-size:3rem}.hero-lede{font-size:.78rem;max-width:265px}.detail-panel{width:23%;right:2%;top:8%}.part-6{left:77%}.part-label{font-size:.62rem}}
@media(max-width:850px){
  .site-header .brand img{display:none}.site-header{background:#050912e8}
  .hero-copy{padding-bottom:0}.hero h1{font-family:Georgia,"Times New Roman",serif}
  .stage{min-height:0;height:65vw;max-height:580px;background:#050912}
  .stage-grid,.stage-topline,.axis{display:none}
  .assembly{left:0;top:0;width:100%;height:100%;aspect-ratio:auto;filter:none}.static-art{height:100%;object-fit:cover}
  .slice{background-image:url("muse-cinematic-clean.png");mix-blend-mode:screen}.slice-1{clip-path:inset(0 68% 0 0)}.slice-2{clip-path:inset(0 56% 0 32%)}.slice-3{clip-path:inset(0 45% 0 44%)}.slice-4{clip-path:inset(0 33% 0 55%)}.slice-5{clip-path:inset(0 23% 0 67%)}.slice-6{clip-path:inset(0 0 0 77%)}
  .controls #toggle-explode{display:flex;align-items:center;justify-content:center;gap:12px}.controls #toggle-explode i{font-style:normal;color:#8bbbff}.drag-hint{display:none}
}
.part-hotspots{position:absolute;z-index:3;inset:0;pointer-events:none}
.part-hotspot{position:absolute;display:block;width:13%;height:26%;padding:0;border:1px solid transparent;border-radius:50%;background:transparent;transform:translate(-50%,-50%) rotate(-10deg);pointer-events:auto;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}
.part-hotspot:hover,.part-hotspot:focus-visible,.part-hotspot.is-selected{border-color:#89bcff99;box-shadow:0 0 0 7px #3990ff10,0 0 30px #398cff55,inset 0 0 28px #398cff18;background:#338aff09}
.hotspot-1{left:27%;top:55%;width:10%;height:26%}.hotspot-2{left:37%;top:53%;width:10%;height:27%}.hotspot-3{left:47%;top:49%;width:11%;height:28%}.hotspot-4{left:58%;top:44%;width:12%;height:29%}.hotspot-5{left:69%;top:40%;width:11%;height:28%}.hotspot-6{left:78%;top:35%;width:11%;height:25%}
@media(max-width:850px){.part-hotspot{height:37%;min-width:10%;min-height:72px}.hotspot-1{left:26%}.hotspot-2{left:38%}.hotspot-3{left:50%}.hotspot-4{left:62%}.hotspot-5{left:74%}.hotspot-6{left:85%}}
@media(prefers-reduced-motion:reduce){.part-hotspot{transition:none}}

/* The image is already exploded; the slider selects the six readable concepts. */
.js .static-art{opacity:1}
.part-labels{opacity:1}
@media(min-width:851px){
  .control-actions .view-pill{position:absolute;left:50%;bottom:62px;transform:translateX(-50%);min-width:290px;height:39px;display:flex;align-items:center;justify-content:center;gap:16px;padding:0 18px;border:1px solid #6d819b;border-radius:999px;background:#050c17bc;color:#a5b2c4;box-shadow:0 0 0 1px #13386d44;font-size:.61rem;letter-spacing:.12em;font-weight:700;white-space:nowrap}
  .control-actions .view-pill i{font-style:normal;color:#78b8ff;font-size:1rem;font-weight:400}
}
@media(max-width:850px){.view-pill{display:none}}

/* MuseBridge typography and surfaces; keep the cinematic model as the dark focal point. */
:root{--brand-blue:#0755ed;--page-ink:#1d1d1f;--page-muted:#616168;--page-line:#e3e5e8;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-optical-sizing:auto}
body{background:#fff;color:var(--page-ink);letter-spacing:-.01em}
.site-header{position:relative;z-index:10;height:76px;padding-inline:max(32px,calc((100vw - 1200px)/2));border:0;background:rgba(255,255,255,.92);box-shadow:0 1px 12px #17243c08;backdrop-filter:blur(22px) saturate(150%)}
.site-header .brand{gap:9px;color:#0a0a0b;font-family:inherit;font-size:1.55rem;font-weight:700;letter-spacing:-.055em}
.site-header .brand img{display:block;width:27px;height:27px}
.site-header nav{gap:clamp(18px,2.5vw,36px);margin-left:2vw;color:#434650;font-size:.8125rem}
.site-header nav a{display:flex;align-items:center;min-height:44px;padding:0;border:0}
.site-header nav a:hover,.site-header nav a[aria-current]{color:var(--brand-blue)}
.header-link{color:var(--brand-blue);font-size:.8125rem;font-weight:550;white-space:nowrap}
.header-link span{color:inherit}
.hero{background:#050912;color:#f5f8ff}
.hero-copy .eyebrow{color:#87b9ff}
.hero h1{font-family:inherit;font-size:clamp(3rem,4.2vw,4.75rem);font-weight:600;letter-spacing:-.06em;line-height:1.04;text-wrap:balance}
.hero-lede{color:#b9c8dc;font-size:.9375rem;line-height:1.6}
.hero-boundary{color:#9bb1d0;font-size:.6875rem;letter-spacing:.13em;line-height:1.45}
.part-label{font-size:.75rem;letter-spacing:0}
.label-number{font-size:.8125rem;letter-spacing:.04em}
.detail-panel{border-color:#8ca7ce55;border-radius:16px;background:#091527ed;box-shadow:0 16px 50px #0008}
.detail-kicker{font-size:.6875rem;letter-spacing:.08em}
.detail-panel h2{font-size:1.1rem;font-weight:600;letter-spacing:-.02em;text-transform:none}
.detail-summary{font-size:.8125rem;line-height:1.55;color:#e0e9f5}
.detail-boundary{font-size:.75rem;line-height:1.5;color:#aec4dd}
.detail-panel a{font-size:.75rem;color:#a8ccff}
.control-actions button{transition:background .15s ease,transform .12s ease}
.control-actions button:active{transform:scale(.92)}
.drag-hint{font-size:.625rem;letter-spacing:.13em;color:#a9bbd4}
.reading,.deep-dive,.sources{border-color:var(--page-line);background:#fff;color:var(--page-ink)}
.reading{display:grid;grid-template-columns:minmax(170px,.52fr) minmax(0,1.7fr);gap:clamp(32px,6vw,100px);max-width:1300px;padding-block:clamp(68px,7vw,110px)}
.reading>.eyebrow{padding-top:.75rem;color:#6c7a8d}
.reading>div{max-width:720px}
.reading h2,.deep-dive h2,.sources h2{font-family:inherit;font-weight:600;letter-spacing:-.05em;line-height:1.1;text-wrap:balance}
.reading h2{margin:0 0 20px;font-size:clamp(2.25rem,3.8vw,3.5rem)}
.reading h2 em,.sources h2 em{color:var(--brand-blue)}
.reading>div>p{margin:0;color:var(--page-muted);font-size:1rem;line-height:1.7}
.deep-dive{max-width:1300px;padding-block:clamp(70px,8vw,120px)}
.deep-heading{align-items:end;margin-bottom:34px}
.deep-heading .eyebrow,.sources .eyebrow{color:#6c7a8d}
.deep-heading h2{font-size:clamp(2.25rem,4vw,3.8rem)}
.deep-heading>p:last-child{color:var(--page-muted);font-size:.9375rem;line-height:1.6}
.deep-list{border-color:var(--page-line)}
.deep-list article{border-color:var(--page-line);padding-block:38px}
.deep-list article>div:first-child>span{color:var(--brand-blue);font-size:.6875rem;letter-spacing:.06em}
.deep-list h3{font-family:inherit;font-size:clamp(1.4rem,2vw,2rem);font-weight:600;letter-spacing:-.035em}
.fact-columns strong{color:#26456f;font-size:.75rem;letter-spacing:.04em}
.fact-columns p{color:var(--page-muted);font-size:.875rem;line-height:1.7}
.fact-columns a{color:var(--brand-blue);font-size:.8125rem}
.sources{grid-template-columns:.9fr 1.1fr;max-width:none;background:#f5f5f7;padding-inline:max(30px,calc((100vw - 1200px)/2))}
.sources h2{font-size:clamp(2.25rem,3.6vw,3.5rem)}
.sources>div:last-child>p{color:var(--page-muted);font-size:.9375rem;line-height:1.7}
.source-links a{border-color:#dce2ec;border-radius:999px;background:#fff;color:#0755ed;font-size:.8125rem;padding:11px 16px;min-height:44px}
.source-links a:hover{background:#eef4ff}
footer{background:#fff;color:#707781;border-top:1px solid var(--page-line);font-size:.75rem}
footer .brand{color:#0a0a0b;font-family:inherit;font-size:1.25rem;font-weight:700;letter-spacing:-.055em}
footer>a:last-child{color:var(--brand-blue)}
@media(min-width:851px){
  .site-header{height:76px;background:rgba(255,255,255,.92)}
  .site-header .brand{font-size:1.55rem}
  .site-header .brand img{display:block}
  .site-header nav{font-size:.8125rem;margin-left:2vw}
  .hero h1{font-size:clamp(3rem,4.2vw,4.75rem);letter-spacing:-.06em;font-weight:600}
  .hero-lede{font-size:.9375rem;max-width:330px}
  .hero-boundary{font-size:.6875rem;letter-spacing:.13em}
  .detail-panel{width:20%;min-height:0;padding:22px}
  .detail-kicker{font-size:.6875rem;letter-spacing:.08em}
  .detail-panel h2{font-size:1.1rem;letter-spacing:-.02em}
  .detail-summary{font-size:.8125rem}.detail-boundary{font-size:.75rem}.detail-panel a{font-size:.75rem}
  .control-actions .view-pill{font-size:.625rem;letter-spacing:.08em}
}
@media(max-width:1000px){.site-header{padding-inline:24px}.site-header nav{gap:15px}}
@media(max-width:850px){
  .site-header{height:70px;background:#fff}.site-header .brand{font-size:1.35rem}
  .site-header nav{margin-left:auto}.site-header nav a{font-size:.75rem}
  .hero-copy{padding-top:56px;padding-bottom:24px}
  .hero h1{font-size:clamp(2.8rem,9vw,4.4rem)}
  .stage{height:auto;max-height:none;min-height:0;padding-top:60vw;overflow:visible}
  .assembly{left:0;top:0;width:100%;height:60vw}
  .part-hotspots{top:0;bottom:auto;height:60vw}
  .detail-panel{position:relative;top:auto;right:auto;bottom:auto;width:auto;margin:0 20px 18px;padding:20px;display:none;opacity:1;transform:none;pointer-events:auto}
  .detail-panel.is-open{display:block;transform:none}
  .detail-symbol{display:none}.detail-kicker{margin-top:10px}
  .stage-bottomline{display:none}
  .reading,.sources{grid-template-columns:1fr;gap:20px}
  .deep-heading{display:block}.deep-heading>p:last-child{max-width:550px;margin-top:16px}
}
@media(max-width:600px){
  .site-header{padding-inline:20px}.site-header nav a:not([aria-current]){display:none}
  .hero-copy{padding:45px 22px 25px}.hero h1{font-size:3.2rem}
  .controls{padding-inline:20px}.control-actions button{min-width:44px;min-height:44px}
  .reading,.deep-dive,.sources{padding:65px 22px}
  .reading h2,.deep-heading h2,.sources h2{font-size:2.3rem}
  .deep-list article{gap:16px}.deep-list .fact-columns{gap:22px}
  footer{padding-inline:22px}
}
@media(prefers-reduced-motion:reduce){.control-actions button{transition:none}}
@media(prefers-reduced-transparency:reduce){.site-header{background:#fff;backdrop-filter:none}}

/* Keep the title on one line, with Muse in the brand's blue spectrum. */
.hero-copy{max-width:480px}
.hero h1{font-size:clamp(2.3rem,3.25vw,3.2rem);line-height:1.08;letter-spacing:-.055em;white-space:nowrap}
.muse-gradient{color:#4b95ff;background:linear-gradient(105deg,#90c8ff 0%,#3d88ff 48%,#0755ed 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
@media(min-width:851px){.hero h1{font-size:clamp(2.3rem,3.25vw,3.2rem)}}
@media(max-width:850px){.hero h1{font-size:clamp(2rem,5.4vw,2.7rem)}}
@media(max-width:600px){.hero h1{font-size:clamp(1.85rem,7.6vw,2.25rem)}}

.site-header nav .research-menu{position:relative;display:flex;align-items:center}
.site-header nav .research-menu summary{display:flex;align-items:center;gap:5px;min-height:44px;list-style:none;cursor:pointer;color:var(--brand-blue);font-size:.8125rem;font-weight:550}
.site-header nav .research-menu summary::-webkit-details-marker{display:none}
.site-header nav .research-menu summary span{font-size:1rem;transition:transform .18s}
.site-header nav .research-menu[open] summary span{transform:rotate(180deg)}
.site-header nav .research-menu-panel{position:absolute;top:calc(100% + 6px);right:0;z-index:30;min-width:255px;padding:8px;border:1px solid #dfe7f1;border-radius:14px;background:#fff;box-shadow:0 20px 50px #10295720}
.site-header nav .research-menu-panel a{display:block;min-height:0;padding:12px;border-radius:9px;color:#18365c;font-size:.8125rem;line-height:1.4}
.site-header nav .research-menu-panel a:hover,.site-header nav .research-menu-panel a[aria-current=page]{background:#f1f6ff}
.site-header nav .research-menu-panel strong,.site-header nav .research-menu-panel small{display:block}
.site-header nav .research-menu-panel small{margin-top:3px;color:#76869a;font-size:.6875rem}
.site-header nav .research-menu summary:focus-visible{outline:2px solid #0755ed;outline-offset:4px}
@media(max-width:600px){.site-header nav .research-menu-panel a:not([aria-current]){display:block}}
@media(prefers-reduced-motion:reduce){.site-header nav .research-menu summary span{transition:none}}
