@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Instrument+Serif:ital@0;1&display=swap');
:root{color-scheme:dark;--bg:#101411;--panel:#151a16;--ink:#eae9de;--muted:#989e91;--gold:#d9bd85;--line:#30372d;--serif:'Instrument Serif',Georgia,serif;--sans:'DM Sans',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:14px;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.025;z-index:5;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='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' opacity='.8' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.4;cursor:default}a:focus-visible,button:focus-visible,canvas:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid var(--gold);outline-offset:5px}button,a,input,select{touch-action:manipulation}.wrap{max-width:1232px;margin:0 auto;padding-left:40px;padding-right:40px}.site-header{height:112px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;gap:12px;align-items:center}.brand svg{width:40px;fill:none;stroke:var(--gold);stroke-width:1.1}.brand svg circle{fill:var(--gold);stroke:none}.brand>span{font-family:var(--serif);font-size:35px;line-height:.9;letter-spacing:-1px}.brand-sub{display:block;font-family:var(--sans);font-size:8px;letter-spacing:2.5px;margin-top:9px}.site-header nav{display:flex;gap:34px;margin-left:70px;color:#c4c7ba;font-size:12px}.site-header nav a:hover,.text-link:hover{color:var(--gold)}.header-status{font-size:9px;letter-spacing:1.4px;color:var(--muted);display:flex;align-items:center;gap:9px}.header-status i,.live-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:#a8b891;box-shadow:0 0 10px #a8b89133}.hero{display:grid;grid-template-columns:1fr 1.05fr;align-items:center;padding-top:53px;padding-bottom:60px;min-height:600px}.eyebrow{font-size:9px;line-height:1.7;letter-spacing:1.7px;font-weight:500}.hero .eyebrow{color:#b5bbaa;display:flex;align-items:center;gap:10px;margin-bottom:27px}.small-star{color:var(--gold);font-size:20px}.hero h1{font-family:var(--serif);font-size:clamp(60px,6.3vw,86px);font-weight:400;letter-spacing:-2.8px;line-height:1.04;margin:0 0 24px}.hero h1 em{color:var(--gold);font-weight:400}.intro{font-size:14px;line-height:1.85;color:#a8aea0;margin-bottom:29px}.button{height:46px;border-radius:4px;display:inline-flex;align-items:center;justify-content:space-between;gap:32px;font-weight:550;font-size:12px;border:1px solid transparent;padding:0 19px;transition:background .2s,transform .2s}.button:hover{transform:translateY(-2px)}.primary{background:var(--gold);color:#23271e}.primary:hover{background:#e9ce97}.button span{font-size:20px;font-weight:400}.hero-footnote{font-size:10px;color:#858d7e;margin-top:17px}.hero-art{align-self:stretch;display:flex;flex-direction:column;justify-content:center;min-width:0}.orrery{width:112%;max-height:485px;margin-left:-5%;overflow:visible}.art-grid{stroke:#7e8870;stroke-opacity:.2;fill:none;stroke-width:1}.orbit-lines{fill:none;stroke:#87907a;stroke-opacity:.35;stroke-width:1}.orbit-lines ellipse:first-child{stroke:#bcab7a;stroke-opacity:.5}.art-label{font-size:7px;letter-spacing:1.3px;fill:#8e9987;font-family:var(--sans)}.art-label path{stroke:#717961;stroke-width:.6;fill:none}.art-caption{display:flex;justify-content:space-between;align-items:center;margin:0 42px 0 50px;color:#7e8976;font-size:8px;letter-spacing:2px}.art-caption span:last-child{font-size:25px;color:#a3ad93}.section-line{display:flex;justify-content:space-between;gap:20px;align-items:center;border-top:1px solid var(--line);padding-top:26px}.section-line h2{font-size:13px;font-weight:450;margin:0}.section-line>.eyebrow{font-size:8px;color:#8f9986}.experiment-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:47px 0 28px}.gold{color:var(--gold)}.label-separator{color:#626e5b;margin:0 11px}.experiment-heading h3{font-family:var(--serif);font-size:43px;font-weight:400;letter-spacing:-.8px;margin:10px 0 10px}.title-dot{color:var(--gold)}.experiment-heading p:last-child{font-size:12px;color:var(--muted);line-height:1.7;margin:0}.text-link{display:inline-flex;align-items:center;gap:20px;font-size:11px;white-space:nowrap}.text-link span{font-size:17px;color:var(--gold)}.playground{display:grid;grid-template-columns:minmax(0,1fr) 280px;border:1px solid #384030;border-radius:7px;overflow:hidden;scroll-margin-top:22px}.simulation-panel{position:relative;background:#0b100d;min-width:0;min-height:523px;overflow:hidden}#universe{position:absolute;inset:0;display:block;width:100%;height:100%;touch-action:none;cursor:crosshair}.simulation-top,.simulation-bottom{position:absolute;left:24px;right:24px;display:flex;justify-content:space-between;pointer-events:none;font-size:8px;letter-spacing:1.3px;color:#8b9983;z-index:1}.simulation-top{top:22px}.simulation-top>span:first-child{display:flex;align-items:center;gap:7px}.simulation-bottom{bottom:21px;font-family:monospace}.simulation-bottom b{font-weight:400;color:#c1cbb5}.canvas-hint{position:absolute;left:50%;bottom:49px;transform:translateX(-50%);white-space:nowrap;font-size:10px;color:#b9c1b0;pointer-events:none;background:#172019d9;border:1px solid #35422f;padding:9px 13px;border-radius:30px}.canvas-hint>span{font-size:15px;margin-right:5px}.controls{background:#181e18;border-left:1px solid #343e2f;padding:25px 24px}.control-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:26px;color:#c4cbb8}.control-title>span:last-child{font-size:20px;color:var(--gold)}.controls label{font-size:11px;color:#cbd0c2}.select-wrap{margin-top:10px}select{width:100%;height:38px;background:#20271e;border:1px solid #3d4735;color:#e0e3d5;border-radius:3px;padding:0 9px;font-size:11px}.preset-description{color:#9aa58f;font-size:10px;line-height:1.7;min-height:34px;margin:10px 0 21px}.range-heading{display:flex;justify-content:space-between;align-items:center}.range-heading output{font-family:monospace;font-size:11px;color:var(--gold)}input[type=range]{width:100%;accent-color:var(--gold);height:18px;margin:9px 0 1px;cursor:pointer}.range-extents{display:flex;justify-content:space-between;font-size:8px;color:#8e9a83}.speed-heading{margin-top:20px}.toggle-row{display:flex;justify-content:space-between;align-items:center;margin:20px 0}.toggle-row label{font-size:10px}.toggle-row input{appearance:none;width:28px;height:16px;border:1px solid #68745b;border-radius:20px;position:relative;margin:0;cursor:pointer;background:#303c2c}.toggle-row input:before{content:"";position:absolute;left:3px;top:3px;width:8px;height:8px;border-radius:50%;background:#9aa28f;transition:transform .2s}.toggle-row input:checked{background:#b9bc91;border-color:#b9bc91}.toggle-row input:checked:before{background:#283320;transform:translateX(12px)}.add-button{width:100%;background:#c2c7a5;color:#20271a;height:38px;font-size:11px}.add-button:hover{background:#d1d6b5}.action-row{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:9px}.action-row button{height:33px;background:transparent;border:1px solid #3c4833;color:#c3cbb6;border-radius:3px;font-size:10px}.action-row button:hover{background:#283122}.action-row button>span:first-child{margin-right:6px;font-size:13px}.control-note{text-align:center;color:#89967d;font-family:var(--serif);font-size:13px;font-style:italic;margin:17px 0 0}.simulation-message{margin:14px 0 0;color:#a6b099;font-size:10px;min-height:16px;line-height:1.6}.explanation-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;padding:39px 0 20px}.step-number{color:#a9b197;font-size:8px;letter-spacing:1.5px}.explanation-grid h4{font-family:var(--serif);font-size:24px;font-weight:400;margin:12px 0 10px}.explanation-grid p{font-size:11px;line-height:1.9;color:#969f8f;margin:0}.model-note{font-size:9px;line-height:1.8;color:#929b8a;max-width:720px;margin:6px 0 51px}.note-layout{display:grid;grid-template-columns:80px 1.5fr 1fr;gap:20px;align-items:center;padding:51px 0 58px}.note-mark{align-self:start;color:var(--gold);font-size:48px;line-height:1.3}blockquote{font-family:var(--serif);font-size:37px;line-height:1.25;margin:0;font-weight:400}blockquote em{color:var(--gold)}blockquote footer{font-family:var(--sans);font-size:8px;letter-spacing:1.5px;color:#99a28f;margin-top:24px}blockquote footer span{margin:0 8px}.note-aside{max-width:280px;justify-self:end;font-size:11px;line-height:1.9;color:#99a28f}.note-aside p:first-child{color:#d4d8c8;margin-top:0}.about{border-top:1px solid var(--line);padding-top:53px;padding-bottom:55px;display:grid;grid-template-columns:1.2fr 1fr;gap:70px}.about h2{font-family:var(--serif);font-weight:400;font-size:42px;line-height:1.15;margin:17px 0 0}.about .eyebrow{font-size:8px}.about-copy{max-width:430px;padding-top:6px}.about-copy p{font-size:12px;line-height:1.9;color:#a4ac9a;margin:0 0 15px}.about-copy .text-link{margin-top:4px}.site-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid var(--line);min-height:95px;font-size:8px;letter-spacing:1px;color:#939d87}.footer-name{font-family:var(--serif);font-size:21px;letter-spacing:0;color:#d0d4c1}.footer-name span{font-size:15px;color:var(--gold);margin-left:9px}.footer-dot{margin:0 6px}.skip-link{position:absolute;top:-100px;left:20px;z-index:10;background:var(--gold);color:var(--bg);padding:12px}.skip-link:focus{top:15px}.no-js{position:absolute;top:45%;left:10%;right:10%;text-align:center;color:var(--gold)}
@media(min-width:1500px){.wrap{max-width:1320px}.hero{min-height:670px}.hero h1{font-size:96px}.orrery{max-height:535px}.simulation-panel{min-height:545px}.controls{padding-top:30px}.control-title{margin-bottom:32px}}
@media(max-width:1000px){.wrap{padding-left:28px;padding-right:28px}.header-status{display:none}.site-header nav{margin-left:0}.hero{min-height:530px;gap:0;padding-top:35px;padding-bottom:40px}.hero h1{font-size:70px}.hero .eyebrow{font-size:8px;letter-spacing:1px}.orrery{width:116%;margin-left:-8%}.hero-art{overflow:hidden}.art-caption{margin:0 10px}.art-caption span:first-child{font-size:7px;letter-spacing:1px}.playground{grid-template-columns:minmax(0,1fr) 255px}.controls{padding-left:19px;padding-right:19px}.explanation-grid{gap:28px}.note-layout{grid-template-columns:50px 1.4fr 1fr;gap:20px}blockquote{font-size:31px}.about{gap:45px}.site-footer>span:last-child{display:none}}
@media(max-width:700px){.wrap{padding-left:22px;padding-right:22px}.site-header{height:89px}.brand svg{width:33px}.brand>span{font-size:30px}.brand-sub{font-size:6px;letter-spacing:2px}.site-header nav{gap:19px;font-size:10px}.hero{grid-template-columns:1fr;padding-top:43px;padding-bottom:32px}.hero-copy{position:relative;z-index:1}.hero h1{font-size:75px}.hero .eyebrow{margin-bottom:24px}.intro{font-size:13px}.hero-art{margin-top:1px;height:340px}.orrery{height:330px;width:100%;margin-left:0}.art-caption{margin:0 20px}.section-line{align-items:flex-start;padding-top:21px}.section-line h2{font-size:11px}.section-line>.eyebrow{font-size:7px;letter-spacing:1px;text-align:right;max-width:130px}.experiment-heading{padding-top:30px;align-items:flex-start}.experiment-heading h3{font-size:34px}.experiment-heading>.text-link{display:none}.experiment-heading p:last-child{font-size:11px;max-width:280px}.playground{grid-template-columns:1fr}.simulation-panel{height:385px;min-height:385px}.simulation-top,.simulation-bottom{left:16px;right:16px;font-size:7px}.canvas-hint{font-size:9px}.controls{border-left:0;border-top:1px solid #343e2f;padding:22px}.control-title{margin-bottom:18px}.preset-description{min-height:0;margin-bottom:20px}.controls label{font-size:12px}.range-extents{font-size:9px}.toggle-row label{font-size:12px}.add-button{height:42px}.action-row button{height:38px;font-size:11px}.control-note{margin-top:14px}.explanation-grid{grid-template-columns:1fr;gap:26px;padding-top:30px}.explanation-grid article{padding-left:17px;border-left:1px solid var(--line)}.explanation-grid h4{margin:9px 0 7px}.explanation-grid p{font-size:12px;max-width:450px}.model-note{margin-bottom:35px}.note-layout{grid-template-columns:25px 1fr;gap:16px;padding:35px 0}.note-mark{font-size:29px}blockquote{font-size:32px}.note-aside{grid-column:2;justify-self:start;max-width:100%;font-size:12px}.note-aside p:first-child{margin-bottom:7px}.about{grid-template-columns:1fr;gap:25px;padding-top:35px;padding-bottom:35px}.about h2{font-size:39px}.about-copy{padding-top:0}.site-footer{flex-wrap:wrap;gap:14px;padding-top:22px;padding-bottom:24px}.footer-name{font-size:20px}.site-footer>span{font-size:7px}.coordinate{display:none}}
@media(max-width:360px){.hero h1{font-size:65px}.site-header nav{gap:12px}.brand{gap:7px}.wrap{padding-left:17px;padding-right:17px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}