:root{--blue:#0757ff;--deep:#0035a8;--cyan:#1ec8ff;--white:#fff;--black:#090909;--yellow:#ffd400;--orange:#ff8a00;--red:#f23b2f;--violet:#6e4cff;--green:#15a86b;--soft:#d8efff}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:72px}body{margin:0;background:#fff;color:#090909;font-family:Arial,Helvetica,sans-serif;line-height:1.5}body.motion-paused *,body.motion-paused *::before,body.motion-paused *::after{animation-play-state:paused!important;transition-duration:.01ms!important}button,input{font:inherit}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible{outline:4px solid var(--yellow);outline-offset:4px}.skip-link{position:fixed;top:-80px;left:16px;z-index:100;padding:10px 14px;background:var(--yellow);color:#090909;font-weight:800}.skip-link:focus{top:16px}.site-header{position:fixed;inset:0 0 auto;z-index:40;display:flex;justify-content:space-between;align-items:center;min-height:72px;padding:10px clamp(16px,4vw,54px);border-bottom:1px solid rgba(255,255,255,.28);background:#090909;color:#fff}.brand{display:inline-flex;align-items:center;gap:11px;color:#fff;text-decoration:none}.brand strong,.brand small{display:block}.brand strong{font-size:.95rem}.brand small{opacity:.65;font-size:.68rem}.brand-mark{position:relative;display:grid;place-items:center;width:42px;height:42px;border:1px solid #fff;border-radius:50%}.brand-mark::before{content:"";position:absolute;width:50px;height:16px;border:1px solid #fff;border-radius:50%;transform:rotate(-18deg)}.brand-mark i{width:12px;height:12px;border-radius:50%;background:var(--yellow)}.header-actions{display:flex;align-items:center;gap:16px}.header-actions>span{color:var(--yellow);font-size:.75rem;font-weight:800;letter-spacing:.08em}.header-actions button{min-height:38px;padding:7px 12px;border:1px solid #fff;border-radius:999px;background:transparent;color:#fff;font-size:.75rem;font-weight:800;cursor:pointer}.chapter-nav{position:fixed;z-index:30;top:96px;left:20px;display:grid;gap:4px;width:160px}.chapter-nav a{display:grid;grid-template-columns:28px 1fr;gap:8px;align-items:center;padding:7px 8px;border-left:2px solid transparent;color:rgba(255,255,255,.55);font-size:.72rem;text-decoration:none}.chapter-nav a span{font-size:.64rem}.chapter-nav a.is-active{border-color:var(--yellow);color:#fff}.story-panel{min-height:100vh}.eyebrow,.mini-label{margin:0 0 12px;font-size:.72rem;font-weight:900;letter-spacing:.15em;text-transform:uppercase}.hero{position:relative;display:grid;place-items:center;overflow:hidden;padding:140px clamp(24px,8vw,130px) 80px;background:var(--blue);color:#fff}.hero-copy{position:relative;z-index:4;width:min(920px,100%);margin-left:min(11vw,160px)}.hero h1{max-width:980px;margin:0;font-size:clamp(4.5rem,10vw,10rem);line-height:.82;letter-spacing:-.085em}.hero-copy>p:not(.eyebrow){max-width:690px;margin:28px 0;font-size:clamp(1.05rem,2vw,1.35rem)}.story-start{display:inline-flex;align-items:center;gap:14px;min-height:50px;padding:11px 18px;border:2px solid #fff;border-radius:999px;color:#fff;font-weight:800;text-decoration:none}.story-start span{font-size:1.3rem}.hero-sun{position:absolute;right:-120px;top:75px;width:min(42vw,580px);aspect-ratio:1;border-radius:50%;background:var(--yellow);animation:sun-pulse 7s ease-in-out infinite}.hero-spectrum{position:absolute;inset:auto 0 0;display:grid;grid-template-columns:repeat(6,1fr);height:26px}.red{background:var(--red)}.orange{background:var(--orange)}.yellow{background:var(--yellow)}.green{background:var(--green)}.cyan{background:var(--cyan)}.violet{background:var(--violet)}.blue{background:var(--blue)}.chapter{padding:110px clamp(24px,7vw,110px)}.chapter-intro{display:grid;grid-template-columns:100px minmax(0,900px);gap:28px;align-items:start;margin-left:min(11vw,160px)}.chapter-number{margin:0;font-size:clamp(4rem,8vw,8rem);font-weight:900;line-height:.85;letter-spacing:-.07em}.chapter-intro h2{margin:0;font-size:clamp(3rem,6vw,6rem);line-height:.9;letter-spacing:-.06em}.chapter-intro>div>p:last-child{max-width:760px;margin:22px 0 0;font-size:1.08rem}.light-copy{color:#fff}.chapter-light{background:#fff}.spectrum-exhibit{position:relative;display:grid;grid-template-columns:1fr 130px 1.4fr;align-items:center;min-height:500px;margin:70px 0 0 min(11vw,160px);border:2px solid #090909;overflow:hidden}.white-beam{display:grid;place-items:center;height:72px;background:#090909;color:#fff}.white-beam span{font-size:.72rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.prism{width:0;height:0;margin:auto;border-top:85px solid transparent;border-bottom:85px solid transparent;border-left:120px solid var(--soft);transform:rotate(6deg)}.spectrum-lines{display:grid;gap:10px;padding-right:5vw}.spectrum-lines span{display:block;height:28px;transform-origin:left center;animation:spectrum-breathe 4s ease-in-out infinite}.spectrum-lines .red{transform:rotate(-7deg)}.spectrum-lines .orange{transform:rotate(-4deg)}.spectrum-lines .yellow{transform:rotate(-1deg)}.spectrum-lines .green{transform:rotate(2deg)}.spectrum-lines .blue{transform:rotate(5deg)}.spectrum-lines .violet{transform:rotate(8deg)}.wavelength-labels{position:absolute;right:4vw;bottom:28px;left:calc(50% + 60px);display:flex;justify-content:space-between;gap:24px;font-size:.72rem;font-weight:800}.fact-strip{display:grid;grid-template-columns:130px 1fr;gap:18px;margin:20px 0 0 min(11vw,160px);padding:22px;border:2px solid #090909;background:var(--yellow)}.fact-strip p{margin:0}.chapter-blue{background:var(--blue);color:#fff}.scatter-lab{display:grid;grid-template-columns:minmax(250px,.35fr) 1fr;gap:20px;margin:60px 0 0 min(11vw,160px)}.scatter-controls{padding:26px;border:2px solid #fff}.toggle-group{display:grid;grid-template-columns:1fr 1fr;border:2px solid #fff}.toggle-group button{min-height:46px;border:0;border-right:2px solid #fff;background:transparent;color:#fff;font-weight:800;cursor:pointer}.toggle-group button:last-child{border-right:0}.toggle-group button.is-active{background:var(--yellow);color:#090909}.scatter-controls>p:last-child{margin:24px 0 0}.scatter-stage{position:relative;min-height:520px;overflow:hidden;border:2px solid #fff;background:var(--cyan);transition:background .2s ease}.scatter-stage.atmosphere-off{background:#090909}.scatter-sun{position:absolute;top:42px;left:42px;width:120px;aspect-ratio:1;border-radius:50%;background:var(--yellow)}.direct-ray{position:absolute;top:98px;left:145px;width:66%;height:18px;background:var(--yellow);transform:rotate(16deg);transform-origin:left center}.particle{position:absolute;width:18px;height:18px;border:4px solid #fff;border-radius:50%;animation:particle-drift 5s ease-in-out infinite}.p1{top:120px;left:34%}.p2{top:210px;left:50%;animation-delay:-1s}.p3{top:90px;left:68%;animation-delay:-2s}.p4{top:330px;left:39%;animation-delay:-1.6s}.p5{top:260px;left:74%;animation-delay:-2.8s}.p6{top:410px;left:60%;animation-delay:-3.3s}.p7{top:150px;left:84%;animation-delay:-2.1s}.atmosphere-off .particle,.atmosphere-off .scatter-note{opacity:0}.observer{position:absolute;right:8%;bottom:38px;display:grid;justify-items:center}.observer span{width:48px;height:48px;border:4px solid #090909;border-radius:50%;background:var(--yellow)}.observer i{width:100px;height:130px;margin-top:-2px;border:4px solid #090909;border-radius:50px 50px 0 0;background:#fff}.scatter-note{position:absolute;max-width:180px;padding:7px 10px;border:2px solid #090909;background:#fff;color:#090909;font-size:.72rem;font-style:normal;transition:opacity .18s ease}.n1{top:40px;right:16%}.n2{top:220px;right:34%}.n3{bottom:36px;left:35%}.big-takeaway{display:grid;grid-template-columns:180px 1fr;gap:20px;margin:20px 0 0 min(11vw,160px);padding:26px;border:2px solid #fff;background:#fff;color:var(--blue)}.big-takeaway span{font-size:.72rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.big-takeaway strong{font-size:clamp(1.8rem,3vw,3.4rem);line-height:1}.chapter-sunset{background:var(--orange)}.path-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:60px 0 0 min(11vw,160px)}.path-card{min-height:500px;border:2px solid #090909}.noon-card{background:var(--cyan)}.sunset-card{background:var(--red)}.path-card header{display:flex;justify-content:space-between;gap:20px;padding:18px;border-bottom:2px solid #090909}.path-card header span{font-size:.72rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.path-scene{position:relative;min-height:340px;overflow:hidden;border-bottom:2px solid #090909}.sun{position:absolute;width:82px;aspect-ratio:1;border:3px solid #090909;border-radius:50%;background:var(--yellow);top:34px;left:50%;transform:translateX(-50%)}.sun.low{left:42px;top:auto;bottom:26px;transform:none}.short-path{position:absolute;top:116px;left:50%;width:18px;height:150px;background:var(--yellow);transform:translateX(-50%)}.warm-ray{position:absolute;left:108px;bottom:62px;width:64%;height:16px;transform-origin:left center}.r1{background:var(--yellow);transform:rotate(-7deg)}.r2{bottom:86px;background:var(--orange);transform:rotate(-4deg)}.lost-blue{position:absolute;width:12px;height:90px;background:var(--cyan)}.b1{left:36%;bottom:108px;transform:rotate(45deg)}.b2{left:53%;bottom:132px;transform:rotate(-48deg)}.b3{left:69%;bottom:92px;transform:rotate(58deg)}.person{position:absolute;right:11%;bottom:16px;width:32px;height:72px;border:3px solid #090909;border-radius:18px 18px 0 0;background:#fff}.path-card>p{margin:0;padding:20px;font-weight:800}.sky-control{display:grid;grid-template-columns:minmax(260px,.45fr) 1fr;gap:20px;margin:20px 0 0 min(11vw,160px)}.sky-control-copy,.sky-control-interface{padding:26px;border:2px solid #090909;background:#fff}.sky-control-copy h3{margin:0;font-size:clamp(2rem,4vw,4rem);line-height:.95}.sky-control-interface label{display:flex;justify-content:space-between;gap:20px;font-weight:800}#pathRange{width:100%;margin:24px 0;accent-color:#090909}.sky-swatch{position:relative;display:grid;align-content:end;min-height:280px;padding:22px;border:2px solid #090909;transition:background .16s ease}.sky-midday{background:var(--cyan)}.sky-afternoon{background:var(--yellow)}.sky-golden{background:var(--orange)}.sky-sunset{background:var(--red);color:#fff}.swatch-sun{position:absolute;top:26px;left:50%;width:86px;aspect-ratio:1;border:3px solid #090909;border-radius:50%;background:#fff;transform:translateX(-50%);transition:top .16s ease}.sky-golden .swatch-sun{top:130px;background:var(--yellow)}.sky-sunset .swatch-sun{top:185px;background:var(--orange)}.chapter-air{background:#fff}.observation-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin:60px 0 0 min(11vw,160px)}.observation-grid article{border:2px solid #090909}.window{position:relative;min-height:290px;overflow:hidden;border-bottom:2px solid #090909}.clean{background:var(--cyan)}.dust{background:var(--orange)}.cloudy{background:var(--violet)}.haze{background:var(--red)}.window-sun{position:absolute;right:36px;bottom:30px;width:78px;aspect-ratio:1;border:3px solid #090909;border-radius:50%;background:var(--yellow)}.horizon{position:absolute;inset:auto 0 0;height:34px;background:#090909}.dot{position:absolute;width:13px;height:13px;border-radius:50%;background:#fff}.d1{top:34px;left:20%}.d2{top:88px;left:48%}.d3{top:150px;left:34%}.cloud{position:absolute;width:120px;height:40px;border:3px solid #090909;border-radius:30px;background:#fff}.cloud::before,.cloud::after{content:"";position:absolute;bottom:-3px;border:3px solid #090909;border-radius:50%;background:#fff}.cloud::before{left:14px;width:52px;height:52px}.cloud::after{right:12px;width:66px;height:66px}.c1{top:68px;left:12%}.c2{top:138px;right:12%;transform:scale(.75)}.haze-line{position:absolute;left:0;width:100%;height:30px;background:#fff;opacity:.55}.h1{top:90px}.h2{top:155px}.observation-grid section{padding:22px}.observation-grid section>span{font-size:.72rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.observation-grid h3{margin:10px 0;font-size:1.7rem;line-height:1}.observation-grid p{margin:0}.chapter-moon{background:#090909;color:#fff}.eclipse-exhibit{display:grid;grid-template-columns:minmax(220px,.3fr) 1fr;gap:20px;margin:60px 0 0 min(11vw,160px)}.eclipse-controls{display:grid;align-content:start;border:2px solid #fff}.eclipse-controls button{display:grid;grid-template-columns:45px 1fr;gap:12px;align-items:center;min-height:70px;padding:10px 14px;border:0;border-bottom:2px solid #fff;background:transparent;color:#fff;text-align:left;cursor:pointer}.eclipse-controls button:last-child{border-bottom:0}.eclipse-controls button span{display:grid;place-items:center;width:36px;height:36px;border:1px solid #fff;border-radius:50%}.eclipse-controls button.is-active{background:var(--yellow);color:#090909}.eclipse-stage{position:relative;min-height:560px;overflow:hidden;border:2px solid #fff;background:#090909}.eclipse-sun,.eclipse-earth,.eclipse-moon{position:absolute;top:50%;aspect-ratio:1;border-radius:50%;transform:translateY(-50%)}.eclipse-sun{left:28px;width:130px;background:var(--yellow)}.eclipse-earth{left:43%;width:145px;border:6px solid var(--blue);background:var(--green);z-index:3}.eclipse-earth b{position:absolute;inset:-15px;border:5px solid var(--cyan);border-radius:50%}.earth-shadow{position:absolute;top:50%;left:calc(43% + 100px);width:48%;height:230px;background:#181818;clip-path:polygon(0 32%,100% 0,100% 100%,0 68%);transform:translateY(-50%)}.eclipse-moon{right:8%;width:120px;border:3px solid #fff;background:#fff;z-index:4;transition:right .38s ease,background .38s ease,border-color .38s ease}.bent-light{position:absolute;left:calc(43% + 80px);width:43%;height:16px;background:var(--red);transform-origin:left center;z-index:2;opacity:0;transition:opacity .22s ease}.bent-light.top{top:34%;transform:rotate(7deg)}.bent-light.bottom{bottom:34%;transform:rotate(-7deg)}.stage-one .eclipse-moon{right:18%;background:var(--orange)}.stage-two .eclipse-moon{right:28%;border-color:var(--red);background:var(--red)}.stage-two .bent-light{opacity:1}.eclipse-caption{position:absolute;right:22px;bottom:22px;display:grid;max-width:320px;padding:16px;border:2px solid #fff;background:#090909}.eclipse-caption span{color:var(--yellow);font-size:.72rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.eclipse-caption strong{margin-top:6px}.chapter-moon blockquote{max-width:1000px;margin:24px 0 0 min(11vw,160px);padding:28px;border-left:12px solid var(--red);background:#fff;color:#090909;font-size:clamp(2rem,4vw,4rem);font-weight:800;line-height:1.05}.chapter-together{background:#fff}.comparison-wall{display:grid;grid-template-columns:1fr 1fr;margin:60px 0 0 min(11vw,160px);border:2px solid #090909}.comparison-wall article{min-height:520px;padding:30px}.comparison-blue{background:var(--blue);color:#fff}.comparison-red{border-left:2px solid #090909;background:var(--red)}.comparison-symbol{position:relative;min-height:230px;margin:24px 0;border:2px solid currentColor}.symbol-sun{position:absolute;top:30px;left:30px;width:72px;aspect-ratio:1;border-radius:50%;background:var(--yellow)}.blue-dot{position:absolute;width:18px;height:18px;border:4px solid #fff;border-radius:50%}.bd1{top:44px;left:46%}.bd2{top:124px;left:66%}.bd3{top:168px;left:38%}.symbol-earth{position:absolute;top:50%;left:32%;width:88px;aspect-ratio:1;border:4px solid #090909;border-radius:50%;background:var(--green);transform:translateY(-50%)}.symbol-ray{position:absolute;left:calc(32% + 74px);width:42%;height:12px;background:var(--yellow);transform-origin:left center}.sr1{top:86px;transform:rotate(8deg)}.sr2{bottom:86px;transform:rotate(-8deg)}.symbol-moon{position:absolute;top:50%;right:30px;width:70px;aspect-ratio:1;border:4px solid #090909;border-radius:50%;background:var(--orange);transform:translateY(-50%)}.comparison-wall h3{margin:0 0 12px;font-size:clamp(2rem,3vw,3.2rem);line-height:1}.final-message{max-width:1050px;margin:100px 0 0 min(11vw,160px);padding:60px;background:var(--yellow)}.final-message h2{margin:0;font-size:clamp(3rem,6vw,6rem);line-height:.9;letter-spacing:-.06em}.final-message>p:not(.eyebrow){max-width:720px;margin:24px 0;font-size:1.1rem}.final-message a{color:#090909;font-weight:900}.sources-section{padding:90px clamp(24px,7vw,110px);background:var(--cyan)}.sources-section h2{margin:0;font-size:clamp(2.5rem,5vw,5rem);line-height:.95}.source-links{display:grid;margin-top:34px;border-top:2px solid #090909}.source-links a{padding:18px 0;border-bottom:2px solid #090909;color:#090909;font-size:1.05rem;font-weight:800;text-decoration:none}.source-links a::after{content:"↗";float:right}footer{padding:26px 20px;background:#090909;color:#fff;text-align:center;font-weight:800}footer p{margin:0}@keyframes sun-pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.035)}}@keyframes spectrum-breathe{0%,100%{width:92%}50%{width:100%}}@keyframes particle-drift{0%,100%{transform:translate(0,0)}50%{transform:translate(16px,-12px)}}@media(max-width:1100px){.chapter-nav{display:none}.hero-copy,.chapter-intro,.spectrum-exhibit,.fact-strip,.scatter-lab,.big-takeaway,.path-grid,.sky-control,.observation-grid,.eclipse-exhibit,.chapter-moon blockquote,.comparison-wall,.final-message{margin-left:0}}@media(max-width:820px){.chapter-intro{grid-template-columns:1fr}.chapter-number{font-size:3.5rem}.spectrum-exhibit{grid-template-columns:1fr;padding:36px 18px 80px}.prism{margin:42px auto;transform:rotate(90deg)}.spectrum-lines{width:100%;padding:0}.wavelength-labels{right:18px;bottom:24px;left:18px}.scatter-lab,.path-grid,.sky-control,.eclipse-exhibit,.comparison-wall{grid-template-columns:1fr}.comparison-red{border-top:2px solid #090909;border-left:0}.observation-grid{grid-template-columns:1fr}.big-takeaway{grid-template-columns:1fr}.eclipse-controls{grid-template-columns:repeat(3,1fr)}.eclipse-controls button{grid-template-columns:1fr;justify-items:center;border-right:2px solid #fff;border-bottom:0;text-align:center}.eclipse-controls button:last-child{border-right:0}.eclipse-stage{min-height:500px}.eclipse-sun{width:90px}.eclipse-earth{left:38%;width:110px}.earth-shadow{left:calc(38% + 75px)}.eclipse-moon{width:90px}}@media(max-width:600px){.site-header{padding:9px 12px}.brand small,.header-actions>span{display:none}.hero,.chapter,.sources-section{padding-right:16px;padding-left:16px}.hero{min-height:900px;align-items:end;padding-bottom:100px}.hero-copy{margin-left:0}.hero h1{font-size:clamp(4.2rem,21vw,6.3rem)}.hero-sun{top:120px;right:-70px;width:280px}.fact-strip{grid-template-columns:1fr}.scatter-stage{min-height:520px}.scatter-note{max-width:135px;font-size:.65rem}.eclipse-controls{grid-template-columns:1fr}.eclipse-controls button{grid-template-columns:40px 1fr;justify-items:start;border-right:0;border-bottom:2px solid #fff;text-align:left}.eclipse-stage{min-height:620px}.eclipse-sun{top:80px;left:50%;transform:translateX(-50%)}.eclipse-earth{top:47%;left:50%;transform:translate(-50%,-50%)}.earth-shadow{top:47%;left:50%;width:230px;height:290px;clip-path:polygon(28% 0,72% 0,100% 100%,0 100%);transform:translate(-50%,0)}.eclipse-moon,.stage-one .eclipse-moon,.stage-two .eclipse-moon{top:auto;right:auto;bottom:95px;left:50%;transform:translateX(-50%)}.bent-light{display:none}.final-message{padding:34px 20px}.final-message h2{font-size:3.2rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* Chapter number spacing fix */
@media (min-width: 821px) {
  .chapter-intro {
    grid-template-columns: minmax(150px, 0.18fr) minmax(0, 900px);
    column-gap: clamp(44px, 5vw, 88px);
  }

  .chapter-number {
    width: 100%;
    min-width: 150px;
    white-space: nowrap;
  }
}