:root{color-scheme:dark;--ink:#e8eee9;--muted:#a1b1b4;--gold:#d9bd88;--bg:#101c29;--line:#41515a}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',sans-serif;font-size:15px}.page{overflow:hidden;background:radial-gradient(ellipse at 69% 20%,#243c4b 0,transparent 38%),linear-gradient(160deg,#132532,#101c29 65%)}a{color:inherit;text-decoration:none}button,input{font:inherit}button:focus-visible,input:focus-visible,a:focus-visible{outline:2px solid #f1d49d;outline-offset:5px}.topbar,main,footer{max-width:1500px;margin:auto}.topbar{height:92px;padding:0 7%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff18}.brand{font-family:'Libre Baskerville',serif;font-size:16px}.brand-mark{font-size:24px;color:var(--gold);vertical-align:middle;margin-right:10px}.about-link{font-size:12px;color:#c1ccca}.about-link span{margin-left:12px}.hero{min-height:610px;display:grid;grid-template-columns:45% 55%;position:relative;padding:65px 7% 40px}.intro{z-index:2;align-self:center}.eyebrow,.section-kicker{color:var(--gold);font-size:11px;letter-spacing:.13em;text-transform:uppercase;font-weight:700}.eyebrow span{display:inline-block;width:25px;height:1px;background:var(--gold);vertical-align:middle;margin-right:10px}h1,h2{font-family:'Libre Baskerville',Georgia,serif;font-weight:400;margin:0;letter-spacing:-.045em}h1{font-size:clamp(42px,5vw,76px);line-height:1.14;margin:28px 0}h1 em,h2 em{font-weight:400;color:#d5c39e}.intro-copy{line-height:1.85;max-width:370px;color:#b5c2c3;font-size:15px}.instruction{display:flex;gap:15px;align-items:center;margin-top:54px;font-size:12px;line-height:1.6}.instruction-icon{display:grid;place-items:center;border:1px solid #81918e;border-radius:50%;width:42px;height:42px;font-size:20px;color:var(--gold)}.instruction small{color:#84969a}.world-area{position:relative;min-height:490px;display:grid;place-items:center}canvas{width:min(100%,570px);aspect-ratio:1;z-index:1}.orbit{position:absolute;border:1px solid #91aab41c;border-radius:50%;width:94%;aspect-ratio:1}.orbit-two{width:110%;border-style:dashed;opacity:.5}.globe-note,.globe-index{position:absolute;font-size:10px;letter-spacing:.1em;color:#aab9b8;z-index:2}.globe-note{bottom:7%;left:1%;letter-spacing:.02em}.pulse{display:inline-block;width:6px;height:6px;border-radius:50%;background:#e2c995;margin-right:7px}.globe-index{right:0;top:15%}.globe-index span{color:var(--gold)}.side-note{position:absolute;right:2%;top:50%;writing-mode:vertical-rl;display:flex;gap:40px;color:#72858a;font-size:8px;letter-spacing:.18em}.explorer{margin:0 7%;padding:40px 0 50px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.explorer-head{display:flex;justify-content:space-between;align-items:end;gap:20px}.explorer h2,.ribbon h2,.about h2{font-size:clamp(28px,3vw,43px);line-height:1.22}.section-kicker{margin:0 0 16px}.age-block{text-align:right;white-space:nowrap}.age-block strong{font-family:'Libre Baskerville',serif;font-size:42px;font-weight:400;color:#e5d2aa}.age-block span{display:block;color:var(--muted);font-size:11px}.era-description{color:#aababc;line-height:1.7;max-width:650px}.timeline-wrap{margin-top:42px}.ticks,.timeline-bottom{display:flex;justify-content:space-between;align-items:center;color:#95a6a8;font-size:10px}.ticks{margin-bottom:16px}input[type=range]{display:block;width:100%;height:24px;margin:0;appearance:none;background:transparent;cursor:pointer}input[type=range]::-webkit-slider-runnable-track{height:2px;background:linear-gradient(90deg,#d7bb84 var(--progress,0%),#64777a var(--progress,0%))}input[type=range]::-moz-range-track{height:2px;background:#64777a}input[type=range]::-webkit-slider-thumb{appearance:none;width:17px;height:17px;margin-top:-8px;border-radius:50%;background:#edd3a1;border:4px solid #263844;box-shadow:0 0 0 1px #edd3a1}input[type=range]::-moz-range-thumb{width:10px;height:10px;border-radius:50%;background:#edd3a1;border:4px solid #263844;box-shadow:0 0 0 1px #edd3a1}.timeline-bottom{margin-top:14px;font-size:9px;letter-spacing:.12em}.scale-control{display:flex;align-items:center;gap:5px;letter-spacing:0;text-transform:none}.scale-control span{margin-right:8px}.scale-control button{background:none;color:#95a6a8;border:1px solid transparent;border-radius:20px;padding:6px 11px;cursor:pointer;font-size:10px}.scale-control button.active{color:#ead5aa;border-color:#9b8d70}.detail-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:35px;margin-top:45px}.detail{border-left:1px solid #55666a;padding-left:18px}.detail-label{font-size:10px;color:#d7bd8c;letter-spacing:.09em;text-transform:uppercase}.detail p{color:#c4d0cf;font-size:13px;line-height:1.7;margin-bottom:0}.ribbon{padding:100px 7%}.ribbon-heading{display:flex;justify-content:space-between;align-items:end;gap:40px}.ribbon-heading>p{max-width:300px;color:#9dafb0;line-height:1.7}.milestones{display:grid;grid-template-columns:repeat(6,1fr);margin-top:45px;border-top:1px solid #526268}.milestone{position:relative;text-align:left;background:none;border:0;color:inherit;padding:24px 15px 0 0;cursor:pointer}.milestone:before{content:'';position:absolute;top:-4px;left:0;width:7px;height:7px;background:#d6bd8d;border-radius:50%}.milestone:hover strong{color:#e6cb95}.milestone small{color:#d7bd8c;font-size:10px}.milestone strong{display:block;font-family:'Libre Baskerville',serif;font-size:15px;font-weight:400;line-height:1.5;margin-top:10px}.about{display:grid;grid-template-columns:1fr 1fr;gap:50px;padding:65px 7%;background:#1b303b}.about p:not(.section-kicker){max-width:590px;color:#b8c6c5;line-height:1.8;margin-top:0}.sources{font-size:12px}.sources a{text-decoration:underline;text-underline-offset:3px}footer{padding:32px 7%;display:flex;justify-content:space-between;color:#8fa1a2;font-size:11px}@media(max-width:700px){.topbar{height:70px;padding:0 6%}.hero{display:flex;flex-direction:column;padding:45px 6% 15px;min-height:0}.intro{align-self:auto}.intro h1{font-size:clamp(38px,10vw,58px);margin:20px 0}.instruction{margin-top:24px}.world-area{min-height:0;margin:15px auto 0;width:100%;max-width:430px}.world-area canvas{width:100%}.globe-note{bottom:6%}.side-note{display:none}.explorer{margin:0 6%;padding-top:30px}.explorer-head{align-items:start}.age-block strong{font-size:30px}.age-block span{font-size:9px}.ticks span:nth-child(2),.ticks span:nth-child(3){display:none}.detail-grid{grid-template-columns:1fr;gap:20px;margin-top:35px}.ribbon{padding:70px 6%}.ribbon-heading{display:block}.milestones{grid-template-columns:repeat(3,1fr);row-gap:28px}.about{grid-template-columns:1fr;gap:25px;padding:50px 6%}footer{gap:20px;padding:28px 6%}.scale-control button{padding:6px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation-duration:.01ms!important;transition-duration:.01ms!important}}