:root{--ink:#f7f4ee;--muted:#aeb4c7;--line:#ffffff24;--violet:#a68cff;--cyan:#82e8ec;--peach:#ffc49b;--night:#070914;--night-soft:#0d1020;color:var(--ink);background:var(--night);font-synthesis:none;text-rendering:optimizelegibility;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;min-width:20rem}body{background:var(--night);grid-template-rows:auto 1fr auto;min-height:100svh;margin:0;display:grid;overflow-x:hidden}::selection{color:var(--night);background:var(--cyan)}a{color:inherit}.skip-link{z-index:20;color:var(--night);background:var(--cyan);border-radius:999px;padding:.7rem 1rem;font-weight:750;text-decoration:none;position:fixed;inset:1rem auto auto 1rem;transform:translateY(-200%)}.skip-link:focus{transform:translateY(0)}:focus-visible{outline:.18rem solid var(--cyan);outline-offset:.3rem}.wrap{z-index:1;width:min(100% - 3rem,78rem);margin-inline:auto;position:relative}.sky,.sky span{pointer-events:none;position:fixed}.sky{z-index:0;background:radial-gradient(ellipse at 50% 115%, #4d5b9d52, transparent 55%), linear-gradient(155deg, var(--night) 10%, var(--night-soft) 58%, #090b16);inset:0;overflow:hidden}.sky:after{content:"";background:radial-gradient(circle at 50% 42%,#0000 35%,#0000006b 100%);position:absolute;inset:0}.aurora{aspect-ratio:1.8;filter:blur(7.5rem);mix-blend-mode:screen;border-radius:50%;width:60rem;animation:14s ease-in-out infinite alternate drift}.aurora-one{background:linear-gradient(100deg, var(--violet), var(--cyan));opacity:.25;top:-24rem;right:-18rem;transform:rotate(-16deg)}.aurora-two{background:linear-gradient(100deg, var(--peach), var(--violet));opacity:.13;animation-delay:-7s;top:34%;left:-34rem}.starfield{opacity:.48;background-image:radial-gradient(circle at 15% 28%,#fff 0 1px,#0000 1.4px),radial-gradient(circle at 76% 18%,#fff 0 1px,#0000 1.4px),radial-gradient(circle at 89% 57%,#fff 0 1px,#0000 1.4px),radial-gradient(circle at 37% 69%,#fff 0 1px,#0000 1.4px),radial-gradient(circle at 61% 43%,#fff 0 .8px,#0000 1.2px);background-size:21rem 18rem,28rem 24rem,17rem 23rem,25rem 27rem,19rem 21rem;inset:0}.horizon{aspect-ratio:2.2;background:radial-gradient(at 50% 0,#82e8ec21,#0000 48%),#090b15;border:1px solid #82e8ec3d;border-radius:50% 50% 0 0;bottom:min(-25rem,-34vw);left:-15%;right:-15%;box-shadow:0 -2rem 8rem #82e8ec14}.site-header,.site-footer{justify-content:space-between;align-items:center;display:flex}.site-header{border-bottom:1px solid var(--line);min-height:6.5rem}.wordmark{letter-spacing:.15em;text-transform:uppercase;align-items:center;gap:.75rem;width:max-content;font-size:.8rem;font-weight:760;text-decoration:none;display:inline-flex}.wordmark small{color:var(--muted);letter-spacing:.12em;margin-left:.15rem;font-size:.64rem;font-weight:650}.wordmark-icon{aspect-ratio:1;border:1px solid var(--cyan);width:1.65rem;box-shadow:inset 0 0 0 .3rem var(--night), inset 0 0 0 .38rem #82e8ec8c, 0 0 1.25rem #82e8ec2e;border-radius:50%}.presence{color:var(--muted);letter-spacing:.14em;text-transform:uppercase;align-items:center;gap:.7rem;margin:0;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.7rem;display:flex}.presence span{aspect-ratio:1;background:var(--cyan);width:.45rem;box-shadow:0 0 .9rem var(--cyan);border-radius:50%;animation:3s ease-in-out infinite pulse}.hero{align-content:center;min-height:calc(100svh - 12rem);padding-block:clamp(6rem,12vw,10rem);display:grid}.hero-copy{max-width:68rem}.eyebrow{color:var(--cyan);letter-spacing:.14em;text-transform:uppercase;margin:0 0 1.5rem;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:clamp(.68rem,1.4vw,.76rem)}.eyebrow span{color:var(--muted);margin-inline:.55rem}h1{letter-spacing:-.075em;text-wrap:balance;margin:0;font-weight:580}.hero h1{font-size:clamp(4.5rem,10.5vw,9.5rem);line-height:.78}.hero h1 span,.hero h1 em{display:block}h1 em{color:var(--peach);background:linear-gradient(105deg, var(--peach), var(--violet) 52%, var(--cyan));-webkit-text-fill-color:transparent;background-clip:text;font-style:normal}.lede{color:#c7cad5;text-wrap:pretty;max-width:35rem;margin:clamp(2.6rem,5vw,4rem) 0 0;font-size:clamp(1.05rem,1.8vw,1.25rem);line-height:1.7}.site-footer{border-top:1px solid var(--line);min-height:5.5rem;color:var(--muted);letter-spacing:.12em;text-transform:uppercase;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.68rem}.error-page .page-shell{place-items:center;display:grid}.lost{isolation:isolate;width:100%;padding-block:clamp(5rem,11vw,9rem);position:relative}.error-code{z-index:-1;color:#0000;letter-spacing:-.1em;-webkit-text-stroke:1px #ffffff14;user-select:none;margin:0;font-size:clamp(10rem,28vw,24rem);font-weight:800;line-height:.7;position:absolute;top:50%;right:0;transform:translateY(-50%)}.lost h1{max-width:10ch;font-size:clamp(3.8rem,9vw,7.75rem);line-height:.9}.lost-copy{max-width:34rem;color:var(--muted);margin:2rem 0 2.5rem;font-size:1.05rem;line-height:1.7}.home-link{border:1px solid var(--line);letter-spacing:.08em;text-transform:uppercase;border-radius:999px;align-items:center;gap:.8rem;padding:.85rem 1.15rem;font-size:.75rem;font-weight:700;text-decoration:none;transition:border-color .18s,background-color .18s;display:inline-flex}.home-link:hover{border-color:var(--cyan);background:#82e8ec14}@keyframes drift{to{opacity:.3;transform:translate(-3rem,3rem)rotate(-9deg)scale(1.08)}}@keyframes pulse{50%{opacity:.4;transform:scale(.72)}}@media (width<=42rem){.wrap{width:min(100% - 2rem,78rem)}.presence{font-size:0}.presence span{width:.5rem}.hero{min-height:auto;padding-block:6rem 4rem}.hero h1{font-size:clamp(4.25rem,22vw,6.5rem)}.site-footer{flex-direction:column;justify-content:center;align-items:flex-start}.site-footer p{margin:.18rem 0}.horizon{aspect-ratio:auto;height:46vh;bottom:-28vh}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:more){:root{--muted:#d4d7e0;--line:#fff6}.aurora,.starfield{opacity:.08}}@media (forced-colors:active){h1 em{-webkit-text-fill-color:currentcolor;background:0 0}.wordmark-icon,.home-link{border-color:currentColor}}:root{--night:#0b1015;--night-soft:#0b1015;--ink:#e6e5df;--muted:#a3abb0;--cyan:#d6ae87;--peach:#d6ae87;--line:#d5dfe025}html{min-width:0;scroll-padding-top:2rem}body{background:var(--night)}.sky{display:none}.wrap{width:min(100% - 6rem,86rem)}.site-header{min-height:6rem}.wordmark{letter-spacing:-.04em;text-transform:none;font:400 1.45rem Georgia,serif}.wordmark small{letter-spacing:0;font:.65rem ui-monospace,monospace}.wordmark-icon{width:1.25rem;box-shadow:none;position:relative}.wordmark-icon:after{content:"";background:var(--cyan);height:1px;position:absolute;inset:50% -25% auto;transform:rotate(-35deg)}.observatory-nav{text-transform:uppercase;letter-spacing:.04em;gap:2rem;font:.62rem ui-monospace,monospace;display:flex}.observatory-nav a{color:var(--muted);padding-block:.75rem;text-decoration:none}.observatory-nav a:hover{color:var(--ink)}.night-study{padding-top:2rem;position:relative}.night-meta{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);justify-content:space-between;font:.56rem ui-monospace,monospace;display:flex}.night-heading{z-index:2;pointer-events:none;position:absolute;top:6rem;left:0}.night-heading h1{letter-spacing:-.055em;text-wrap:initial;margin:0;font:400 clamp(4.5rem,8vw,8rem)/.95 Georgia,serif}.night-heading h1 em{color:var(--cyan);-webkit-text-fill-color:currentColor;background:0 0;font-style:italic}.night-heading>p{color:var(--muted);letter-spacing:.025em;margin-top:2rem;font-size:.8rem}.eclipse-stage{padding:3rem 0 0;position:relative}.light-controls{z-index:3;border:0;justify-content:end;align-items:center;gap:1.25rem;margin:0;padding:0;font:.6rem ui-monospace,monospace;display:flex;position:relative}.light-controls legend{float:left;color:var(--muted);margin-right:1rem;padding-block:.7rem}.light-controls label{color:var(--muted);cursor:pointer;align-items:center;gap:.5rem;padding:.7rem 0;display:flex}.light-controls input{accent-color:var(--cyan);cursor:pointer;width:.8rem;height:.8rem;margin:0}.light-controls label:has(:checked){color:var(--ink)}.eclipse-figure{margin:0}.eclipse-art{isolation:isolate;height:clamp(30rem,49vw,48rem);margin-left:18%;position:relative;overflow:hidden}.eclipse-halo{background:radial-gradient(#c3905833 0,#c3905810 38%,#0000 67%);border-radius:50%;transition:opacity 1.5s;position:absolute;inset:2% 3%}.eclipse-corona{aspect-ratio:1;background:#f4d9b6;border-radius:50%;width:60%;position:absolute;top:13%;left:20%;box-shadow:0 0 3px 2px #ffdaaa,0 0 12px #e9aa66,0 0 45px #c580424d,0 0 110px #b6773c24}.eclipse-shadow{aspect-ratio:1;background:radial-gradient(circle at 30% 35%,#101820,#070b10 65%);border-radius:50%;width:60%;transition:transform 1.5s cubic-bezier(.2,.7,.3,1);position:absolute;top:calc(13% - 2px);left:calc(20% + 3px);box-shadow:inset -2px 1px 5px #ad795e33}.eclipse-stage:has(input[value=penumbra]:checked) .eclipse-shadow{transform:translate(12%,-6%)}.eclipse-stage:has(input[value=penumbra]:checked) .eclipse-halo{opacity:.45}.eclipse-tick{background:#d6ae8770;width:1.8rem;height:1px;position:absolute;top:49%}.tick-left{left:5%}.tick-right{right:5%}.eclipse-figure figcaption{border-bottom:1px solid var(--line);color:var(--muted);text-transform:uppercase;letter-spacing:.08em;justify-content:space-between;padding-block:1.5rem;font:.55rem ui-monospace,monospace;display:flex}.night-scroll{color:var(--muted);justify-content:space-between;padding-block:1.5rem;font:.61rem ui-monospace,monospace;text-decoration:none;display:flex}.night-scroll span{color:var(--cyan)}.night-scroll:hover{color:var(--ink)}.phase-section{padding:5rem 0 3rem}.phase-heading{justify-content:space-between;align-items:baseline;gap:2rem;margin-bottom:2.5rem;display:flex}.phase-heading>span{color:var(--muted);font:.58rem ui-monospace,monospace}.phase-heading h2{letter-spacing:-.025em;margin:0;font:400 clamp(1.5rem,2.5vw,2.5rem) Georgia,serif}.phase-grid{grid-template-columns:repeat(3,1fr);display:grid}.phase-grid figure{border-block:1px solid var(--line);margin:0;padding:2.8rem 1.5rem 1.2rem}.phase-grid figure+figure{border-left:1px solid var(--line)}.phase{aspect-ratio:1;isolation:isolate;background:#d7b28e;border-radius:50%;width:60%;margin:0 auto 3rem;position:relative}.phase:after{content:"";background:var(--night);border-radius:50%;position:absolute;inset:0}.phase-sliver:after{transform:translate(-10%,-2%)}.phase-divide{background:linear-gradient(90deg,#d7b28e 0,#b28a66 49.5%,#0b1015 50%);box-shadow:inset 0 0 12px #0b101570}.phase-divide:after{display:none}.phase-trace{background:0 0;border:1px solid #d7b28e80;mask-image:linear-gradient(135deg,#000 10%,#0000 85%)}.phase-trace:after{display:none}.phase-grid figcaption{font:.6rem ui-monospace,monospace}.phase-grid figcaption span{color:var(--muted);margin-right:1.5rem}.observation-notes{border-bottom:1px solid var(--line);margin-bottom:5rem}.observation-notes summary{cursor:pointer;justify-content:space-between;padding-block:1.5rem;font:.68rem ui-monospace,monospace;list-style:none;display:flex}.observation-notes summary::-webkit-details-marker{display:none}.observation-notes summary span{color:var(--cyan)}.observation-notes[open] summary span{transform:rotate(45deg)}.observation-notes p{max-width:33rem;color:var(--muted);margin:0 0 2rem;font-size:.88rem;line-height:1.8}.site-footer{letter-spacing:.03em;min-height:5rem;font:.55rem ui-monospace,monospace}.lost{min-width:0}@media (width<=900px){.wrap{width:calc(100% - 3rem)}.night-heading{top:7rem}.eclipse-art{margin-left:10%}.eclipse-corona,.eclipse-shadow{width:70%}}@media (width<=600px){.wrap{width:calc(100% - 2.5rem)}.site-header{min-height:5rem}.observatory-nav{gap:1.2rem;font-size:.56rem}.night-meta{font-size:.5rem}.night-heading{margin-top:3rem;position:relative;top:auto}.night-heading h1{font-size:clamp(4rem,17vw,6rem)}.night-heading>p{margin-top:1.5rem}.eclipse-stage{padding-top:2rem}.light-controls{justify-content:start;gap:1rem}.eclipse-art{aspect-ratio:1;height:auto;margin:0}.eclipse-corona{width:70%;top:17%;left:15%}.eclipse-shadow{width:70%;top:calc(17% - 2px);left:calc(15% + 3px)}.eclipse-tick{width:.8rem;top:52%}.tick-left{left:0}.tick-right{right:0}.eclipse-figure figcaption{font-size:.5rem}.phase-section{padding-top:3rem}.phase-heading{flex-direction:column;gap:1rem}.phase-heading h2{font-size:1.8rem}.phase-grid figure{padding:1.5rem .6rem 1rem}.phase{width:85%;margin-bottom:1.5rem}.phase-grid figcaption{font-size:.56rem}.phase-grid figcaption span{margin:0 0 .4rem;display:block}.observation-notes{margin-bottom:3rem}.lost h1{font-size:clamp(2.6rem,10.5vw,3.8rem)}.error-code{font-size:8rem}}@media (prefers-reduced-motion:reduce){.eclipse-shadow,.eclipse-halo{transition:none}}@media (forced-colors:active){.eclipse-corona,.eclipse-shadow,.phase{border:1px solid canvastext}.light-controls label:has(:checked){text-decoration:underline}}
