:root{font-family:Arial,Helvetica,sans-serif;color:#303e4a;background:#e9edf1;font-synthesis:none;--blue:#487ea4;--line:rgba(84,104,121,.17)}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--blue);outline-offset:5px}button{border:0}a{color:inherit;text-decoration:none}.masthead{height:100px;padding:0 3.3%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:linear-gradient(110deg,#f8f8f6,#e7edf3)}.identity{font-size:14px;letter-spacing:.16em;font-weight:600}.identity span{display:block;font-weight:400;font-size:12px;letter-spacing:.04em;margin-top:9px;color:#64727e}.edition{font-size:12px;letter-spacing:.17em;color:#64727e}.prototype{font-size:12px;border:1px solid #c2cdd5;padding:8px 12px;border-radius:20px;color:#526574}.museum{display:grid;grid-template-columns:67% 33%;height:calc(100svh - 100px);min-height:590px}.gallery{display:grid;grid-template-columns:190px 1fr;position:relative;overflow:hidden;background:radial-gradient(ellipse at 54% 32%,#fffdf8 0,transparent 50%),radial-gradient(ellipse at 65% 80%,#d0dfe9 0,transparent 65%),#edf0f2}.gallery:after{content:"";position:absolute;inset:60% 0 0;pointer-events:none;background:linear-gradient(172deg,transparent 30%,#ffffff55 30.2%,transparent 30.5%)}.rail{padding:49px 0 32px 30px;display:flex;flex-direction:column;z-index:2}.micro{font-size:11px;letter-spacing:.16em;font-weight:500;color:#687984}.rail-label{margin-bottom:43px}.nav-item{position:relative;display:flex;gap:13px;align-items:flex-start;text-align:left;background:none;padding:19px 12px 19px 0;width:100%;line-height:1.45;font-size:14px;color:#73818b;transition:color .2s}.nav-item .num{font-size:11px;padding-top:3px;color:#81929e}.nav-item.active{color:#293e50}.nav-item.active .num{color:var(--blue)}.nav-item.active:before{content:"";position:absolute;left:-30px;top:18px;bottom:18px;width:3px;background:#6b9cba;box-shadow:0 0 13px #77b5dc66}.rail-foot{font-size:12px;line-height:1.6;color:#74818a;margin-top:auto;padding-top:35px}.stage-wrap{z-index:1;min-width:0;display:flex;flex-direction:column;padding:48px 34px 23px 18px}.room-heading h1{font-size:clamp(28px,3.15vw,49px);font-weight:400;letter-spacing:-.045em;margin:13px 0 0;line-height:1.12;max-width:440px}.room-heading .micro{color:var(--blue)}.stage{flex:1;position:relative;min-height:355px;isolation:isolate}.artifact{position:absolute;display:flex;flex-direction:column;align-items:center;background:none;padding:0;width:44%;top:16%;left:0;transition:transform .35s,opacity .35s}.artifact:nth-child(2){left:51%;top:28%}.artifact:nth-child(3){left:16%;top:60%}.tile{display:flex;align-items:center;justify-content:center;width:clamp(110px,13vw,190px);aspect-ratio:1.5;border-radius:18px;transform:rotateX(55deg) rotateZ(-34deg);background:linear-gradient(125deg,#ffffffe8,#e5edf2c9);border:1px solid #fff;box-shadow:-7px 10px 0 #cbd6df,-8px 12px 0 #f8f3e8, -16px 29px 24px #5d78992a,inset 0 0 22px #ffffffc9;transition:transform .35s,box-shadow .35s}.tile-number{font-size:clamp(35px,5vw,65px);font-weight:400;color:#819bab5c;letter-spacing:-.08em;border:1px solid #a4b5c247;border-radius:12px;width:68%;height:67%;display:grid;place-items:center}.artifact:nth-child(2) .tile{background:linear-gradient(135deg,#eff8ffbd,#bacddbc4)}.artifact:nth-child(3) .tile{background:linear-gradient(135deg,#fffdf7,#e2e0dac7)}.artifact:hover .tile,.artifact.selected .tile{transform:translateY(-9px) rotateX(55deg) rotateZ(-34deg);box-shadow:-7px 10px 0 #bccfdd,-8px 13px 0 #ffedca,-17px 35px 26px #5d789933,inset 0 0 22px #fff}.artifact.selected .tile{outline:2px solid #80abc3;outline-offset:5px}.artifact-label{margin-top:3px;display:block;font-size:13px;font-weight:500}.artifact-type{display:block;font-size:11px;color:#768591;margin-top:6px;letter-spacing:.07em}.artifact.selected .artifact-label{color:#36769d}.stage-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:11px;color:#637682;padding-top:22px;border-top:1px solid var(--line)}.stage-footer i{display:inline-block;width:6px;height:6px;border:1px solid #7b98ae;transform:rotate(45deg);margin-right:7px}.paging{display:flex;align-items:center;gap:12px;white-space:nowrap;font-size:11px}.paging button{background:#ffffff70;border:1px solid #ffffffa8;border-radius:50%;width:32px;height:32px;font-size:17px}.paging button:disabled{opacity:.25;cursor:default}.inspector{background:linear-gradient(140deg,#ffffffed,#f1f4f6e8);border-left:1px solid #fff;box-shadow:-12px 0 35px #63778b08;display:flex;flex-direction:column;min-height:0;padding:0 35px;z-index:5}.panel-top{display:flex;align-items:center;justify-content:space-between;padding:49px 0 27px;border-bottom:1px solid var(--line)}.panel-index{font-size:12px;color:#7c8b97}.panel-content{overflow-y:auto;overscroll-behavior:contain;flex:1;scrollbar-width:thin;padding:37px 0 30px}.eyebrow{font-size:11px;color:#71818d;letter-spacing:.12em}.panel-content h2{font-size:clamp(26px,2.7vw,40px);font-weight:400;line-height:1.16;letter-spacing:-.035em;margin:15px 0 20px}.description{font-size:16px;line-height:1.7;color:#677782;margin:0 0 33px}.collection-list{margin-top:24px;border-top:1px solid var(--line)}.collection-link{display:flex;justify-content:space-between;align-items:center;text-align:left;width:100%;background:none;border-bottom:1px solid var(--line);padding:21px 0;font-size:15px}.collection-link span{color:#8b9da9;font-size:11px}.panel-note{font-size:12px;color:#71828d;line-height:1.7;margin-top:28px}.panel-bottom{padding:20px 0 24px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:10px;font-size:9px;letter-spacing:.12em;color:#81909a}.back-button{background:none;padding:0;margin:0 0 30px;color:#647f92;font-size:12px}.meta{display:grid;grid-template-columns:70px 1fr;gap:12px;font-size:13px;line-height:1.6;margin-bottom:30px}.meta dt{color:#7b8b96}.meta dd{margin:0}details{border-top:1px solid var(--line)}details:last-of-type{border-bottom:1px solid var(--line)}summary{list-style:none;cursor:pointer;padding:21px 22px 21px 0;font-size:14px;position:relative}summary::-webkit-details-marker{display:none}summary:after{content:'+';position:absolute;right:2px;font-weight:300;font-size:19px;top:17px}details[open] summary:after{content:'−'}details p{font-size:15px;line-height:1.75;color:#637582;margin:0 0 23px}#close{display:none}.backdrop{display:none}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.stage.entering{animation:arrive .45s ease both}@keyframes arrive{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(min-width:1550px){.gallery{grid-template-columns:230px 1fr}.rail{padding-left:45px}.nav-item.active:before{left:-45px}.stage-wrap{padding-right:55px}.inspector{padding:0 50px}.artifact{width:40%}.tile{width:210px}}@media(max-width:1100px) and (min-width:761px){.gallery{grid-template-columns:145px 1fr}.rail{padding-left:20px}.nav-item{font-size:12px;gap:8px}.nav-item.active:before{left:-20px}.stage-wrap{padding-left:10px;padding-right:20px}.inspector{padding:0 24px}.stage-footer>span{max-width:105px;line-height:1.7}.tile{width:125px}.artifact-label{font-size:12px}.micro{font-size:10px}.panel-content h2{font-size:29px}}@media(max-width:760px){.masthead{height:78px;padding:0 22px}.edition{display:none}.identity{font-size:12px}.identity span{font-size:11px}.prototype{font-size:10px;padding:6px 9px}.museum{display:block;height:calc(100svh - 78px);min-height:620px}.gallery{display:flex;flex-direction:column;height:100%}.rail{padding:0;display:block;border-bottom:1px solid var(--line)}.rail-label,.rail-foot{display:none}#nav-items{display:flex;overflow-x:auto;scrollbar-width:none;padding:0 15px}.nav-item{flex-shrink:0;width:145px;padding:17px 10px;font-size:12px;gap:9px;align-items:center;min-height:73px}.nav-item .num{padding:0}.nav-item.active:before{left:10px;right:10px;bottom:0;top:auto;width:auto;height:2px}.stage-wrap{padding:28px 25px 18px;flex:1;min-height:0}.room-heading h1{font-size:37px;max-width:300px;margin-top:10px}.stage{min-height:335px}.tile{width:140px}.artifact{top:13%;left:0}.artifact:nth-child(2){top:30%;left:53%}.artifact:nth-child(3){top:62%;left:17%}.artifact-label{font-size:13px}.tile-number{font-size:45px}.stage-footer{padding-top:14px}.inspector{position:fixed;bottom:0;left:0;right:0;max-height:83svh;transform:translateY(105%);transition:transform .3s ease;border-radius:25px 25px 0 0;padding:0 26px;box-shadow:0 -15px 70px #35475926;background:#f7f9fa;z-index:20}.inspector.open{transform:translateY(0)}.panel-top{padding:23px 0 18px}.panel-content{padding:24px 0;flex:auto}.panel-content h2{font-size:32px}.panel-bottom{padding:18px 0}#close{display:block;background:none;font-size:27px;line-height:1;margin-left:auto}.panel-index{display:none}.backdrop.open{display:block;position:fixed;inset:0;background:#32445240;z-index:19;backdrop-filter:blur(3px)}.description{margin-bottom:24px}.rail .nav-item.active{font-weight:600}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}@media(max-height:720px) and (min-width:761px){.masthead{height:75px}.museum{height:calc(100svh - 75px);min-height:560px}.rail,.stage-wrap{padding-top:30px}.panel-top{padding-top:30px}.rail-label{margin-bottom:23px}.nav-item{padding-top:15px;padding-bottom:15px}}
/* Pearl-white gallery and illuminated exhibit bases. */
:root{background:#f1f2f2}
.masthead{background:linear-gradient(110deg,#fcfcfa,#eef1f3)}
.gallery{background:radial-gradient(ellipse at 45% 28%,#ffffff 0%,transparent 62%),radial-gradient(ellipse at 72% 87%,#dde5eb 0%,transparent 65%),linear-gradient(140deg,#f6f6f3,#edf0f2)}
.inspector{background:linear-gradient(140deg,#fffffff5,#f2f3f2ed)}
.tile,.artifact:nth-child(2) .tile,.artifact:nth-child(3) .tile{position:relative;isolation:isolate;background:linear-gradient(125deg,#ffffff,#e9eef1);border-color:#fff;box-shadow:-7px 9px 0 #ccd6dd,-8px 13px 0 #fffdf3,-9px 17px 10px #fff9e6e6,-12px 22px 28px #fffdf2d9,-16px 32px 28px #687e9433,inset 0 0 22px #fff}
.tile:after{content:"";position:absolute;inset:4px -5px -10px;border-radius:inherit;z-index:-1;box-shadow:-4px 12px 20px #fffbedc9,-8px 20px 38px #ffffffa6;pointer-events:none}
.artifact:hover .tile,.artifact.selected .tile{box-shadow:-7px 9px 0 #c8d5df,-8px 14px 0 #fffef7,-10px 20px 13px #fff8dfff,-13px 29px 34px #fffdf3f0,-17px 39px 30px #657c9438,inset 0 0 22px #fff}
@media(min-width:761px){.rail{position:relative;justify-content:center;padding-top:0;padding-bottom:0}.rail-label{position:absolute;top:49px;margin:0}.rail-foot{position:absolute;bottom:32px;margin:0;padding:0}.nav-item{padding-top:21px;padding-bottom:21px}}
@media(max-height:720px) and (min-width:761px){.rail-label{top:30px}.nav-item{padding-top:17px;padding-bottom:17px}}
@media(max-width:760px){.inspector{background:#f8f9f8}}

@media(min-width:761px){.nav-item{padding-top:17px;padding-bottom:17px}}
@media(max-height:720px) and (min-width:761px){.nav-item{padding-top:13px;padding-bottom:13px}}
.stage.single-exhibit{display:flex;align-items:center;justify-content:center;min-height:0}
.single-exhibit .ascent-artifact{position:relative;inset:auto;width:100%;height:100%;max-height:680px;justify-content:center;gap:0}
.ascent-image{position:relative;display:flex;align-items:center;justify-content:center;width:100%;min-height:0;flex:0 1 auto;max-height:calc(100% - 55px);isolation:isolate}
.ascent-image:after{content:"";position:absolute;bottom:13%;left:20%;right:20%;height:12%;border-radius:50%;background:#fffdf1;filter:blur(16px);box-shadow:0 0 35px 12px #fffdf7;z-index:-1;opacity:.85}
.ascent-image img{display:block;width:100%;height:100%;max-height:560px;object-fit:contain;transition:transform .35s,filter .35s;filter:drop-shadow(0 16px 12px #48607825)}
.ascent-artifact:hover img,.ascent-artifact.selected img{transform:translateY(-7px);filter:drop-shadow(0 21px 16px #48607838)}
.ascent-artifact.selected .artifact-label{color:#36769d}.ascent-artifact .artifact-label{font-size:16px;margin-top:5px}.ascent-artifact .artifact-type{font-size:10px;letter-spacing:.1em}
@media(max-width:760px){.stage.single-exhibit{min-height:335px}.ascent-image img{max-height:440px}.ascent-artifact .artifact-type{font-size:9px}}
/* Reserve the footer row; exhibit size must not determine gallery height. */
.gallery{min-height:0;grid-template-rows:minmax(0,1fr)}
.stage-wrap{min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto}
.room-heading,.stage-footer{flex-shrink:0}
.stage.single-exhibit{min-height:0;height:auto;overflow:hidden}
.single-exhibit .ascent-artifact{position:absolute;inset:12px 0;width:100%;height:auto;max-height:none}
.ascent-image{height:100%;max-height:100%;flex:none}
.ascent-image img{height:100%;width:100%;max-height:560px;object-fit:contain}
@media(max-width:760px){.stage-wrap{flex:1}.stage.single-exhibit{min-height:0}.ascent-image img{max-height:440px}}
.single-exhibit .ascent-artifact{display:grid;grid-template-rows:minmax(0,1fr) auto auto;justify-items:center;row-gap:5px}
.single-exhibit .ascent-image{width:100%;height:100%;min-height:0;max-height:100%}
.single-exhibit .artifact-label,.single-exhibit .artifact-type{margin:0}
/* Desktop proportions inspired by the more spacious 90% browser view. */
@media(min-width:761px){
.masthead{height:90px;padding-inline:3%}
.museum{height:calc(100svh - 90px);min-height:530px}
.gallery{grid-template-columns:172px minmax(0,1fr)}
.rail{padding-left:27px}.rail-label{top:44px}.rail-foot{bottom:29px}
.nav-item{padding-block:15px;gap:12px}.nav-item.active:before{left:-27px}
.stage-wrap{padding:43px 31px 21px 16px}
.room-heading h1{font-size:clamp(27px,2.84vw,44px);margin-top:12px;max-width:470px}
.inspector{padding-inline:32px}.panel-top{padding:44px 0 24px}
.panel-content{padding:33px 0 27px}.panel-content h2{font-size:clamp(26px,2.43vw,36px);margin:14px 0 18px}
.description{margin-bottom:30px}.collection-list{margin-top:22px}.collection-link{padding-block:19px}
summary{padding-top:19px;padding-bottom:19px}.panel-bottom{padding:18px 0 22px}
.stage-footer{padding-top:20px}.tile{width:clamp(105px,11.7vw,171px)}
.tile-number{font-size:clamp(32px,4.5vw,58px)}
.single-exhibit .ascent-image{width:90%;height:90%;align-self:center}
.ascent-image img{max-height:504px}
}
@media(min-width:1550px){.gallery{grid-template-columns:207px minmax(0,1fr)}.rail{padding-left:40px}.nav-item.active:before{left:-40px}.stage-wrap{padding-right:50px}.inspector{padding-inline:45px}.tile{width:189px}}
@media(max-width:1100px) and (min-width:761px){.gallery{grid-template-columns:140px minmax(0,1fr)}.rail{padding-left:20px}.nav-item.active:before{left:-20px}.stage-wrap{padding-left:9px;padding-right:18px}.inspector{padding-inline:22px}.tile{width:113px}.panel-content h2{font-size:27px}}
@media(max-height:720px) and (min-width:761px){.masthead{height:68px}.museum{height:calc(100svh - 68px);min-height:504px}.stage-wrap{padding-top:27px}.rail-label{top:27px}.panel-top{padding-top:27px}.nav-item{padding-block:11px}.stage{min-height:0}}
@media(min-width:761px){.single-exhibit .ascent-image{width:100%;height:100%}.ascent-image img{max-height:560px}}
/* Match the visual footprint despite N-Dream's larger transparent margins. */
.ascent-image img[src="assets/n-dream.png"]{transform:scale(1.2)}
.ascent-artifact:hover img[src="assets/n-dream.png"],.ascent-artifact.selected img[src="assets/n-dream.png"]{transform:translateY(-7px) scale(1.2)}
.ascent-image img[src="assets/mental-economy.png"]{transform:scale(1.2)}
.ascent-artifact:hover img[src="assets/mental-economy.png"],.ascent-artifact.selected img[src="assets/mental-economy.png"]{transform:translateY(-7px) scale(1.2)}

/* Source for the MET space mission context. */
.mission-source{display:block;width:fit-content;margin-top:16px;text-decoration:underline;text-underline-offset:4px;font-size:14px;color:#487ea4}