/* ECHOES — independent, offline-first NASA storytelling prototype */
:root{--bg:#070d18;--bg2:#0d1525;--panel:#101b2b;--panel2:#121e2e;--line:rgba(194,212,228,.13);--line2:rgba(194,212,228,.25);--text:#f7f5f0;--muted:#a1b0c0;--subtle:#6f8195;--orange:#e9a476;--orange2:#f2c398;--blue:#90b6e9;--green:#9fd5b8;--max:1240px;--radius:17px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased;min-width:320px}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}p{line-height:1.75}h1,h2,h3,h4,p{margin-top:0}::selection{background:#b86d4d;color:white}:focus-visible{outline:2px solid var(--orange);outline-offset:4px}.wrap{width:min(calc(100% - 92px),var(--max));margin-inline:auto}.visually-hidden{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;top:-100px;left:30px;z-index:110;background:#fff;color:#111;padding:10px 15px}.skip-link:focus{top:10px}.grain{pointer-events:none;position:fixed;inset:0;z-index:80;opacity:.055;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.89' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)' opacity='.65'/%3E%3C/svg%3E")}.page{display:none}.page.active{display:block;animation:appear .25s ease-out}@keyframes appear{from{opacity:.7;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
/* Nav */
.site-header{position:fixed;z-index:40;top:0;left:0;right:0;border-bottom:1px solid rgba(255,255,255,.11);background:rgba(6,12,23,.84);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}.nav-shell{height:80px;display:flex;align-items:center;justify-content:space-between;gap:25px}.wordmark{display:inline-flex;align-items:center;gap:12px;font-size:22px;font-weight:850;letter-spacing:.16em;white-space:nowrap}.wordmark-dot,.footer-brand span{color:var(--orange)}.brand-icon{width:35px;height:35px;border:2px solid #f5c090;border-radius:50%;display:grid;place-items:center;position:relative}.brand-icon i{display:block;width:24px;height:24px;border:1px solid rgba(241,185,128,.65);border-radius:50%;position:absolute}.brand-icon i:last-child{width:10px;height:10px;background:#f5c090;border:0}.desktop-nav{display:flex;align-items:center;gap:33px}.desktop-nav a{font-size:12px;letter-spacing:.09em;text-transform:uppercase;color:#abb7c7;transition:color .2s;white-space:nowrap;font-weight:650}.desktop-nav a:hover,.desktop-nav a.active{color:#fff}.desktop-nav a.active{position:relative}.desktop-nav a.active:after{content:"";position:absolute;left:0;right:0;bottom:-31px;background:var(--orange);height:2px}.nav-actions{display:flex;align-items:center;gap:15px}.signal-pill{font-size:10px;letter-spacing:.13em;color:#bbc7cb;white-space:nowrap;display:inline-flex;align-items:center;gap:10px}.signal-pulse,.dot-live{display:inline-block;width:7px;height:7px;background:#a8ddbd;border-radius:50%;box-shadow:0 0 0 4px rgba(141,223,178,.1),0 0 15px rgba(141,223,178,.45)}.icon-btn{border:1px solid var(--line2);color:white;background:#182234;padding:10px 12px;border-radius:8px}.mobile-menu-toggle{display:none}.mobile-nav{padding:15px 24px 24px;background:#0b1423;border-top:1px solid var(--line)}.mobile-nav a{display:block;padding:12px;border-bottom:1px solid var(--line);font-size:14px}.mobile-nav[hidden]{display:none!important}
/* shared */
.section-pad{padding-block:110px}.section-eyebrow,.overline,.story-mini-overline{font-size:11px;letter-spacing:.23em;color:var(--orange);font-weight:750;text-transform:uppercase}.section-eyebrow{margin-bottom:24px}.section-heading-row{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:44px}.section-heading-row h2,.featured-copy h2,.closing-inner h2,.lab-copy h2,.source-hero h2{font-size:clamp(38px,4vw,65px);letter-spacing:-.055em;line-height:1.13;font-weight:660;margin:0}.section-heading-row p{max-width:330px;color:var(--muted);margin:0}.gradient-text{color:#e1a77f}em{font-family:Georgia,'Times New Roman',serif;font-weight:400;color:var(--orange2)}.btn{min-height:49px;padding:0 22px;display:inline-flex;justify-content:space-between;align-items:center;gap:35px;border-radius:6px;font-size:13px;font-weight:760;letter-spacing:.02em;border:1px solid transparent;transition:transform .18s,background .18s,border-color .18s;max-width:100%}.btn:hover{transform:translateY(-2px)}.btn-primary{color:#1e2025;background:#f4bb8b}.btn-primary:hover{background:#ffd1a7}.btn-outline{background:rgba(17,29,44,.63);border-color:rgba(233,218,196,.32);color:#f4efe8}.btn-outline:hover{border-color:var(--orange2)}.text-link{display:inline-flex;gap:20px;align-items:center;border-bottom:1px solid var(--orange);color:#f6c398;font-size:13px;font-weight:750;padding-bottom:9px}.text-link:hover{color:white}.tag{display:inline-flex;align-items:center;border:1px solid rgba(234,165,115,.32);color:#f1b88f;font-weight:750;font-size:10px;letter-spacing:.13em;padding:9px 12px;border-radius:2px;max-width:max-content}.tag-blue{border-color:rgba(144,182,233,.35);color:#a5c8f0}.tag-orange{border-color:rgba(234,165,115,.38);color:#f3b288}
/* home hero */
.hero{height:min(850px,100svh);min-height:735px;position:relative;overflow:hidden;background:#101522}.hero-art,.hero-overlay,.hero-stars{position:absolute;inset:0}.hero-art{background-image:url('https://d2pn8kiwq2w21t.cloudfront.net/original_images/jpegPIA22313.jpg');background-position:center 58%;background-size:cover;transform:scale(1.02)}.hero-overlay{background:linear-gradient(90deg,rgba(4,9,19,.97) 3%,rgba(4,9,19,.82) 28%,rgba(5,9,19,.46) 62%,rgba(5,9,19,.2) 100%),linear-gradient(0deg,#08101b 0%,transparent 36%,rgba(6,9,20,.1) 80%)}.hero-stars{background-image:radial-gradient(1px 1px at 10% 25%,#fff 70%,transparent),radial-gradient(2px 2px at 37% 11%,#fff 70%,transparent),radial-gradient(1px 1px at 73% 20%,#fff 70%,transparent),radial-gradient(1px 1px at 52% 33%,#fff 70%,transparent);opacity:.3;animation:starglow 7s ease-in-out infinite alternate}@keyframes starglow{to{opacity:.65}}.hero-content{position:relative;z-index:2;padding-top:190px}.overline{display:flex;gap:15px;align-items:center;color:#f1c39b;font-size:10px}.line-accent{width:28px;height:1px;background:#f2b98d}.overline-star{color:white;opacity:.5}.hero h1{font-size:clamp(60px,6.8vw,111px);line-height:.99;letter-spacing:-.075em;margin:28px 0 29px;font-weight:820;max-width:850px}.hero h1 em{font-size:.96em;letter-spacing:-.07em}.hero-description{font-size:16px;max-width:520px;color:#bdc9d5;line-height:1.8}.hero-cta{display:flex;gap:13px;flex-wrap:wrap;margin:30px 0 46px}.hero-bottom-meta{display:flex;align-items:center;gap:20px;color:#a9b5c2;font-size:12px;letter-spacing:.02em}.hero-bottom-meta strong{color:white;font-size:17px;margin-right:5px}.meta-separator{height:23px;width:1px;background:var(--line2)}.hero-side-caption{position:absolute;right:26px;bottom:145px;z-index:2;font-size:10px;color:rgba(255,255,255,.45);writing-mode:vertical-rl;letter-spacing:.2em}.scroll-hint{position:absolute;left:50%;transform:translateX(-50%);bottom:23px;z-index:3;display:flex;align-items:center;gap:13px;flex-direction:column;font-size:9px;letter-spacing:.21em;color:#acb6c3}.scroll-line{display:block;width:1px;height:32px;background:linear-gradient(#d4b798,transparent)}
.world-cards{display:grid;grid-template-columns:1fr 1fr;gap:22px}.world-card{min-height:430px;border:1px solid var(--line2);border-radius:var(--radius);overflow:hidden;position:relative;display:block;isolation:isolate}.world-card:focus-visible{outline-offset:5px}.world-card-image{position:absolute;inset:0;background-position:center;background-size:cover;transition:transform .5s}.mars-card .world-card-image{background-image:url('https://d2pn8kiwq2w21t.cloudfront.net/original_images/jpegPIA22313.jpg')}.moon-card .world-card-image{background-image:url('https://assets.science.nasa.gov/dynamicimage/assets/science/psd/lunar-science/2023/08/apollo15_rover_1200.jpg')}.world-card:hover .world-card-image{transform:scale(1.06)}.world-card:after{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(180deg,rgba(3,9,17,.2),transparent 28%,rgba(3,9,17,.95))}.world-index,.world-card-info{position:absolute;z-index:2}.world-index{top:29px;left:30px;font-size:10px;letter-spacing:.16em;color:#e7ddd0}.world-card-info{left:30px;bottom:29px;right:28px}.world-kicker{color:#d8bbb1;letter-spacing:.15em;font-size:10px;font-weight:700}.world-card h3{font-size:clamp(39px,4vw,64px);line-height:1;margin:11px 0 13px;letter-spacing:-.06em;display:flex;align-items:center;justify-content:space-between}.world-card p{color:#c5c9cf;max-width:380px;font-size:13px;line-height:1.6;margin:0}.arrow-circle{width:43px;height:43px;display:grid;place-items:center;border:1px solid #d5bbb0;border-radius:50%;font-size:20px;letter-spacing:0;transition:background .2s}.world-card:hover .arrow-circle{background:#e5aa7c;color:#171719}
.featured-section{background:radial-gradient(ellipse at 25% 50%,rgba(110,62,53,.17),transparent 65%),#0c1422;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.featured-grid{display:grid;grid-template-columns:1fr 1.12fr;align-items:center;gap:70px;padding-block:110px}.featured-copy h2{margin:25px 0}.featured-copy>p{color:var(--muted);max-width:500px;line-height:1.85}.featured-copy .text-link{margin-top:19px}.featured-visual{border:1px solid #394250;border-radius:14px;overflow:hidden;box-shadow:0 30px 80px rgba(0,0,0,.24);position:relative}.featured-visual img{width:100%;aspect-ratio:1.13;object-fit:cover}.image-caption{position:absolute;bottom:17px;left:18px;right:18px;border:1px solid rgba(255,255,255,.2);background:rgba(7,11,23,.73);backdrop-filter:blur(12px);border-radius:4px;font-size:10px;letter-spacing:.1em;color:#e5e7e9;display:flex;gap:10px;align-items:center;padding:12px}.compare-mini{display:flex;align-items:center;gap:30px;margin-top:55px}.compare-mini>div{display:flex;flex-direction:column;gap:5px}.compare-mini strong{font-size:49px;line-height:1;font-weight:750;letter-spacing:-.06em}.compare-mini div:last-child strong{color:var(--orange)}.compare-mini small{font-size:9px;letter-spacing:.17em;color:var(--muted)}.compare-line{height:43px;width:1px;background:var(--line2)}.feature-list{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);margin-top:60px}.feature-list article{padding:31px 30px 15px 0;border-right:1px solid var(--line);margin-right:30px}.feature-list article:last-child{border-right:0;margin-right:0}.feature-symbol{display:flex;justify-content:space-between;align-items:center;color:var(--orange);font-size:12px;letter-spacing:.1em}.feature-symbol span{color:#b8bac2;font-size:30px}.feature-list h3{font-size:22px;letter-spacing:-.04em;margin:33px 0 9px}.feature-list p{font-size:13px;color:var(--muted);line-height:1.8}.closing-cta{background:linear-gradient(100deg,rgba(9,16,29,.93),rgba(9,16,29,.67)),url('https://assets.science.nasa.gov/dynamicimage/assets/science/psd/lunar-science/2023/08/apollo15_rover_1200.jpg') center 55% / cover;border-top:1px solid var(--line)}.closing-inner{min-height:445px;padding-block:95px}.closing-inner h2{margin:28px 0 32px}
/* inner pages */
.inner-page{padding-top:150px;min-height:calc(100vh - 300px)}.page-intro{max-width:800px;margin-bottom:48px}.page-intro h1{font-size:clamp(46px,6.4vw,88px);line-height:1.05;letter-spacing:-.065em;margin:16px 0 22px;font-weight:700}.page-intro p{max-width:630px;color:var(--muted);font-size:15px}.atlas-world-toggle{display:flex;gap:10px;margin-bottom:26px}.world-toggle{padding:16px 21px;display:flex;align-items:center;gap:12px;border:1px solid var(--line2);background:var(--bg2);border-radius:8px;color:#aab5c1;font-size:12px;letter-spacing:.12em;font-weight:750}.world-toggle.active{background:#1b2838;border-color:#d7a276;color:#fff}.toggle-count{opacity:.6;margin-left:10px}.planet-bullet{width:13px;height:13px;display:inline-block;border-radius:50%}.mars-bullet{background:linear-gradient(135deg,#f0b98a,#7e392c)}.moon-bullet{background:linear-gradient(135deg,#eff1ee,#54677e)}.atlas-shell{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(285px,.76fr);border:1px solid var(--line2);border-radius:16px;overflow:hidden;background:#0b1423;min-height:670px}.atlas-left{min-height:670px;position:relative;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 50%,#18283c 2%,#090f1b 64%);border-right:1px solid var(--line);overflow:hidden}.atlas-data-line,.atlas-coordinates{position:absolute;left:30px;right:30px;z-index:4;display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:10px;letter-spacing:.12em;color:#93a6bb}.atlas-data-line{top:30px}.atlas-data-line strong{color:#f0b689}.atlas-data-line span:last-child{display:flex;align-items:center;gap:9px}.atlas-coordinates{bottom:27px;font-size:9px}.atlas-orbit{height:575px;width:min(98%,625px);position:relative;display:grid;place-items:center}.orbit-ring{position:absolute;border:1px dashed rgba(200,220,240,.1);border-radius:50%;pointer-events:none}.orbit-ring1{width:89%;aspect-ratio:1}.orbit-ring2{width:100%;aspect-ratio:1}.atlas-planet{position:relative;width:83%;filter:drop-shadow(0 0 24px rgba(149,110,99,.2));animation:floatPlanet 9s ease-in-out infinite alternate}@keyframes floatPlanet{to{transform:translateY(-9px)}}.atlas-markers{position:absolute;inset:0}.atlas-marker{position:absolute;width:25px;height:25px;border-radius:50%;background:transparent;border:0;display:grid;place-items:center;transform:translate(-50%,-50%);z-index:3}.atlas-marker:before{content:"";width:9px;height:9px;background:#f7d0a1;box-shadow:0 0 0 4px rgba(255,204,153,.26),0 0 0 10px rgba(255,204,153,.07),0 0 20px #ffb77e;border-radius:50%;transition:transform .18s}.atlas-marker:hover:before,.atlas-marker.selected:before{transform:scale(1.6);background:white}.atlas-marker:focus-visible{outline:2px solid white}.atlas-crosshair{position:absolute;left:50%;top:50%;font-size:23px;opacity:.3;font-weight:200;pointer-events:none}.atlas-right{display:flex;flex-direction:column;min-height:500px;background:#0e1828}.atlas-panel-title{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:31px 25px 20px;font-size:11px;letter-spacing:.16em;color:#e9ba96;font-weight:760;border-bottom:1px solid var(--line)}.atlas-panel-title span:last-child{color:#a4b2c1;font-size:10px}.atlas-list{padding:7px 14px 14px;flex:1;max-height:540px;overflow:auto;scrollbar-width:thin;scrollbar-color:#3c5061 transparent}.atlas-item{border:0;border-bottom:1px solid rgba(255,255,255,.07);background:transparent;color:#eaeef1;width:100%;text-align:left;display:flex;align-items:center;gap:14px;padding:16px 11px;transition:background .2s}.atlas-item:hover,.atlas-item:focus-visible{background:#1a293a}.atlas-item .atlas-num{font-size:10px;color:#ce9e7b;min-width:24px}.atlas-item-body{display:flex;flex-direction:column;gap:4px;flex:1}.atlas-item-body strong{font-size:14px;font-weight:670}.atlas-item-body small{font-size:11px;color:#95a5b7}.atlas-item-arrow{color:#dfb18a;font-size:18px}.atlas-help{padding:19px 24px;border-top:1px solid var(--line);font-size:11px;color:#95a5b7;line-height:1.75;display:flex;gap:11px}.atlas-help span{color:var(--orange);font-size:16px}.atlas-bottom{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:23px 0 100px}.atlas-bottom p{max-width:670px;font-size:11px;color:var(--subtle);margin:0}
/* archive */
.archive-tools{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;border-bottom:1px solid var(--line);padding-bottom:20px}.filter-tabs{display:flex;gap:9px;flex-wrap:wrap}.filter-tab{background:#101a29;border:1px solid var(--line2);border-radius:6px;color:#aab7c5;font-size:11px;letter-spacing:.12em;font-weight:750;padding:13px 17px}.filter-tab span{color:#7f91a5;margin-left:8px}.filter-tab.active{background:#f2bb8f;color:#1d2632;border-color:transparent}.filter-tab.active span{color:#625649}.filter-right{display:flex;gap:10px}.search-field,.sort-field{display:flex;align-items:center;border:1px solid var(--line2);border-radius:6px;background:#0e1929;color:#9db0c0}.search-field{gap:12px;padding-left:13px}.search-field>span{font-size:23px;line-height:0}.search-field input,.sort-field select{border:0;outline:0;background:transparent;color:white;min-height:42px;font-size:12px;padding:10px}.search-field input{width:205px}.search-field input::placeholder{color:#728599}.sort-field select{color:#c8d2dc;padding-inline:12px;cursor:pointer}.sort-field option{background:#142136}.archive-result-line{padding:21px 0;display:flex;align-items:center;justify-content:space-between;gap:15px;color:#8ea0b3;font-size:10px;letter-spacing:.12em}.archive-result-line span:last-child{color:#697d92}.mission-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px;padding-bottom:108px}.mission-card{border:1px solid var(--line);background:linear-gradient(180deg,#101b2a,#0a1422);border-radius:12px;overflow:hidden;transition:transform .2s,border-color .2s;position:relative}.mission-card:hover{transform:translateY(-5px);border-color:rgba(240,185,137,.55)}.mission-card .card-image-button{display:block;width:100%;border:0;background:none;padding:0;position:relative;overflow:hidden}.mission-card img{width:100%;height:212px;object-fit:cover;transition:transform .5s}.mission-card:hover img{transform:scale(1.05)}.card-image-button:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(8,16,28,.35),transparent 40%);pointer-events:none}.card-world{position:absolute;left:16px;top:16px;z-index:1;background:rgba(7,14,25,.76);border:1px solid rgba(255,255,255,.25);backdrop-filter:blur(10px);font-size:10px;letter-spacing:.12em;padding:7px 10px;border-radius:3px}.card-top-right{position:absolute;right:16px;top:17px;z-index:1;font-size:11px;background:rgba(4,10,20,.65);padding:7px 10px;border-radius:3px;color:#e5e8ee}.mission-card-body{padding:22px 22px 24px}.card-topline{display:flex;justify-content:space-between;gap:8px;color:#d5a27d;font-size:10px;letter-spacing:.12em;font-weight:750}.card-topline span:last-child{color:#a5b5c6}.mission-card h3{font-size:25px;letter-spacing:-.04em;margin:11px 0 8px;line-height:1.15}.mission-card p{color:#a9b8c6;font-size:12px;line-height:1.75;min-height:63px;margin-bottom:17px}.card-location{font-size:11px;color:#c8ced5;display:flex;gap:9px;align-items:center}.card-location span{color:var(--orange)}.card-btn{width:100%;display:flex;justify-content:space-between;align-items:center;background:transparent;border:0;border-top:1px solid var(--line);padding:16px 22px;color:#f4bd92;font-size:12px;font-weight:750;text-align:left}.card-btn:hover{background:rgba(240,183,130,.06)}.card-complete{color:var(--green);font-size:10px;margin-left:10px}.empty-state{text-align:center;padding:80px 20px 130px}.empty-state h3{font-size:28px}.empty-state p{color:var(--muted)}.empty-state .btn{margin-top:12px}
/* lab */
.lab-card{border:1px solid var(--line2);border-radius:16px;display:grid;grid-template-columns:1fr .97fr;overflow:hidden;margin-bottom:28px;background:#0e1827}.lab-copy{padding:51px 48px}.lab-copy h2{font-size:clamp(34px,3.6vw,56px);margin:23px 0}.lab-copy>p{color:var(--muted);font-size:13px;line-height:1.8}.flight-stats{display:flex;gap:30px;margin:26px 0 34px}.flight-stats>div{flex:1}.flight-stats small{display:block;font-size:10px;color:#98a7b9;letter-spacing:.11em;margin-bottom:8px}.flight-stats strong{font-size:45px;letter-spacing:-.06em}.flight-stats strong span{font-size:14px;letter-spacing:0;color:#aab6c4}.flight-stats>div:last-child strong{color:var(--orange)}.slider-label,.flight-bar-labels{display:flex;justify-content:space-between;align-items:center;gap:10px}.slider-label{font-size:10px;letter-spacing:.13em;color:#adb9c5;font-weight:750}.slider-label strong{font-size:16px;color:#f5c18e;letter-spacing:0}.lab-card input[type=range]{width:100%;accent-color:#efb07f;margin:18px 0 6px;cursor:pointer}.flight-bar-labels{font-size:9px;letter-spacing:.1em;color:#718396}.lab-insight{border-left:2px solid var(--orange);padding:10px 16px;background:rgba(231,159,108,.055);margin:25px 0;color:#c8d2db!important;font-size:12px!important}.lab-visual{background:radial-gradient(ellipse at center,#222d41,#101a29 68%);border-left:1px solid var(--line);display:flex;flex-direction:column;justify-content:space-between;min-height:490px}.flight-stage{position:relative;flex:1;min-height:380px;overflow:hidden;background:radial-gradient(ellipse at 50% 50%,rgba(233,153,88,.11),transparent 60%)}.flight-orbit{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border:1px dashed rgba(246,205,156,.16);border-radius:50%}.orbit-a{width:58%;aspect-ratio:1}.orbit-b{width:83%;aspect-ratio:1}.heli-flying{position:absolute;top:25%;left:40%;font-size:68px;color:#f4c192;filter:drop-shadow(0 0 20px rgba(244,179,110,.5));transition:transform .25s}.flight-ground{position:absolute;bottom:0;left:0;right:0;height:37%;background:linear-gradient(0deg,#5f372e,#5f372e00);clip-path:polygon(0 60%,20% 45%,36% 63%,58% 34%,79% 47%,100% 21%,100% 100%,0 100%)}.flight-stage-label,.flight-stage-small{position:absolute;left:25px;color:#aab7c6;font-size:9px;letter-spacing:.13em}.flight-stage-label{top:22px}.flight-stage-small{right:25px;bottom:35px;text-align:right}.flight-huge{position:absolute;bottom:48px;left:20px;font-size:110px;font-weight:800;letter-spacing:-.1em;line-height:1;color:#f0c4a3;opacity:.8}.progress-compare{padding:22px 24px 28px;background:#111d2d}.progress-top{display:flex;align-items:center;gap:19px;margin-bottom:14px}.progress-top:last-child{margin-bottom:0}.progress-top span{width:100px;font-size:10px;letter-spacing:.1em;color:#b1c0cd;display:flex;justify-content:space-between}.progress-top b{color:#fff}.bar-track{height:8px;background:#28364a;border-radius:99px;overflow:hidden;flex:1}.bar-fill{height:100%;border-radius:99px;transition:width .25s}.bar-fill.plan{background:#91a6ba}.bar-fill.actual{background:linear-gradient(90deg,#db8762,#f8c390)}.bar-fill.sunlight{background:linear-gradient(90deg,#6c9ec4,#b9dded)}.dust-meter{display:flex;justify-content:space-between;gap:15px;color:#aabac7;font-size:10px;letter-spacing:.12em;margin:27px 0 10px}.dust-meter strong{color:#b9dcf2;font-size:18px}.dust-view{height:100%;min-height:410px;position:relative;overflow:hidden;background:linear-gradient(180deg,#253b58,#a26351 76%,#5e3935)}.dust-sun{position:absolute;right:18%;top:14%;width:112px;height:112px;background:#ffe5a4;border-radius:50%;box-shadow:0 0 60px 25px rgba(252,218,143,.23);transition:opacity .3s}.dust-haze{position:absolute;inset:0;background:#8e583d;opacity:.25;transition:opacity .3s;z-index:3}.dust-land{position:absolute;bottom:0;width:100%;height:40%;background:linear-gradient(#a66b51,#3d2a35);clip-path:polygon(0 50%,20% 24%,43% 39%,68% 17%,100% 43%,100% 100%,0 100%);z-index:1}.solar-panel{position:absolute;left:30%;bottom:20%;z-index:2;transform:skewY(-7deg)}.panel-top{height:125px;width:220px;border:9px solid #c7c6b6;background:repeating-linear-gradient(90deg,transparent 0 31px,#adc4da 31px 34px),repeating-linear-gradient(0deg,#304d67 0 29px,#9bbaca 29px 32px);transform:skewY(-13deg)}.panel-stand{width:14px;height:94px;background:#bfc7be;margin:auto}.dust-view-label{position:absolute;top:25px;left:26px;z-index:4;color:#fff;font-size:10px;letter-spacing:.12em}.lab-bottom-note{padding:18px 0 90px;color:var(--subtle);font-size:12px}.lab-bottom-note a{color:#e9bc95;text-decoration:underline}
/* passport */
.passport-top{display:grid;grid-template-columns:1.05fr .95fr;gap:22px;margin-bottom:70px}.passport-progress,.passport-certificate{padding:40px;border:1px solid var(--line2);border-radius:13px;background:linear-gradient(135deg,#152235,#0c1626);min-height:335px}.passport-count{display:flex;align-items:baseline;gap:13px;margin:30px 0 23px}.passport-count strong{font-size:95px;line-height:1;letter-spacing:-.08em}.passport-count span{font-size:14px;letter-spacing:.07em;color:#a2b2c3}.passport-secondary{display:flex;gap:17px;justify-content:space-between;flex-wrap:wrap;margin-top:22px;font-size:12px;color:#a6b5c5}.passport-secondary strong{color:var(--orange);font-size:17px}.passport-certificate{position:relative;overflow:hidden;background:radial-gradient(ellipse at 100% 0,rgba(222,146,96,.2),transparent 50%),#111c2b}.certificate-icon{position:absolute;right:37px;top:26px;color:#dfa16b;font-size:44px;opacity:.85}.passport-certificate h3{font-size:26px;margin:14px 0 8px}.passport-certificate p{font-size:12px;color:var(--muted);max-width:340px}.passport-certificate input{width:100%;border:1px solid var(--line2);background:#091322;border-radius:6px;padding:14px;color:white;margin:9px 0 13px;max-width:380px}.passport-certificate .btn{width:100%;max-width:380px}.privacy-note{font-size:10px!important;color:#74889a!important;margin-top:12px!important}.passport-section-header{display:flex;align-items:end;justify-content:space-between;gap:30px;margin:0 0 26px}.passport-section-header h2{font-size:33px;letter-spacing:-.04em;margin:0}.passport-section-header p{font-size:12px;color:var(--muted);margin:0}.stamp-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:110px}.stamp{min-height:160px;border:1px solid var(--line2);border-radius:10px;background:#0d1828;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;padding:22px 13px;transition:border-color .2s}.stamp:hover{border-color:var(--orange)}.stamp .stamp-seal{height:58px;width:58px;border:2px dashed #495a6b;border-radius:50%;display:grid;place-items:center;color:#637c91;font-size:28px}.stamp.read .stamp-seal{border:2px solid #dda16f;color:#f4bf8e;transform:rotate(-7deg);background:#31291f}.stamp.solved .stamp-seal{color:#b9eac7;border-color:#79b99a}.stamp strong{font-size:13px}.stamp small{font-size:10px;color:var(--muted)}
/* sources */
.source-hero{display:flex;justify-content:space-between;align-items:center;gap:35px;background:linear-gradient(120deg,rgba(100,66,69,.24),rgba(30,52,77,.4));border:1px solid var(--line2);border-radius:13px;padding:46px;margin-bottom:25px}.source-hero h2{font-size:clamp(31px,3vw,46px)}.source-hero p{max-width:620px;color:var(--muted);font-size:13px;margin:18px 0 0}.source-hero .btn{flex-shrink:0}.source-principles{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:80px}.source-principles article{background:#101a29;border:1px solid var(--line);padding:25px;border-radius:9px}.source-principles strong{font-size:11px;color:var(--orange)}.source-principles h3{margin:17px 0 10px;font-size:19px}.source-principles p{color:var(--muted);font-size:12px;margin:0}.sources-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:13px}.source-item{padding:19px 23px;border:1px solid var(--line2);border-radius:7px;background:#101b29;display:flex;align-items:center;justify-content:space-between;gap:20px;transition:border-color .2s}.source-item:hover{border-color:#a99b8f}.source-item span{font-size:9px;letter-spacing:.1em;color:var(--orange)}.source-item strong{font-size:14px;display:block;margin:7px 0}.source-item small{font-size:11px;color:var(--muted)}.source-item i{color:var(--orange);font-style:normal;font-size:19px}.source-note{font-size:11px;color:#97a6b8;border-left:2px solid var(--orange);padding:14px 17px;margin:25px 0 100px;background:#101b29}
/* footer */
.site-footer{border-top:1px solid var(--line);background:#080f1a}.footer-top{display:flex;justify-content:space-between;gap:30px;padding-block:66px}.footer-brand{font-size:36px;letter-spacing:.14em;font-weight:850}.footer-top p{color:#8194a8;font-size:13px;line-height:1.6;margin:13px 0 0}.footer-links{display:flex;gap:110px}.footer-links>div{display:flex;flex-direction:column;gap:12px}.footer-links strong{color:#d9b39a;letter-spacing:.13em;font-size:10px;margin-bottom:7px}.footer-links a{font-size:12px;color:#a7b4c0}.footer-links a:hover{color:white}.footer-bottom{display:flex;justify-content:space-between;gap:20px;padding:22px 0 30px;border-top:1px solid var(--line);font-size:10px;color:#708397}
/* story modal */
.modal-backdrop{position:fixed;inset:0;background:rgba(2,5,11,.88);z-index:100;display:flex;align-items:center;justify-content:center;padding:22px;backdrop-filter:blur(11px)}.modal-backdrop[hidden]{display:none}.story-dialog{height:min(770px,calc(100svh - 44px));width:min(1160px,100%);background:#0f1a2a;border:1px solid #344253;box-shadow:0 35px 100px #0009;border-radius:14px;display:grid;grid-template-columns:.87fr 1.13fr;position:relative;overflow:hidden}.dialog-close{z-index:11;position:absolute;right:17px;top:16px;border:1px solid rgba(255,255,255,.26);color:white;background:rgba(4,11,22,.8);border-radius:50%;width:36px;height:36px;font-size:15px}.dialog-close:hover{background:#6c392c}.story-art-side{position:relative;overflow:hidden;background:#251e21}.story-art-side img{width:100%;height:100%;object-fit:cover;object-position:58% center}.story-art-shade{position:absolute;inset:0;background:linear-gradient(0deg,rgba(5,10,20,.95),rgba(5,10,20,0) 60%),linear-gradient(90deg,rgba(5,10,20,.25),transparent)}.story-art-label{position:absolute;left:30px;top:30px;font-size:10px;letter-spacing:.18em;color:#f1e4ce}.story-art-bottom{position:absolute;bottom:40px;left:35px;right:30px}.story-art-bottom h2{font-size:clamp(31px,3.4vw,53px);line-height:1;letter-spacing:-.06em;margin:16px 0 8px}.story-art-bottom p{font-size:13px;color:#c6c8ce;margin:0}.story-content-side{display:flex;flex-direction:column;min-height:0;overflow-y:auto;padding:48px 48px 28px;scrollbar-width:thin;scrollbar-color:#536476 transparent}.story-top-line{display:flex;justify-content:space-between;gap:15px;font-size:10px;letter-spacing:.14em;color:#a7b2bf;margin-bottom:45px;padding-right:14px}.verified{color:#94c5ab}.story-mini-overline{color:#e6aa7d}.story-content-side h3{font-family:Georgia,'Times New Roman',serif;font-size:clamp(31px,3vw,48px);letter-spacing:-.045em;font-weight:400;line-height:1.13;margin:16px 0 21px}.story-chapter-text{font-size:16px;line-height:1.95;color:#cbd4dd;max-width:600px;min-height:123px}.fiction-label{font-size:10px;line-height:1.65;color:#7f93a9;margin-bottom:27px}.story-player{display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:18px 0}.narrate-btn{border:0;color:var(--orange);display:flex;align-items:center;gap:12px;background:none;padding:4px;font-size:12px;font-weight:700}.narrate-btn span:first-child{border:1px solid rgba(240,183,137,.5);width:32px;height:32px;display:grid;place-items:center;border-radius:50%;font-size:11px}.chapter-dots{display:flex;gap:7px}.chapter-dot{width:28px;height:3px;border-radius:3px;border:0;background:#405369;padding:0}.chapter-dot.active{background:var(--orange)}.story-player>span:last-child{font-size:11px;color:#8c9caf}.story-facts{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:24px 0;border-bottom:1px solid var(--line)}.story-fact small{color:#8699ac;font-size:9px;letter-spacing:.08em;text-transform:uppercase;display:block;min-height:25px}.story-fact strong{display:block;font-size:17px;color:#f3c29a;margin-top:5px;line-height:1.3}.story-discovery{margin:22px 0 26px}.story-discovery>span{font-size:10px;letter-spacing:.15em;color:#dda57c;font-weight:700}.story-discovery p{color:#b2c1cf;font-size:12px;line-height:1.7;margin:9px 0 0}.story-bottom-actions{display:flex;justify-content:space-between;gap:13px;margin:18px 0}.story-bottom-actions .btn{min-height:43px;font-size:12px;gap:14px}.story-bottom-actions .btn:disabled{opacity:.35;cursor:default;transform:none}.story-source-line{margin-top:auto;border-top:1px solid var(--line);padding-top:21px;display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:10px;color:#8094a9;letter-spacing:.07em}.story-source-line a{color:#eeb78d;text-align:right;font-size:11px}.story-source-line a:hover{text-decoration:underline}.quiz-context{color:var(--muted);font-size:13px}.quiz-question{font-size:18px!important;font-weight:650;line-height:1.5!important;color:#f2f1ed;margin:25px 0}.quiz-options{display:grid;gap:11px}.quiz-option{background:#18283b;border:1px solid #34465a;color:#e8eef3;text-align:left;padding:17px 18px;border-radius:7px;font-size:13px;display:flex;gap:16px;align-items:center}.quiz-option span{border:1px solid rgba(255,255,255,.25);padding:5px 9px;border-radius:3px;font-size:10px;color:#f0bd90}.quiz-option:hover{border-color:var(--orange)}.quiz-option.correct{border-color:#99dab4;background:#1a3b36}.quiz-option.wrong{border-color:#d4857d;background:#422b35}.quiz-option:disabled{cursor:default}.quiz-feedback{margin:20px 0;padding:14px 15px;border-radius:6px;background:#1a342f;border:1px solid #4d8a75;font-size:12px;line-height:1.7;color:#c1ecd4}.quiz-feedback.error{background:#392932;border-color:#b26e6e;color:#f2c1c1}.toast{position:fixed;z-index:130;bottom:32px;left:50%;transform:translate(-50%,60px);background:#f1bd8e;color:#161b22;padding:14px 20px;border-radius:9px;font-size:13px;font-weight:750;box-shadow:0 15px 40px #0008;opacity:0;pointer-events:none;transition:transform .25s,opacity .25s;text-align:center;max-width:calc(100% - 40px)}.toast.show{transform:translate(-50%,0);opacity:1}
/* responsive */
@media(max-width:1150px){.desktop-nav{gap:18px}.signal-pill{display:none}.featured-grid{gap:35px}.wrap{width:min(calc(100% - 64px),var(--max))}.story-content-side{padding:43px 32px 25px}} 
@media(max-width:900px){.desktop-nav{display:none}.mobile-menu-toggle{display:flex}.nav-shell{height:70px}.hero-content{padding-top:160px}.hero{min-height:720px;height:760px}.hero h1{font-size:clamp(52px,8vw,82px)}.featured-grid,.atlas-shell,.lab-card,.passport-top{grid-template-columns:1fr}.featured-grid{padding-block:75px}.featured-visual img{aspect-ratio:1.55}.atlas-left{min-height:550px}.atlas-shell{min-height:unset}.atlas-right{min-height:unset}.atlas-list{max-height:340px}.lab-visual{border-left:0;border-top:1px solid var(--line)}.lab-card{margin-bottom:20px}.mission-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stamp-grid{grid-template-columns:repeat(3,1fr)}.story-dialog{grid-template-columns:.74fr 1.26fr}.story-art-bottom{left:22px;bottom:28px}.story-art-label{left:22px;top:25px}.story-facts{grid-template-columns:repeat(2,1fr)}.story-top-line{margin-bottom:27px}.story-chapter-text{font-size:14px;min-height:0}} 
@media(max-width:650px){.wrap{width:calc(100% - 38px)}.nav-shell{height:63px}.wordmark{font-size:18px}.brand-icon{width:30px;height:30px}.hero{min-height:720px;height:93svh;max-height:850px}.hero-art{background-position:60% center}.hero-overlay{background:linear-gradient(90deg,rgba(4,9,19,.96),rgba(4,9,19,.63)),linear-gradient(0deg,#08101b,transparent 43%)}.hero-content{padding-top:134px}.hero h1{font-size:clamp(49px,11vw,68px);letter-spacing:-.065em;margin-top:26px}.overline{font-size:9px;letter-spacing:.1em}.hero-description{font-size:14px;max-width:360px}.hero-cta{margin:26px 0 34px}.hero-cta .btn{width:100%;max-width:350px}.hero-bottom-meta{font-size:10px;gap:11px;flex-wrap:wrap}.hero-bottom-meta strong{font-size:15px}.hero-side-caption{display:none}.section-pad{padding-block:73px}.section-heading-row{display:block;margin-bottom:28px}.section-heading-row h2,.featured-copy h2,.closing-inner h2{font-size:38px}.section-heading-row p{margin-top:18px}.world-cards{grid-template-columns:1fr;gap:16px}.world-card{min-height:340px}.featured-grid{gap:28px}.featured-visual img{aspect-ratio:1.3}.compare-mini{margin-top:32px}.feature-list{grid-template-columns:1fr;margin-top:30px}.feature-list article{padding:23px 0;margin:0;border-right:0;border-bottom:1px solid var(--line)}.feature-list h3{margin:10px 0}.closing-inner{min-height:360px;padding-block:65px}.inner-page{padding-top:110px}.page-intro{margin-bottom:30px}.page-intro h1{font-size:47px}.page-intro p{font-size:13px}.atlas-world-toggle{width:100%}.world-toggle{flex:1;justify-content:center;padding:15px 10px;font-size:11px}.toggle-count{margin-left:0}.atlas-left{min-height:410px}.atlas-orbit{width:100%;height:400px}.atlas-planet{width:85%}.atlas-data-line,.atlas-coordinates{left:14px;right:14px;font-size:8px}.atlas-data-line{top:15px}.atlas-coordinates{bottom:18px}.atlas-panel-title{padding:23px}.atlas-bottom{flex-direction:column;align-items:flex-start;padding-bottom:65px}.archive-tools,.filter-right{width:100%}.filter-right{flex-direction:column}.filter-right .search-field,.filter-right .sort-field{width:100%}.search-field input{width:100%;flex:1}.sort-field select{width:100%}.archive-result-line{font-size:9px}.archive-result-line span:last-child{display:none}.mission-grid{grid-template-columns:1fr;gap:18px;padding-bottom:65px}.mission-card img{height:220px}.lab-copy{padding:30px 22px}.lab-copy h2{font-size:37px}.lab-visual{min-height:360px}.flight-stage{min-height:310px}.dust-view{min-height:350px}.flight-stats strong{font-size:36px}.passport-top{gap:15px;margin-bottom:45px}.passport-progress,.passport-certificate{padding:27px 23px;min-height:unset}.passport-count strong{font-size:78px}.passport-section-header{display:block}.passport-section-header p{margin-top:10px}.stamp-grid{grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:70px}.stamp{min-height:145px}.source-hero{padding:28px;display:block}.source-hero .btn{margin-top:22px}.source-principles,.sources-grid{grid-template-columns:1fr}.source-principles{margin-bottom:50px}.source-note{margin-bottom:70px}.footer-top{display:block;padding-block:45px}.footer-links{gap:60px;margin-top:40px}.footer-bottom{display:block;line-height:1.8}.modal-backdrop{padding:0}.story-dialog{height:100svh;width:100%;border-radius:0;border:0;display:flex;flex-direction:column;overflow-y:auto}.story-art-side{flex-shrink:0;height:250px}.story-art-side img{object-position:center 48%}.story-art-bottom{bottom:22px}.story-art-bottom h2{font-size:33px;margin:10px 0 5px}.story-art-label{font-size:9px}.story-content-side{overflow:visible;flex:1;padding:24px 22px 28px}.story-top-line{font-size:9px;margin-bottom:24px;padding-right:24px}.story-content-side h3{font-size:35px}.story-chapter-text{font-size:14px;line-height:1.8}.fiction-label{margin-bottom:15px}.story-facts{padding:17px 0}.story-fact strong{font-size:16px}.story-source-line{flex-direction:column;align-items:flex-start}.dialog-close{position:fixed;right:16px;top:16px;background:#0b1523}.story-bottom-actions{gap:9px}.story-bottom-actions .btn{padding:0 14px;font-size:11px}.toast{bottom:15px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
body.modal-open{overflow:hidden}

/* interactive chronological timeline */
.timeline-section{padding:35px 0 105px;border-top:1px solid var(--line)}.timeline-section .section-heading-row h2{font-size:clamp(36px,3.4vw,53px)}.timeline-track{position:relative;margin-top:38px}.timeline-track:before{content:"";position:absolute;top:0;bottom:0;left:111px;width:1px;background:linear-gradient(var(--orange),#33465b)}.timeline-event{display:flex;align-items:center;gap:30px;background:transparent;border:0;border-bottom:1px solid var(--line);padding:17px 14px 17px 0;width:100%;color:inherit;text-align:left;transition:background .2s}.timeline-event:hover{background:#131f30}.timeline-year{width:81px;text-align:right;font-size:23px;font-weight:740;letter-spacing:-.04em;color:#f0bd94}.timeline-dot{width:13px;height:13px;border-radius:50%;border:3px solid #e8b68e;background:#0b1423;z-index:1;flex-shrink:0;margin-left:-2px}.timeline-event-body{display:flex;flex:1;flex-direction:column;gap:5px}.timeline-event-body strong{font-size:17px}.timeline-event-body small{font-size:11px;color:#9aacbe}.timeline-event-arrow{color:#edb98b;font-size:19px}@media(max-width:650px){.timeline-section{padding:25px 0 70px}.timeline-track:before{left:80px}.timeline-event{gap:16px}.timeline-year{width:62px;font-size:18px}.timeline-event-body strong{font-size:14px}.timeline-event-body small{font-size:10px}.hero .scroll-hint{display:none}.hero-bottom-meta{max-width:335px}.hero-bottom-meta .meta-separator{height:18px}.hero-bottom-meta>span:last-child{width:100%}}
