*{box-sizing:border-box} :root{--bg:#080b13;--panel:#101522;--ink:#e9e8e2;--muted:#a3a7b1;--line:#2b3140;--gold:#d6b77a;--blue:#8fa9d6}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.7 "DM Sans",sans-serif}a{color:inherit;text-decoration:none}.header{height:82px;padding:0 6%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:4;background:#080b13}.brand{font-size:16px;letter-spacing:2.6px;font-weight:600}.brand i{font-style:normal;color:var(--gold);font-weight:400}.brand-mark{color:var(--gold);font-size:20px;margin-right:8px}.nav{display:flex;gap:34px}.nav a,.header-note{font:10px "DM Mono",monospace;letter-spacing:1.2px;text-transform:uppercase;color:var(--muted)}.nav a:hover,.nav a.active{color:var(--gold)}.header-note{font-size:9px}.menu-toggle{display:none;background:none;border:0;color:var(--ink);font:11px "DM Mono"}.hero{min-height:690px;height:calc(100vh - 82px);max-height:900px;position:relative;overflow:hidden;background:linear-gradient(90deg,rgba(5,8,16,.94) 0%,rgba(5,8,16,.72) 48%,rgba(5,8,16,.05) 100%),url("https://images.unsplash.com/photo-1462331940025-496dfbfc7564?auto=format&fit=crop&w=2200&q=90") center 48%/cover}.stars{position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(1px 1px at 20% 30%,#fff 98%,transparent),radial-gradient(1px 1px at 40% 70%,#fff 98%,transparent),radial-gradient(1px 1px at 70% 20%,#fff 98%,transparent),radial-gradient(2px 2px at 82% 60%,#fff 98%,transparent),radial-gradient(1px 1px at 60% 85%,#fff 98%,transparent);background-size:280px 220px;opacity:.42}.hero-copy{position:relative;padding:115px 12% 0;max-width:850px}.eyebrow,.meta{font:10px "DM Mono",monospace;letter-spacing:1.5px;color:var(--muted);text-transform:uppercase}.dot{display:inline-block;width:6px;height:6px;background:var(--gold);border-radius:50%;margin:0 9px 1px 0;box-shadow:0 0 10px var(--gold)}h1,h2{font-family:"Playfair Display",serif;font-weight:400;letter-spacing:-1.8px}h1{font-size:clamp(58px,8vw,108px);line-height:.98;margin:32px 0 28px}h1 em,h2 em{color:var(--gold);font-weight:400}.hero-lead{max-width:390px;color:#c0c2c9;font-size:15px;margin-bottom:36px}.line-link{display:inline-block;border-bottom:1px solid #727889;padding-bottom:9px;font:10px "DM Mono",monospace;letter-spacing:1.4px;color:var(--ink)}.line-link span{color:var(--gold);margin-left:20px}.hero-caption{position:absolute;bottom:30px;left:6%;right:6%;display:flex;justify-content:space-between;color:#c0c2c9;font:9px "DM Mono";letter-spacing:1.4px}.wrap{padding-left:12%;padding-right:12%}.manifesto{padding-top:120px;padding-bottom:120px;display:grid;grid-template-columns:1fr 2fr;gap:9%}.manifesto h2,.section-top h2,.newsletter h2,.contact-grid h2{font-size:clamp(42px,5vw,66px);line-height:1.06;margin:15px 0 26px}.manifesto-text{max-width:620px;font:21px/1.55 "Playfair Display",serif;color:#c0c2c9}.manifesto p:not(.manifesto-text){max-width:600px;color:var(--muted)}.dark-link{margin-top:16px}.feature{padding-top:85px;padding-bottom:110px;background:#ecebe5;color:#11151e}.feature .eyebrow,.feature .meta{color:#74777f}.section-top{display:flex;justify-content:space-between;align-items:end;margin-bottom:36px}.section-top h2{margin-bottom:0}.feature-photo{display:block;height:480px;position:relative;overflow:hidden}.feature-photo img{width:100%;height:100%;object-fit:cover;transition:transform .6s}.feature-photo:hover img{transform:scale(1.025)}.photo-label{position:absolute;bottom:20px;left:22px;background:rgba(8,11,19,.78);padding:8px 12px;color:#eee;font:9px "DM Mono";letter-spacing:1.4px}.feature-desc{max-width:600px;color:#666b73;margin:24px 0 0}.latest{padding:110px 0;background:#101522}.latest .section-top{margin-bottom:42px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.card img{width:100%;aspect-ratio:1.28;object-fit:cover;display:block;margin-bottom:20px;filter:saturate(.8)}.meta{font-size:9px;margin-bottom:12px}.meta span{color:var(--gold);padding:0 6px}.card h3{font:26px/1.2 "Playfair Display",serif;font-weight:400;margin:0 0 10px}.card p{color:var(--muted);font-size:13px}.card:hover img{filter:saturate(1.1)}.quote{padding:100px 20px;text-align:center;background:#d9dce2;color:#111722}.quote-symbol{font:70px "Playfair Display";color:#9b8054;line-height:.8}.quote p{font:clamp(29px,4vw,46px)/1.25 "Playfair Display",serif;margin:12px 0 24px}.quote span{font:9px "DM Mono";letter-spacing:1.5px;color:#626a77}.newsletter{padding-top:105px;padding-bottom:110px;display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center}.signup label{display:block;color:#b5b8c1;font-size:13px;margin-bottom:16px}.input-row{display:flex;border-bottom:1px solid #555d6d}.input-row input{flex:1;min-width:0;border:0;background:transparent;color:var(--ink);padding:13px 0;font:inherit;outline:none}.input-row button{border:0;background:transparent;color:var(--gold);font:10px "DM Mono";letter-spacing:1px;cursor:pointer}.signup small{display:block;color:#777f8e;font-size:10px;margin-top:12px}.footer{padding:48px 6% 28px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px;align-items:start}.footer p{font-size:12px;color:var(--muted)}.foot-links{display:flex;justify-content:flex-end;gap:24px;font:9px "DM Mono";letter-spacing:1px;text-transform:uppercase;color:var(--muted)}.footer small{grid-column:1/-1;font:9px "DM Mono";letter-spacing:1px;color:#727989;margin-top:16px}.page-hero{padding:100px 12% 75px;background:radial-gradient(ellipse at 80% 0%,#202b42 0%,transparent 45%)}.page-hero h1{font-size:clamp(60px,8vw,100px);margin:28px 0}.page-hero>p{font:21px/1.5 "Playfair Display",serif;color:#b9bdc8;max-width:620px}.wide-photo{height:520px;position:relative}.wide-photo img{width:100%;height:100%;object-fit:cover}.wide-photo span{position:absolute;bottom:20px;left:6%;font:9px "DM Mono";letter-spacing:1.4px;background:#080b13bd;padding:8px 12px}.inner{padding-top:105px;padding-bottom:90px}.values{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;padding-top:0;padding-bottom:110px}.values article{border-top:1px solid var(--line);padding-top:20px}.values b{font:9px "DM Mono";letter-spacing:1.3px;color:var(--gold)}.values h3{font:27px "Playfair Display";font-weight:400;margin:25px 0 10px}.values p{font-size:13px;color:var(--muted)}.journal-head{padding-bottom:40px}.journal-list{padding-top:20px;padding-bottom:110px}.journal-row{display:grid;grid-template-columns:210px 1fr 25px;gap:34px;align-items:center;padding:27px 0;border-top:1px solid var(--line)}.journal-row:last-child{border-bottom:1px solid var(--line)}.journal-row img{width:210px;height:140px;object-fit:cover}.journal-row h2{font-size:30px;line-height:1.15;margin:0 0 8px}.journal-row p{font-size:13px;color:var(--muted);margin:0}.journal-row>span{color:var(--gold);font-size:20px}.article{padding:90px 12% 110px}.article h1{font-size:clamp(55px,7vw,88px);margin:26px 0}.deck{font:22px/1.5 "Playfair Display";color:#b8bdc8;max-width:650px;margin-bottom:44px}.article-cover{width:100%;max-height:570px;object-fit:cover}.article-body{max-width:670px;margin:65px auto 0}.article-body p{font-size:15px;line-height:1.95;color:#b9bdc7}.article-body h2{font-size:35px;margin:42px 0 16px}.dropcap:first-letter{float:left;font:68px "Playfair Display";line-height:.8;padding:8px 10px 0 0;color:var(--gold)}blockquote{font:29px/1.4 "Playfair Display";margin:42px 0;padding-left:25px;border-left:1px solid var(--gold);color:#e5d3ad}.contact-grid{padding-top:30px;padding-bottom:130px;display:grid;grid-template-columns:1fr 1fr;gap:12%}.contact-grid p{color:var(--muted);max-width:450px}.contact-grid aside{border-top:1px solid var(--line);padding-top:18px;align-self:start}.contact-grid aside b{font:9px "DM Mono";letter-spacing:1.5px;color:var(--gold)}.contact-grid aside p{font:20px/1.5 "Playfair Display";margin-top:22px}
@media(max-width:760px){.header{height:70px;padding:0 6%}.header-note{display:none}.menu-toggle{display:block}.nav{display:none;position:absolute;top:70px;left:0;right:0;background:#0b0f19;padding:22px 6%;flex-direction:column;gap:18px;border-bottom:1px solid var(--line)}.nav.open{display:flex}.hero{height:720px;min-height:0;background-position:58% center}.hero-copy{padding:105px 7% 0}.hero-caption{left:7%;right:7%;font-size:8px}.wrap{padding-left:7%;padding-right:7%}.manifesto{grid-template-columns:1fr;gap:28px;padding-top:80px;padding-bottom:80px}.feature{padding-top:75px;padding-bottom:80px}.section-top{align-items:flex-start;flex-direction:column;gap:22px}.feature-photo{height:350px}.cards{grid-template-columns:1fr;gap:38px}.card img{aspect-ratio:1.45}.latest{padding:80px 0}.newsletter{grid-template-columns:1fr;gap:35px;padding-top:80px;padding-bottom:85px}.footer{grid-template-columns:1fr 1fr;padding:40px 7% 25px}.footer p{grid-column:1/-1;grid-row:2}.foot-links{grid-column:1/-1;justify-content:flex-start;flex-wrap:wrap;grid-row:3}.footer small{grid-row:4}.page-hero{padding:75px 7% 55px}.wide-photo{height:360px}.inner{padding-top:80px;padding-bottom:70px}.values{grid-template-columns:1fr;padding-bottom:80px}.journal-list{padding-bottom:80px}.journal-row{grid-template-columns:105px 1fr 15px;gap:15px;padding:20px 0}.journal-row img{width:105px;height:108px}.journal-row h2{font-size:21px}.journal-row p{display:none}.meta{font-size:8px}.article{padding:75px 7% 85px}.article-body{margin-top:40px}.deck{font-size:19px}.contact-grid{grid-template-columns:1fr;gap:45px;padding-bottom:90px}}


/* ORBIT ATLAS — NEON ORBIT ART DIRECTION */
:root{
 --bg:#080817;--panel:#11112b;--ink:#f5f3ff;--muted:#aaa8c7;
 --line:rgba(190,178,255,.22);--gold:#d9ff3f;--blue:#6ee7ff;
}
body{background:var(--bg);font-family:"Space Grotesk",sans-serif;letter-spacing:.01em}
.header{background:rgba(8,8,23,.94);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}
.brand{font-family:"Space Grotesk",sans-serif;font-weight:700;letter-spacing:3px}
.brand i{color:var(--blue);font-style:normal}
.brand-mark{color:var(--gold);text-shadow:0 0 18px rgba(217,255,63,.7)}
.nav a,.header-note,.eyebrow,.meta,.line-link,.photo-label,.footer small,.foot-links,.menu-toggle{
 font-family:"Space Mono",monospace
}
.nav a:hover,.nav a.active{color:var(--gold)}
.hero{
 min-height:730px;
 background:
 radial-gradient(circle at 76% 43%,rgba(123,66,255,.22),transparent 28%),
 linear-gradient(90deg,rgba(8,8,23,.96) 0%,rgba(8,8,23,.72) 43%,rgba(8,8,23,.08) 100%),
 url("https://images.unsplash.com/photo-1462331940025-496dfbfc7564?auto=format&fit=crop&w=2200&q=90") center 48%/cover
}
.hero:after{content:"";position:absolute;width:min(46vw,600px);aspect-ratio:1;border:1px solid rgba(110,231,255,.32);border-radius:50%;right:5%;top:12%;box-shadow:0 0 0 34px rgba(110,231,255,.035),0 0 0 88px rgba(110,231,255,.025);pointer-events:none}
.hero-copy{padding-top:125px;max-width:1000px}
.eyebrow{color:var(--blue);font-size:10px;letter-spacing:2px}
.dot{background:var(--gold);box-shadow:0 0 14px var(--gold)}
h1,h2,.manifesto-text,.quote p,.deck,.article-body blockquote{
 font-family:"Space Grotesk",sans-serif
}
h1{font-family:"Archivo Black","Space Grotesk",sans-serif;text-transform:uppercase;font-size:clamp(64px,9.5vw,132px);line-height:.88;letter-spacing:-.075em;margin:38px 0 30px}
h1 em,h2 em{color:var(--gold);font-style:normal;text-shadow:0 0 24px rgba(217,255,63,.14)}
.hero-lead{font-size:16px;max-width:430px;color:#d0cfea}
.line-link{border-bottom:1px solid var(--blue);font-size:10px;letter-spacing:1.8px}
.line-link span{color:var(--gold)}
.hero-caption{font-family:"Space Mono",monospace;color:#d4d2eb}
.wrap{padding-left:10%;padding-right:10%}
.manifesto{padding-top:135px;padding-bottom:135px;grid-template-columns:.8fr 2fr}
.manifesto h2,.section-top h2,.newsletter h2,.contact-grid h2{
 font-family:"Archivo Black","Space Grotesk",sans-serif;text-transform:uppercase;
 font-size:clamp(43px,5.7vw,76px);line-height:.98;letter-spacing:-.06em
}
.manifesto-text{font-size:clamp(21px,2.1vw,29px);line-height:1.4;color:#d2d0e9;max-width:720px}
.feature{background:#f1f0ff;color:#111126;position:relative;overflow:hidden}
.feature:before{content:"";position:absolute;width:340px;height:340px;border:1px solid rgba(84,62,210,.22);border-radius:50%;right:-100px;top:-170px;box-shadow:0 0 0 28px rgba(84,62,210,.04),0 0 0 65px rgba(84,62,210,.035)}
.feature .eyebrow{color:#5545bb}
.feature h2{position:relative}
.feature h2 em{color:#644bff;text-shadow:none}
.feature .line-link{color:#111126;border-color:#6c5bff}
.feature .line-link span{color:#624bff}
.feature-photo{height:520px;border:8px solid #fff;box-shadow:0 24px 65px rgba(27,20,79,.16)}
.feature-photo img{filter:saturate(1.2) contrast(1.06)}
.photo-label{background:var(--gold);color:#101020;font-weight:700}
.feature-desc{color:#55536d;font-size:15px}
.latest{background:linear-gradient(145deg,#11112b,#17143a 72%,#101027)}
.latest .section-top h2{color:#fff}
.cards{gap:20px}
.card{border:1px solid rgba(190,178,255,.18);padding:12px 12px 20px;background:rgba(255,255,255,.025);transition:transform .25s,border-color .25s,background .25s}
.card:hover{transform:translateY(-7px);border-color:var(--blue);background:rgba(110,231,255,.055)}
.card img{aspect-ratio:1.2;filter:saturate(1.1) contrast(1.06)}
.card h3{font-family:"Space Grotesk",sans-serif;font-size:24px;font-weight:600;letter-spacing:-.04em}
.meta span{color:var(--blue)}
.quote{background:var(--gold);color:#101020;position:relative;overflow:hidden}
.quote:before,.quote:after{content:"";position:absolute;width:280px;height:280px;border:1px solid rgba(16,16,32,.2);border-radius:50%;top:-160px}
.quote:before{left:8%}.quote:after{right:8%;top:auto;bottom:-190px}
.quote-symbol{font-family:"Archivo Black";color:#6450d9}
.quote p{font-family:"Archivo Black","Space Grotesk",sans-serif;text-transform:uppercase;letter-spacing:-.055em;line-height:1.08}
.quote span{color:#4e4b62}
.newsletter{position:relative}
.newsletter h2{font-size:clamp(48px,6vw,78px)}
.newsletter h2 em{color:var(--blue);text-shadow:0 0 18px rgba(110,231,255,.18)}
.input-row{border-color:var(--blue)}
.input-row button{color:var(--gold);font-family:"Space Mono",monospace}
.footer{background:#050510;border-color:var(--line)}
.page-hero{background:radial-gradient(ellipse at 85% 10%,rgba(105,69,255,.3),transparent 42%),#0b0a20}
.page-hero h1{font-family:"Archivo Black";font-size:clamp(62px,9vw,118px)}
.page-hero>p{font-family:"Space Grotesk";font-size:22px;color:#d2d0e9}
.wide-photo{border:8px solid #171638}
.values article{border-color:var(--blue)}
.values b,.values h3{color:var(--gold)}
.values h3,.journal-row h2{font-family:"Space Grotesk";font-weight:600;letter-spacing:-.04em}
.journal-row{border-color:var(--line)}
.journal-row img{filter:saturate(1.2)}
.journal-row>span{color:var(--gold)}
.article h1{font-family:"Archivo Black";text-transform:uppercase;letter-spacing:-.07em}
.deck{font-size:24px;color:#d2d0e9}
.article-body h2{font-family:"Archivo Black";text-transform:uppercase;letter-spacing:-.04em}
.article-body blockquote{font-family:"Space Grotesk";font-weight:600;color:var(--gold);border-color:var(--blue)}
.dropcap:first-letter{font-family:"Archivo Black";color:var(--blue)}
.contact-grid aside{border-color:var(--blue)}
.contact-grid aside b{color:var(--gold)}
@media(max-width:760px){
 .hero{height:740px;background-position:58% center}
 .hero:after{width:75vw;right:-20%;top:20%}
 .hero-copy{padding:112px 7% 0}
 h1{font-size:clamp(57px,15vw,88px)}
 .wrap{padding-left:7%;padding-right:7%}
 .manifesto{padding-top:90px;padding-bottom:90px}
 .feature-photo{height:340px;border-width:5px}
 .page-hero h1{font-size:clamp(58px,15vw,86px)}
 .wide-photo{border-width:5px}
 .card{padding:9px 9px 16px}
}

/* Interactive astronomy lab */
.explorer{padding-top:105px;padding-bottom:115px;background:#09091c}.explorer .section-top{align-items:end}.explorer .section-top p{color:#bbb8d7;max-width:430px;margin-top:20px}.explorer-tag{font:10px "Space Mono",monospace;letter-spacing:1px;color:#7ee6ff}.explorer-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;margin-top:42px}.orbit-stage{height:510px;min-width:0;position:relative;overflow:hidden;border:1px solid rgba(133,126,230,.28);background:radial-gradient(circle at 50% 50%,#252048 0%,#0b0a24 33%,#080817 75%)}.orbit-stage:before{content:"";position:absolute;inset:0;opacity:.42;background-image:radial-gradient(#fff 1px,transparent 1px);background-size:41px 53px}.sun{position:absolute;left:50%;top:50%;width:49px;height:49px;border-radius:50%;transform:translate(-50%,-50%);background:#fff2a0;box-shadow:0 0 24px #ffc252,0 0 90px #e76a28;z-index:2}.orbit-ring{position:absolute;left:50%;top:50%;border:1px solid rgba(177,179,255,.25);border-radius:50%;transform:translate(-50%,-50%)}.ring-one{width:140px;height:140px}.ring-two{width:228px;height:228px}.ring-three{width:324px;height:324px}.ring-four{width:432px;height:432px}.planet-orbit{position:absolute;left:50%;top:50%;border-radius:50%;animation:spin linear infinite;transform:translate(-50%,-50%)}.orbit-mercury{width:140px;height:140px;animation-duration:9s}.orbit-venus{width:228px;height:228px;animation-duration:16s}.orbit-earth{width:324px;height:324px;animation-duration:23s}.orbit-mars{width:432px;height:432px;animation-duration:35s}.planet{position:absolute;left:50%;top:0;transform:translate(-50%,-50%);border-radius:50%;display:block}.mercury{width:11px;height:11px;background:#c3bbc1}.venus{width:16px;height:16px;background:#f5bd7d}.earth{width:19px;height:19px;background:linear-gradient(135deg,#72e9fc,#3178e9 55%,#4cde8d)}.mars{width:15px;height:15px;background:#ec744a}.orbit-stage.paused .planet-orbit{animation-play-state:paused}.orbit-caption{position:absolute;bottom:20px;left:20px;color:#a7a4c8;font:10px "Space Mono",monospace;letter-spacing:1px}.planet-panel{padding:20px 0}.planet-picker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:20px 0 32px}.planet-choice,.filter-button,.motion-toggle{cursor:pointer;background:transparent;color:#c9c6e6;border:1px solid rgba(170,160,235,.3);font:12px "Space Mono",monospace;padding:14px;text-align:left;transition:.2s}.planet-choice:hover,.filter-button:hover,.motion-toggle:hover{border-color:#7ee6ff;color:#fff}.planet-choice.active,.filter-button.active{background:#d9ff3f;border-color:#d9ff3f;color:#111020}.planet-display{border-top:1px solid rgba(170,160,235,.3);padding-top:25px}.planet-display>span{font:10px "Space Mono",monospace;color:#7ee6ff}.planet-display h3{font:700 clamp(42px,5vw,72px) "Space Grotesk",sans-serif;letter-spacing:-.07em;margin:10px 0}.planet-display p{color:#c4c1d9;line-height:1.7;min-height:65px}.planet-stats{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:25px 0}.planet-stats small{display:block;color:#9b98ba;font:9px "Space Mono",monospace;line-height:1.7}.planet-stats strong{display:block;color:#fff;font-size:22px;margin-top:8px}.motion-toggle{color:#d9ff3f;padding:12px 15px}.motion-toggle span{margin-left:20px}.journal-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;margin:0 0 15px}.filter-buttons{display:flex;gap:7px;flex-wrap:wrap}.filter-button{font-size:10px;padding:10px 12px}.result-count{font:11px "Space Mono",monospace;color:#aaa8c7;margin:15px 0 25px}.journal-row[hidden]{display:none!important}.read-progress{height:3px;position:fixed;top:0;left:0;right:0;z-index:200;background:rgba(255,255,255,.15)}.read-progress span{display:block;width:0;height:100%;background:#d9ff3f;transition:width .08s linear}@keyframes spin{from{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}@media(prefers-reduced-motion:reduce){.planet-orbit{animation:none!important}*{scroll-behavior:auto!important}}@media(max-width:850px){.explorer-layout{grid-template-columns:1fr}.orbit-stage{height:430px}.explorer-tag{display:none}}@media(max-width:480px){.orbit-stage{height:345px}.ring-four,.orbit-mars{width:300px;height:300px}.ring-three,.orbit-earth{width:230px;height:230px}.ring-two,.orbit-venus{width:160px;height:160px}.ring-one,.orbit-mercury{width:100px;height:100px}.planet-stats strong{font-size:17px}.explorer{padding-top:65px;padding-bottom:65px}}

/* Eight-planet schematic. Orbital distances deliberately NOT to scale. */
.orbit-stage{height:560px;background:radial-gradient(circle at center,#24204c,#0a0a23 50%,#080817)}
.orbit-ring,.planet-orbit{width:var(--orbit);height:var(--orbit)}
.ring-mercury,.orbit-mercury{--orbit:12%}.ring-venus,.orbit-venus{--orbit:21%}.ring-earth,.orbit-earth{--orbit:31%}.ring-mars,.orbit-mars{--orbit:42%}.ring-jupiter,.orbit-jupiter{--orbit:55%}.ring-saturn,.orbit-saturn{--orbit:68%}.ring-uranus,.orbit-uranus{--orbit:81%}.ring-neptune,.orbit-neptune{--orbit:94%}
.orbit-mercury{animation-duration:9s}.orbit-venus{animation-duration:14s}.orbit-earth{animation-duration:19s}.orbit-mars{animation-duration:26s}.orbit-jupiter{animation-duration:38s}.orbit-saturn{animation-duration:49s}.orbit-uranus{animation-duration:61s}.orbit-neptune{animation-duration:76s}
.planet.jupiter{width:29px;height:29px;background:repeating-linear-gradient(170deg,#c18a5c 0 5px,#e8c9a0 5px 9px,#9c5e45 9px 12px)}
.planet.saturn{width:24px;height:24px;background:#e2c797}.planet.saturn:after{content:"";position:absolute;inset:7px -13px;border:3px solid #b9a587;border-radius:50%;transform:rotate(-22deg)}
.planet.uranus{width:19px;height:19px;background:#9de8ec}.planet.neptune{width:18px;height:18px;background:#4270e8}
.orbit-stage[data-selected] .planet-orbit:has(.planet){opacity:.66}.orbit-stage[data-selected="mercury"] .orbit-mercury,.orbit-stage[data-selected="venus"] .orbit-venus,.orbit-stage[data-selected="earth"] .orbit-earth,.orbit-stage[data-selected="mars"] .orbit-mars,.orbit-stage[data-selected="jupiter"] .orbit-jupiter,.orbit-stage[data-selected="saturn"] .orbit-saturn,.orbit-stage[data-selected="uranus"] .orbit-uranus,.orbit-stage[data-selected="neptune"] .orbit-neptune{opacity:1;filter:drop-shadow(0 0 8px #a6e7ff)}
.planet-picker{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.planet-choice{padding:11px 10px;font-size:10px}
.planet-display p{min-height:145px}.planet-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.planet-stats strong{font-size:16px;overflow-wrap:anywhere}.planet-stats small{font-size:9px}
.scale-comparison{margin-top:80px;border-top:1px solid rgba(170,160,235,.35);padding-top:45px}.scale-head h3{font:700 clamp(30px,4vw,52px) 'Space Grotesk',sans-serif;letter-spacing:-.05em;margin:12px 0}.scale-head h3 em{color:#d9ff3f;font-style:normal}.scale-head p{color:#bdbad9;max-width:760px;line-height:1.7}.scale-scroll{overflow-x:auto;padding:25px 0 10px}.scale-row{display:flex;align-items:flex-end;gap:14px;min-width:1050px}.scale-item{flex:0 0 100px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:7px}.scale-item:first-child{flex-basis:440px}.scale-space{height:430px;width:100%;display:flex;align-items:center;justify-content:center}.scale-body{display:block;flex:none;border-radius:50%;background:#aaa;box-shadow:0 0 10px #ffffff33}.body-sun{background:radial-gradient(circle at 30% 30%,#fff5b1,#ffb328 65%,#ed681b);box-shadow:0 0 38px #ffb32877}.body-mercury{background:#c6c1c0}.body-venus{background:#f6c98e}.body-earth{background:#4bafff}.body-mars{background:#dc7149}.body-jupiter{background:repeating-linear-gradient(170deg,#a16b48 0 5px,#e5c7a4 5px 10px)}.body-saturn{background:#dfc998}.body-uranus{background:#a2e7e9}.body-neptune{background:#4777e9}.scale-item b{font-size:13px}.scale-item small{font:10px 'Space Mono',monospace;color:#a9a6c7}.scale-foot{font:10px 'Space Mono',monospace;color:#9d99bd;margin-top:18px;line-height:1.8}
@media(max-width:850px){.orbit-stage{height:460px}.planet-display p{min-height:0}}@media(max-width:480px){.orbit-stage{height:350px}.orbit-ring,.planet-orbit{width:var(--orbit)!important;height:var(--orbit)!important}.scale-comparison{margin-top:50px}.planet-stats strong{font-size:15px}}

/* Stable SVG orbital diagram: complete circles with no clipping or percentage distortion. */
.explorer-layout{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:start;gap:32px}
.orbit-stage{height:auto!important;aspect-ratio:1/1;width:100%;max-width:680px;margin-inline:auto;overflow:hidden;isolation:isolate;background:radial-gradient(circle at center,#262044 0%,#10102d 42%,#070716 83%)}
.solar-map{display:block;width:100%;height:100%;overflow:visible;position:relative;z-index:1}
.orbit-path{fill:none;stroke:rgba(177,186,255,.32);stroke-width:1.25}
.orbit-track{transform-origin:400px 400px;animation:orbit-turn linear infinite;will-change:transform}
.track-mercury{animation-duration:12s}.track-venus{animation-duration:19s}.track-earth{animation-duration:27s}.track-mars{animation-duration:36s}.track-jupiter{animation-duration:54s}.track-saturn{animation-duration:70s}.track-uranus{animation-duration:90s}.track-neptune{animation-duration:112s}
.fill-mercury{fill:#b6afb2}.fill-venus{fill:#e6b77f}.fill-earth{fill:#49b9df}.fill-mars{fill:#e77752}.fill-jupiter{fill:#c59a76}.fill-saturn{fill:#e0ca97}.fill-uranus{fill:#96e1e8}.fill-neptune{fill:#4d77e6}
.orbit-stage[data-selected] .orbit-track{opacity:.7}
.orbit-stage[data-selected="mercury"] .track-mercury,.orbit-stage[data-selected="venus"] .track-venus,.orbit-stage[data-selected="earth"] .track-earth,.orbit-stage[data-selected="mars"] .track-mars,.orbit-stage[data-selected="jupiter"] .track-jupiter,.orbit-stage[data-selected="saturn"] .track-saturn,.orbit-stage[data-selected="uranus"] .track-uranus,.orbit-stage[data-selected="neptune"] .track-neptune{opacity:1;filter:drop-shadow(0 0 5px #93e7ff)}
.orbit-stage.paused .orbit-track{animation-play-state:paused}
.orbit-caption{z-index:2;bottom:12px;left:14px;font-size:9px}
@keyframes orbit-turn{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
@media(max-width:1050px){.explorer-layout{grid-template-columns:1fr}.orbit-stage{max-width:620px}.planet-panel{max-width:720px;width:100%;margin-inline:auto}}
@media(max-width:480px){.orbit-stage{height:auto!important;aspect-ratio:1}.orbit-caption{font-size:8px}.explorer-layout{gap:16px}}
@media(prefers-reduced-motion:reduce){.orbit-track{animation:none!important}}

/* Wider orbital observatory and naturally staggered starting positions */
@media(min-width:1051px){
 .explorer.wrap{padding-left:5%;padding-right:5%}
 .explorer-layout{grid-template-columns:minmax(0,1.32fr) minmax(360px,.88fr);gap:clamp(30px,4vw,76px)}
 .orbit-stage{max-width:none;aspect-ratio:1.22/1;margin-inline:0}
}
/* Negative animation offsets put each planet at a different orbital longitude
   immediately on first paint, without jumping after the animation starts. */
.track-mercury{animation-delay:-2.1s}
.track-venus{animation-delay:-11.4s}
.track-earth{animation-delay:-5.8s}
.track-mars{animation-delay:-25.2s}
.track-jupiter{animation-delay:-17.8s}
.track-saturn{animation-delay:-46.9s}
.track-uranus{animation-delay:-68.3s}
.track-neptune{animation-delay:-31.7s}
@media(min-width:1051px){.solar-map{height:100%;width:100%}}