:root{--paper:#eadfce;--paper2:#f4eadb;--ink:#151412;--muted:#605a51;--peach:#f19a72;--flash:#fff8df;--night:#050607;--pearl:#ece9dc;--line:rgba(21,20,18,.23);--mono:'Space Mono',monospace;--display:'Gloock',serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--display);overflow-x:hidden;transition:background-color .65s,color .65s;isolation:isolate}body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:98;background:radial-gradient(circle at 50% 45%,transparent 0 34%,rgba(10,12,13,.1) 100%);opacity:.18;transition:opacity .8s}.grain{position:fixed;inset:-50%;z-index:99;pointer-events:none;opacity:.13;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='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E");animation:grain .24s steps(2) infinite}.shadow-bands{position:fixed;inset:-30%;z-index:95;pointer-events:none;opacity:0;background:repeating-linear-gradient(104deg,transparent 0 36px,rgba(200,210,225,.12) 39px,transparent 43px 82px);filter:blur(4px);transform:translateX(-15%);transition:opacity .5s}.skip-link{position:fixed;left:1rem;top:1rem;transform:translateY(-200%);background:var(--ink);color:var(--paper);padding:.9rem 1.2rem;z-index:120;font:700 .7rem var(--mono)}.skip-link:focus{transform:none}a{color:inherit}.site-header{height:88px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 3vw;border-bottom:1px solid var(--line);position:relative;z-index:20}.wordmark{justify-self:start;text-decoration:none;font:700 .74rem var(--mono);letter-spacing:.19em;display:flex;align-items:center;gap:.7rem}.mark{width:19px;height:19px;border:1px solid;border-radius:50%;display:inline-block;position:relative;overflow:hidden}.mark::after{content:"";position:absolute;width:17px;height:17px;border-radius:50%;background:var(--paper);border:1px solid;left:-6px;top:-1px;transition:background .6s}.site-header nav{display:flex;gap:2.5rem}.site-header nav a,.live-status{font:400 .59rem var(--mono);letter-spacing:.12em;text-decoration:none;text-transform:uppercase}.site-header nav a{position:relative}.site-header nav a::after{content:"";position:absolute;left:0;right:100%;bottom:-6px;height:1px;background:currentColor;transition:right .25s}.site-header nav a:hover::after{right:0}.live-status{justify-self:end}.live-status i{display:inline-block;width:6px;height:6px;background:#d5643d;border-radius:50%;margin-right:.5rem;box-shadow:0 0 0 4px rgba(213,100,61,.13)}
.hero{min-height:calc(100svh - 88px);position:relative;padding:7.7vw 5vw 3vw;display:grid;grid-template-columns:1.1fr .9fr;grid-template-rows:1fr auto;overflow:hidden}.hero-copy{position:relative;z-index:4}.eyebrow,.kicker{font:700 .61rem var(--mono);letter-spacing:.18em;text-transform:uppercase}.hero h1{font-size:clamp(4.7rem,9.4vw,10.2rem);line-height:.78;letter-spacing:-.062em;font-weight:400;margin:1.3rem 0 2rem;max-width:11ch}.hero h1 em,.section-heading h2 em,.saros h2 em,.weep h2 em,.safety h2 em,.closing h2 em,.return-line h2 em{color:var(--muted);font-weight:400}.dek{font-size:clamp(1.1rem,1.5vw,1.45rem);line-height:1.5;max-width:34rem;margin:0 0 2.5rem}.contact-link{display:inline-flex;align-items:center;justify-content:space-between;gap:3rem;border-bottom:1px solid;padding:.75rem 0;text-decoration:none;font:700 .68rem var(--mono);text-transform:uppercase;letter-spacing:.1em}.contact-link span{font-size:1.2rem;transition:transform .25s}.contact-link:hover span{transform:translateY(4px)}.hero-orbit{position:absolute;width:min(54vw,780px);aspect-ratio:1;right:-8vw;top:2vw}.sun-disc{position:absolute;width:66%;height:66%;border-radius:50%;left:17%;top:17%;background:radial-gradient(circle at 44% 43%,#fffbee 0 12%,#f7c88a 31%,#ee9369 67%,#bd5e42 100%);box-shadow:0 0 42px rgba(237,137,88,.5),0 0 130px rgba(237,137,88,.22)}.sun-disc::after{content:"";position:absolute;inset:2%;border-radius:50%;background:repeating-radial-gradient(circle at 60% 30%,transparent 0 10px,rgba(255,255,255,.04) 11px,transparent 13px)}.moon-disc{position:absolute;width:97%;height:97%;border-radius:50%;background:radial-gradient(circle at 68% 38%,#292721,#0c0c0b 68%);left:-11%;top:0;box-shadow:inset -18px -8px 35px #000;z-index:2}.flare{position:absolute;border-radius:50%;border:7px solid #fff1c1;filter:blur(4px);z-index:0}.flare-a{width:18%;height:12%;left:4%;top:-4%;transform:rotate(35deg)}.flare-b{width:9%;height:15%;right:4%;bottom:8%;transform:rotate(-18deg)}.orbit-line{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:rgba(21,20,18,.34);stroke-width:1;stroke-dasharray:2 8}.orbit-line path{stroke:var(--ink);stroke-width:1.7;stroke-dasharray:1 6}.orbit-label{position:absolute;font:400 .53rem var(--mono);letter-spacing:.1em}.orbit-label-a{right:8%;top:19%}.orbit-label-b{left:4%;bottom:19%}.tiny-coordinate{position:absolute;right:5%;bottom:5%;font:400 .52rem/1.8 var(--mono);text-align:right}.hero-meta{grid-column:1/-1;border-top:1px solid var(--line);display:flex;gap:clamp(2rem,7vw,8rem);padding-top:1.3rem;z-index:5}.hero-meta span{font:400 .54rem/1.8 var(--mono);letter-spacing:.1em}.hero-meta b{font-size:.68rem}.margin-note{position:absolute;z-index:5;right:2vw;top:45%;writing-mode:vertical-rl;font:400 .54rem var(--mono);letter-spacing:.1em}.manifesto{padding:12vw 12vw 14vw;display:grid;grid-template-columns:1fr 4fr 1.4fr;gap:4vw;align-items:start;border-top:1px solid var(--line)}.manifesto blockquote{font-size:clamp(2.8rem,5vw,6rem);line-height:1.02;letter-spacing:-.035em;margin:0}.byline{font:400 .58rem/1.8 var(--mono);text-transform:uppercase;margin-top:50%}
.logs{padding:10vw 5vw 12vw;background:#d9ccba}.section-heading{display:grid;grid-template-columns:1fr 2.2fr 1fr;gap:4vw;align-items:end;margin-bottom:7vw}.section-heading .eyebrow{align-self:start}.section-heading h2,.saros h2,.weep h2,.safety h2{font-size:clamp(3.2rem,7vw,7rem);line-height:.92;letter-spacing:-.05em;font-weight:400;margin:0}.section-heading>p:last-child{font-size:1.06rem;line-height:1.5;margin:0}.log-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:1px;background:rgba(21,20,18,.23);border:1px solid var(--line)}.log-card{background:#d9ccba;padding:2.2rem;min-height:430px;grid-column:span 4;position:relative;display:flex;flex-direction:column}.log-card.featured{grid-column:span 8;min-height:560px;padding:3rem}.card-index,.card-date{font:400 .56rem var(--mono);letter-spacing:.08em}.card-date{margin-top:auto}.log-card h3{font-size:clamp(2rem,3.3vw,4.2rem);font-weight:400;line-height:.94;letter-spacing:-.035em;margin:.8rem 0 1.5rem}.log-card>p:not(.card-date):not(.weather-stamp){font-size:1rem;line-height:1.55;max-width:35rem}.log-card dl{display:flex;gap:1.8rem;border-top:1px solid var(--line);padding-top:1rem;margin-top:auto}.log-card dl div{display:grid;gap:.25rem}.log-card dt,.log-card dd{font:400 .51rem var(--mono);text-transform:uppercase;margin:0}.log-card dd{font-weight:700}.map-mark{position:absolute;width:45%;aspect-ratio:1;right:7%;top:2%;border:1px solid var(--line);border-radius:50%}.map-mark::before,.map-mark::after{content:"";position:absolute;background:var(--line)}.map-mark::before{width:1px;height:100%;left:50%}.map-mark::after{height:1px;width:100%;top:50%}.map-mark span{position:absolute;width:10px;height:10px;border:2px solid #b94b29;border-radius:50%;top:61%;left:27%}.weather-stamp{position:absolute;right:1.5rem;top:3rem;border:2px solid #9c3f2d;color:#873323;padding:.5rem;font:700 .6rem var(--mono);transform:rotate(8deg)}.heartbreak{background:#c6baa8}.next-card{background:var(--ink);color:var(--paper)}.next-card dl{border-color:rgba(234,223,206,.35)}
.totality-stage{height:460vh;background:#bdb5a9;position:relative}.totality-sticky{position:sticky;top:0;height:100svh;overflow:hidden;background:#bdb5a9;color:#1a1917;transition:background .7s,color .7s}.totality-sticky::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 62% 45%,transparent 0 24%,rgba(0,0,0,.35) 80%);opacity:0;transition:opacity 1s}.eclipse-system{position:absolute;width:min(50vw,680px);aspect-ratio:1;left:56%;top:48%;transform:translate(-50%,-50%);z-index:4}.eclipse-sun{position:absolute;inset:12%;border-radius:50%;background:#fff4c5;box-shadow:0 0 60px #fff2bb,0 0 160px rgba(255,180,111,.5)}.eclipse-moon{position:absolute;width:100%;height:100%;border-radius:50%;background:#0b0c0c;left:-110%;top:0;box-shadow:inset -20px -6px 30px #000;will-change:transform}.corona-css{position:absolute;inset:8%;border-radius:50%;opacity:0;background:repeating-conic-gradient(from 5deg,rgba(255,255,245,.9) 0 1deg,transparent 2deg 6deg);filter:blur(10px);mask-image:radial-gradient(circle,transparent 0 52%,#000 59%,transparent 75%);transform:scale(1.1);transition:opacity 1s}.diamond{position:absolute;width:14px;height:14px;border-radius:50%;background:white;right:3%;top:19%;opacity:0;box-shadow:0 0 8px 4px white,0 0 28px 12px #fff6c4,0 0 100px 26px #f4a16f}.totality-copy{position:absolute;left:5vw;top:50%;transform:translateY(-50%);z-index:7;width:39vw}.totality-copy h2{font-size:clamp(3.5rem,7vw,8rem);font-weight:400;line-height:.84;letter-spacing:-.055em;margin:1rem 0 1.8rem}.totality-copy h2 em{color:#625e57;font-weight:400}.stage-note{font-size:1.05rem;line-height:1.5;max-width:26rem}.telemetry{position:absolute;z-index:7;right:3vw;bottom:3vw;display:flex;gap:3rem}.telemetry div{display:grid;gap:.35rem}.telemetry small{font:400 .5rem var(--mono);letter-spacing:.1em}.telemetry strong{font:700 .72rem var(--mono)}.contact-rail{position:absolute;z-index:8;left:5vw;right:5vw;top:4vw;display:flex;align-items:center;gap:.7rem;font:700 .52rem var(--mono)}.contact-rail i{height:1px;background:currentColor;opacity:.25;flex:1}.totality-caption{position:absolute;right:2vw;top:25%;writing-mode:vertical-rl;z-index:7;font:400 .52rem var(--mono);letter-spacing:.1em}#corona{position:absolute;inset:0;width:100%;height:100%;z-index:3;opacity:0;transition:opacity 1s}.horizon-glow{position:absolute;inset:auto -10% -15% -10%;height:43%;background:radial-gradient(ellipse at 50% 100%,#f7ad7e 0,#c55343 18%,rgba(139,41,44,.45) 38%,transparent 68%);opacity:0;filter:blur(8px);transition:opacity 1s;z-index:2}.stars{position:absolute;inset:0;opacity:0;z-index:2;transition:opacity 1s}.stars i{position:absolute;width:3px;height:3px;background:white;border-radius:50%;box-shadow:0 0 7px white}.stars i:nth-child(1){left:12%;top:26%}.stars i:nth-child(2){left:34%;top:17%;width:2px;height:2px}.stars i:nth-child(3){left:77%;top:22%}.stars i:nth-child(4){left:86%;top:62%;width:2px;height:2px}.stars i:nth-child(5){left:24%;top:73%;width:2px;height:2px}.stars i:nth-child(6){left:71%;top:79%}
body.in-eclipse{background:#0a0c0d;color:var(--pearl)}body.in-eclipse::before{opacity:.8}body.in-eclipse .site-header{color:var(--pearl);border-color:rgba(236,233,220,.25)}body.in-eclipse .mark::after{background:#0a0c0d}body.in-eclipse .shadow-bands{opacity:.55;animation:bands 4s linear infinite}body.in-totality .shadow-bands{opacity:0}body.in-totality .totality-sticky{background:#040506;color:var(--pearl)}body.in-totality .totality-sticky::after{opacity:1}body.in-totality #corona,body.in-totality .horizon-glow,body.in-totality .stars,body.in-totality .corona-css{opacity:1}body.in-totality .totality-copy h2 em{color:var(--peach)}body.in-totality .eclipse-sun{box-shadow:0 0 9px rgba(255,255,245,.9),0 0 26px rgba(255,255,245,.55)}body.diamond-ring .diamond{opacity:1}body.diamond-ring .eclipse-system{animation:impact .55s ease-out}.planet{display:inline-block;width:16px;height:16px;border-radius:50%;background:#b78455;box-shadow:inset -5px -2px 6px rgba(0,0,0,.4);opacity:0;transition:opacity .6s}body.in-totality .planet{opacity:1}
.return-line{padding:15vw 7vw 16vw;background:var(--flash);color:var(--ink);position:relative}.return-line>p:nth-child(2){font-size:clamp(1.2rem,2vw,2rem);margin-top:8vw}.return-line h2{font-size:clamp(4rem,9vw,10rem);line-height:.84;font-weight:400;letter-spacing:-.06em;margin:1rem 0 0}.saros{padding:12vw 5vw;background:#b9ad9a}.saros-intro{display:grid;grid-template-columns:1fr 1.4fr 1fr;gap:4vw;align-items:end}.saros-intro .eyebrow{align-self:start}.saros-intro>p:last-child{font-size:1.05rem;line-height:1.55}.table-wrap{margin-top:8vw;overflow:auto;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink)}table{border-collapse:collapse;width:100%;min-width:850px}caption{text-align:left;padding:1.2rem 0;font:700 .6rem var(--mono);text-transform:uppercase;letter-spacing:.12em}th,td{text-align:left;border-top:1px solid rgba(21,20,18,.25);padding:1.25rem .8rem;font:400 .64rem var(--mono)}th{font-weight:700;text-transform:uppercase;font-size:.53rem}.observed{background:rgba(255,248,223,.45)}.observed td:last-child{font-weight:700}.future{background:var(--ink);color:var(--paper)}
.weep{padding:13vw 8vw 15vw;background:var(--paper2);display:grid;grid-template-columns:1fr 1.25fr;gap:10vw}.planet-heading{position:sticky;top:12vh;align-self:start}.planet-heading .planet{position:absolute;right:9%;top:0}.weep h2{margin-top:1.5rem}.essay{font-size:clamp(1.15rem,1.55vw,1.5rem);line-height:1.68}.essay .lede{font-size:1.55em;line-height:1.25}.pull{font-size:1.5em;line-height:1.25;border-left:3px solid var(--peach);padding-left:1.5rem;margin:4rem 0}.safety{min-height:100vh;background:#151412;color:#eee7dc;padding:10vw 8vw;display:grid;grid-template-columns:.9fr 1.1fr;gap:10vw;align-items:center;position:relative;overflow:hidden}.safety-disc{width:42vw;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#fff4d3 0 45%,#eaa06d 65%,#bd5940 100%);box-shadow:0 0 70px rgba(242,161,113,.42);position:relative}.safety-disc span{position:absolute;width:83%;height:83%;border-radius:50%;background:#111;left:-2%;top:8.5%;box-shadow:8px 0 3px rgba(255,255,255,.75)}.safety h2 em{color:var(--peach)}.safety-lede{font-size:1.35rem}.safety ol{list-style:none;padding:0;margin:3rem 0}.safety li{display:grid;grid-template-columns:3rem 1fr;border-top:1px solid rgba(255,255,255,.23);padding:1.2rem 0}.safety li>span{font:400 .56rem var(--mono);color:var(--peach)}.safety li p{margin:0;font-size:1rem;line-height:1.5}.safety li strong{display:block;font:700 .58rem var(--mono);text-transform:uppercase;letter-spacing:.1em;margin-bottom:.35rem}.cert-note{font:700 .52rem/1.7 var(--mono);letter-spacing:.1em}.closing{min-height:100svh;padding:10vw 6vw;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;background:var(--paper);position:relative;overflow:hidden}.closing h2{font-size:clamp(4rem,10vw,11rem);line-height:.84;letter-spacing:-.06em;font-weight:400;margin:2rem 0;position:relative;z-index:2}.closing>p:last-child{font:400 .58rem/1.8 var(--mono);letter-spacing:.12em}.closing-orbit{position:absolute;width:58vw;aspect-ratio:1;border:1px solid rgba(21,20,18,.2);border-radius:50%}.closing-orbit::before,.closing-orbit::after{content:"";position:absolute;border:1px solid rgba(21,20,18,.13);border-radius:50%;inset:8%}.closing-orbit::after{inset:19%}.closing-orbit span{position:absolute;width:18px;height:18px;border-radius:50%;background:var(--ink);left:6.5%;top:21%}footer{min-height:110px;background:#151412;color:#e9dfd1;display:flex;align-items:center;justify-content:space-between;padding:2rem 4vw;font:400 .56rem var(--mono);letter-spacing:.06em}footer nav{display:flex;gap:2rem}footer a{text-decoration:none;border-bottom:1px solid transparent}footer a:hover{border-color:currentColor}.reveal{opacity:0;transform:translateY(24px);transition:opacity .85s ease,transform .85s cubic-bezier(.2,.8,.2,1)}.reveal.visible{opacity:1;transform:none}.hero .reveal:nth-child(2){transition-delay:.15s}.hero .reveal:nth-child(3){transition-delay:.3s}
@keyframes grain{0%{transform:translate(0,0)}25%{transform:translate(3%,-2%)}50%{transform:translate(-2%,3%)}75%{transform:translate(2%,2%)}100%{transform:translate(-3%,-2%)}}@keyframes bands{to{transform:translateX(15%)}}@keyframes impact{20%{transform:translate(-50%,-50%) scale(1.035)}100%{transform:translate(-50%,-50%) scale(1)}}
:focus-visible{outline:2px solid #e05f39;outline-offset:5px}
@media(max-width:900px){.site-header{grid-template-columns:1fr auto;height:74px;padding:0 1.2rem}.site-header nav{display:none}.live-status{font-size:.5rem}.hero{min-height:940px;padding:5rem 1.5rem 2rem;grid-template-columns:1fr}.hero h1{font-size:clamp(4.2rem,16vw,8rem);position:relative;z-index:6}.hero-orbit{width:77vw;right:-15vw;top:17rem;opacity:.82}.hero-copy{max-width:650px}.hero-meta{align-self:end;gap:1.5rem;flex-wrap:wrap}.margin-note{display:none}.manifesto{grid-template-columns:1fr;padding:8rem 1.5rem}.manifesto blockquote{font-size:clamp(2.6rem,8vw,5rem)}.byline{margin-top:0}.logs{padding:7rem 1.5rem}.section-heading,.saros-intro{grid-template-columns:1fr}.section-heading{gap:1.5rem}.log-card,.log-card.featured{grid-column:span 6;min-height:430px}.eclipse-system{width:62vw;left:68%;top:38%}.totality-copy{left:1.5rem;top:69%;width:65vw}.totality-copy h2{font-size:clamp(3.3rem,10vw,6rem)}.telemetry{left:1.5rem;right:auto;bottom:2rem}.contact-rail{left:1.5rem;right:1.5rem}.saros{padding:8rem 1.5rem}.weep{padding:8rem 1.5rem;gap:4rem}.safety{padding:8rem 2rem;gap:4rem}.safety-disc{width:40vw}.closing-orbit{width:80vw}}
@media(max-width:600px){.grain{opacity:.09}.live-status{display:none}.site-header{grid-template-columns:1fr}.wordmark{height:44px}.hero{min-height:850px;padding:3.5rem 1.1rem 1.5rem}.hero h1{font-size:4.25rem;line-height:.82;margin-top:1rem}.dek{font-size:1.03rem;max-width:23rem}.contact-link{gap:1.3rem}.hero-orbit{width:89vw;top:17rem;right:-29vw}.hero-meta{gap:1rem}.hero-meta span{width:calc(50% - .5rem)}.manifesto{padding:6rem 1.1rem}.manifesto blockquote{font-size:2.65rem}.logs{padding:6rem 1rem}.section-heading h2,.saros h2,.weep h2,.safety h2{font-size:3.4rem}.log-grid{display:block;background:none;border:0}.log-card,.log-card.featured{min-height:410px;border:1px solid var(--line);margin-bottom:1rem;padding:1.5rem}.log-card.featured{min-height:500px}.log-card h3{font-size:2.55rem}.map-mark{width:55%;opacity:.75}.totality-stage{height:420vh}.eclipse-system{width:88vw;left:65%;top:34%}.totality-copy{left:1.1rem;top:64%;width:calc(100% - 2.2rem)}.totality-copy h2{font-size:3.6rem}.stage-note{font-size:.95rem}.telemetry{left:1.1rem;right:1.1rem;bottom:1.2rem;gap:0;justify-content:space-between}.telemetry strong{font-size:.63rem}.totality-caption{display:none}.return-line{padding:8rem 1.1rem}.return-line h2{font-size:4rem}.saros{padding:7rem 1rem}.saros-intro{gap:1.2rem}.weep{grid-template-columns:1fr;padding:7rem 1.1rem}.planet-heading{position:relative;top:auto}.essay{font-size:1.08rem}.safety{grid-template-columns:1fr;padding:6rem 1.1rem}.safety-disc{width:75vw;margin:auto}.closing{padding:7rem 1rem}.closing h2{font-size:4.3rem}.closing-orbit{width:130vw}footer{align-items:flex-start;flex-direction:column;gap:1.5rem;padding:2rem 1.2rem}footer nav{flex-direction:column;gap:1rem;width:100%}footer a{min-height:44px;display:flex;align-items:center}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.grain,.shadow-bands{animation:none!important}.reveal{opacity:1;transform:none;transition:none}.eclipse-system{animation:none!important}*{transition-duration:.01ms!important}}

/* Pass 1 refinements: preserve full-page content and sharpen the eclipse choreography. */
.totality-stage{height:380vh}
.totality-sticky::after{background:radial-gradient(circle at 70% 45%,transparent 0 24%,rgba(0,0,0,.35) 80%)}
.eclipse-system{width:min(43vw,620px);left:70%}
.totality-copy{width:35vw}
.totality-copy h2{font-size:clamp(3.5rem,6.5vw,7.4rem)}
.telemetry{padding:.75rem 0;border-top:1px solid currentColor}
.closing{min-height:84svh;padding:8vw 6vw}
.closing::before,.closing::after{position:absolute;font:400 .49rem var(--mono);letter-spacing:.12em;top:50%;transform:translateY(-50%);opacity:.62}
.closing::before{content:"UMBRA VELOCITY / 0.74 KM·S⁻¹";left:2vw;writing-mode:vertical-rl}
.closing::after{content:"SUN ALTITUDE / 41° 09′";right:2vw;writing-mode:vertical-rl}
footer{font-size:.62rem}
.reveal,.reveal.visible{opacity:1;transform:none}
.hero .reveal{animation:load-rise .9s both cubic-bezier(.2,.8,.2,1)}
.hero .reveal:nth-child(2){animation-delay:.15s}
.hero .reveal:nth-child(3){animation-delay:.3s}
@keyframes load-rise{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}

@media(max-width:900px){.hero-orbit{width:74vw;right:-19vw;top:21rem;opacity:.76}.hero .dek{max-width:23rem}.eclipse-system{width:58vw;left:68%;top:34%}.totality-copy{top:68%;width:64vw}.totality-copy h2{font-size:clamp(3.3rem,9vw,5.5rem)}.telemetry{bottom:1.5rem}}
@media(max-width:600px){.hero{min-height:900px}.hero .dek{max-width:22rem}.contact-link{position:relative;z-index:7}.hero-orbit{width:88vw;top:24rem;right:-48vw;opacity:.78}.totality-stage{height:360vh}.eclipse-system{width:80vw;left:66%;top:30%}.totality-copy{top:62%;width:calc(100% - 2.2rem)}.totality-copy h2{font-size:3.45rem}.stage-note{font-size:.92rem;max-width:21rem}.telemetry{bottom:.75rem;padding:.6rem 0}.telemetry strong{font-size:.61rem}.telemetry small{font-size:.44rem}.closing{min-height:76svh;padding:6rem 1rem}.closing::before,.closing::after{display:none}footer{font-size:.6rem}footer nav{gap:.5rem}}
@media(prefers-reduced-motion:reduce){.hero .reveal{animation:none}}

/* Pass 2 — the page behaves as weather, not a gallery of eclipse motifs. */
:root{
  --paper:#e8dcc8;
  --paper2:#f2e8d8;
  --ink:#11110f;
  --muted:#635e55;
  --peach:#f58f68;
  --ember:#a94130;
  --flash:#fffbe9;
  --night:#020405;
  --pearl:#f1eee3;
}
body{background-image:linear-gradient(115deg,rgba(255,251,237,.52),transparent 42%),radial-gradient(circle at 76% 14%,rgba(245,143,104,.13),transparent 29%)}
.site-header{backdrop-filter:blur(12px);background:rgba(232,220,200,.72);position:relative;transition:background .45s,color .45s,border-color .45s}
.site-header nav a{min-height:44px;display:inline-flex;align-items:center}
.hero::before{content:"";position:absolute;inset:0;background:linear-gradient(104deg,transparent 0 52%,rgba(255,250,231,.42) 52.15%,transparent 52.6%),repeating-linear-gradient(104deg,transparent 0 86px,rgba(72,55,39,.025) 87px,transparent 89px);pointer-events:none}
.hero::after{content:"258 KM / UMBRA WIDTH";position:absolute;left:50%;top:5.5vw;font:400 .48rem var(--mono);letter-spacing:.14em;transform:rotate(-90deg);transform-origin:left top;opacity:.55}
.hero-copy{max-width:47rem;z-index:6}
.hero h1{line-height:.75;text-wrap:balance;text-shadow:0 1px rgba(255,255,255,.25)}
.hero-countdown{display:grid;grid-template-columns:auto 1fr;align-items:baseline;column-gap:1.2rem;width:min(31rem,100%);margin:2.5rem 0 0;padding-top:1rem;border-top:1px solid var(--line);font-family:var(--mono);position:relative;z-index:8}
.hero-countdown span{font-size:.52rem;letter-spacing:.13em;font-weight:700}
.hero-countdown strong{justify-self:end;font-size:1.15rem;letter-spacing:.08em}
.hero-countdown small{grid-column:1/-1;margin-top:.4rem;font-size:.48rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.hero-orbit{filter:drop-shadow(0 18px 34px rgba(66,30,11,.12));z-index:2}
.sun-disc{background:radial-gradient(circle at 46% 42%,#fffbe7 0 5%,#ffd29b 23%,#f18d62 59%,#ae3d2d 100%);box-shadow:0 0 26px rgba(255,241,190,.8),0 0 90px rgba(235,108,65,.32),0 0 180px rgba(151,58,38,.14)}
.moon-disc{background:radial-gradient(circle at 68% 34%,#282822 0,#111210 48%,#050606 100%)}
.hero-scale{position:absolute;z-index:6;right:5vw;bottom:2.1rem;width:min(35vw,480px);display:flex;align-items:center;gap:.55rem;font:400 .46rem var(--mono);letter-spacing:.1em}
.hero-scale i{height:1px;background:var(--ink);opacity:.3;flex:1}

.manifesto{background:linear-gradient(180deg,rgba(255,255,255,.12),transparent),var(--paper)}
.manifesto blockquote{max-width:15ch;text-wrap:balance}
.logs{background:linear-gradient(135deg,#d4c5ae,#c9bba7 55%,#d7cab7);position:relative}
.logs::before{content:"FIELD ARCHIVE / WEATHER IS THE ADVERSARY";position:absolute;right:1.4rem;top:10vw;writing-mode:vertical-rl;font:400 .47rem var(--mono);letter-spacing:.14em;opacity:.6}
.log-grid{gap:0;background:transparent;border:0;border-top:1px solid var(--ink)}
.log-card,.log-card.featured{background:transparent;border-right:1px solid var(--line);border-bottom:1px solid var(--line);box-shadow:none}
.log-card.featured{grid-column:span 7;background:radial-gradient(circle at 82% 34%,rgba(255,246,211,.65) 0 4%,rgba(226,135,86,.24) 5% 17%,transparent 18%)}
.log-card.heartbreak{grid-column:span 5;background:linear-gradient(146deg,rgba(80,91,96,.18),transparent 56%)}
.log-card:nth-child(n+3){grid-column:span 3;min-height:470px;padding-top:4.5rem}
.log-card:nth-child(4),.log-card:nth-child(6){transform:translateY(2.5rem)}
.weather-stamp{background:rgba(232,220,200,.74);box-shadow:0 8px 20px rgba(93,48,37,.08)}

.totality-sticky{background:linear-gradient(135deg,#bdb5a9,#a9aaa6);--stage-progress:0}
.totality-sticky::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(112deg,transparent 35%,rgba(242,240,221,.25) 46%,transparent 58%);transform:translateX(calc((var(--stage-progress) * 40% - 20%)));opacity:.75;pointer-events:none}
.umbra-front{position:absolute;z-index:2;inset:-20%;background:radial-gradient(circle at 70% 45%,rgba(2,4,5,.96) 0 17%,rgba(2,4,5,.88) 34%,rgba(3,5,6,.3) 54%,transparent 72%);opacity:0;transform:scale(.42);transition:opacity .55s,transform 1.1s cubic-bezier(.22,.78,.18,1);pointer-events:none}
body.in-eclipse:not(.in-totality) .umbra-front{opacity:.88;transform:scale(1.25)}
body.in-totality .umbra-front{opacity:0;transform:scale(1.5)}
.corona-css{inset:-4%;background:conic-gradient(from 8deg,transparent 0 15deg,rgba(255,255,245,.85) 23deg,transparent 31deg 72deg,rgba(222,232,236,.64) 88deg,transparent 105deg 184deg,rgba(255,255,245,.78) 206deg,transparent 222deg 286deg,rgba(219,231,236,.62) 303deg,transparent 326deg);filter:blur(17px);mask-image:radial-gradient(circle,transparent 0 45%,#000 51%,transparent 75%);transform:scale(1.25)}
.eclipse-sun{background:#fff9d5;box-shadow:0 0 45px rgba(255,247,199,.95),0 0 180px rgba(255,165,104,.55)}
.eclipse-moon{background:radial-gradient(circle at 58% 36%,#101314,#030405 64%,#000 100%);box-shadow:inset -12px -4px 35px #000,0 0 0 1px rgba(242,239,223,.08)}
.baileys{position:absolute;z-index:3;inset:-2%;border-radius:50%;opacity:0;background:repeating-conic-gradient(from 4deg,transparent 0 16deg,#fffbed 16.25deg 16.6deg,transparent 16.8deg 37deg);mask-image:radial-gradient(circle,transparent 0 48.5%,#000 49.6%,transparent 51%);filter:drop-shadow(0 0 4px #fff);transition:opacity .18s}
body.phase-bands .baileys,body.diamond-ring .baileys{opacity:.75}
.planet-field{position:absolute;inset:0;z-index:5;opacity:0;transition:opacity 1.4s;pointer-events:none;font:400 .48rem var(--mono);letter-spacing:.12em;color:rgba(241,238,227,.72)}
.planet-field span{position:absolute;display:flex;gap:.6rem;align-items:center}
.planet-field i{display:block;width:5px;height:5px;border-radius:50%;background:var(--flash);box-shadow:0 0 10px rgba(255,255,235,.8)}
.planet-field .venus{left:25%;top:21%;flex-direction:row-reverse}.planet-field .venus i{width:7px;height:7px}
.planet-field .jupiter{right:12%;top:73%}
body.in-totality .planet-field{opacity:1}
.contact-rail{height:18px}
.contact-rail b{position:absolute;left:calc(var(--stage-progress) * 100%);top:7px;width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:0 0 0 4px rgba(255,255,255,.08);transform:translateX(-50%);transition:left .08s linear}
.field-whisper{display:grid;gap:.5rem;margin:2.2rem 0 0;padding-left:1rem;border-left:2px solid var(--peach);max-width:25rem}
.field-whisper span{font:700 .47rem var(--mono);letter-spacing:.14em}
.field-whisper q{font-size:.95rem;line-height:1.35;color:inherit}
.telemetry{min-width:290px;justify-content:space-between;background:linear-gradient(90deg,transparent,rgba(2,4,5,.24));padding:.8rem .75rem .8rem 0}
.horizon-glow{height:49%;background:radial-gradient(ellipse at 50% 112%,#f6bb8c 0,#d3604a 17%,rgba(135,41,46,.6) 35%,rgba(52,19,29,.18) 58%,transparent 72%);filter:blur(12px)}
body.in-totality .totality-sticky{background:radial-gradient(circle at 70% 45%,#050809 0,#020405 55%,#060508 100%)}
body.in-totality .eclipse-sun{box-shadow:0 0 3px 1px rgba(255,255,245,1),0 0 12px 5px rgba(240,240,226,.76),0 0 43px 15px rgba(194,211,220,.21)}
body.diamond-ring .totality-sticky{filter:brightness(1.55)}
.diamond{right:0;top:20%;width:11px;height:11px;box-shadow:0 0 5px 4px white,0 0 26px 15px #fff6c4,0 0 120px 44px #f4a16f}
.return-line{overflow:hidden;background:linear-gradient(104deg,#fffdf0 0 58%,#f6d1ad 59%,#fffbe9 67%)}
.return-flash{position:absolute;width:26vw;aspect-ratio:1;border-radius:50%;right:-8vw;top:50%;transform:translateY(-50%);background:#fff;box-shadow:0 0 35px 12px #fff,0 0 120px 55px rgba(255,196,130,.78),0 0 260px 90px rgba(242,126,83,.3)}
.return-line>*:not(.return-flash){position:relative;z-index:2}
.table-hint{display:none;margin:1rem 0;font:700 .5rem var(--mono);letter-spacing:.11em}

@media(max-width:900px){
  .site-header{height:118px;grid-template-columns:1fr auto;grid-template-rows:64px 54px;padding:0 1.1rem}
  .site-header nav{display:flex;grid-row:2;grid-column:1/-1;gap:0;justify-content:space-between;border-top:1px solid var(--line)}
  .site-header nav a{font-size:.52rem;letter-spacing:.08em;padding:0 .25rem}
  .hero{min-height:calc(100svh - 118px);padding-top:4rem}
  .hero::after{display:none}
  .hero-countdown{width:min(25rem,70%)}
  .hero-scale{display:none}
  .log-card:nth-child(n+3){grid-column:span 6;transform:none}
  .planet-field .venus{left:12%;top:23%}.planet-field .jupiter{right:9%;top:56%}
  .field-whisper{margin-top:1.3rem}
}
@media(max-width:600px){
  .site-header{height:108px;grid-template-rows:56px 52px;position:relative}
  .wordmark{height:44px}.site-header nav a{font-size:.47rem;letter-spacing:.045em}
  .hero{min-height:960px;padding-top:3rem;background:radial-gradient(circle at 100% 64%,rgba(242,139,94,.19),transparent 28%)}
  .hero h1{font-size:4.2rem;letter-spacing:-.07em}
  .hero-countdown{width:54%;margin-top:2rem;display:flex;flex-direction:column;align-items:flex-start;gap:.42rem}.hero-countdown strong{font-size:1rem;justify-self:auto}.hero-countdown small{line-height:1.5;margin-top:0}
  .hero-orbit{top:27rem;right:-47vw;width:104vw}
  .hero-meta{padding-top:1rem}.hero-meta span{width:calc(33.333% - .7rem)}
  .hero-meta span:last-child{width:100%}
  .logs::before{display:none}
  .log-card:nth-child(n+3){min-height:390px;padding-top:3rem}
  .totality-stage{height:390vh}
  .eclipse-system{width:84vw;left:68%;top:28%}
  .totality-copy{top:59%;z-index:8}
  .totality-copy h2{font-size:3.35rem}
  .stage-note{line-height:1.4}
  .field-whisper{display:none}
  .planet-field .venus{left:8%;top:19%}.planet-field .jupiter{right:6%;top:51%}
  .planet-field .jupiter{font-size:0;top:52%}
  .telemetry{min-width:0;background:none}
  .table-hint{display:block}
  .return-flash{width:65vw;right:-40vw}
}
@media(prefers-reduced-motion:reduce){
  .totality-stage{height:220vh}
  .contact-rail b{transition:none}
  .umbra-front{transition:none}
  body.diamond-ring .totality-sticky{filter:none}
}

/* Pass 3 — art direction: retinal memory, optical type, and tactile field surfaces. */
html{scroll-padding-top:6.5rem;scrollbar-color:var(--ember) var(--paper);scrollbar-width:thin}
body{font-optical-sizing:auto;font-kerning:normal;text-rendering:optimizeLegibility}
::selection{background:var(--ember);color:var(--flash);text-shadow:none}
::-webkit-scrollbar{width:11px;height:11px}
::-webkit-scrollbar-track{background:var(--paper)}
::-webkit-scrollbar-thumb{background:linear-gradient(var(--peach),var(--ember));border:3px solid var(--paper);border-radius:999px}
::-webkit-scrollbar-corner{background:var(--paper)}
p,blockquote{hanging-punctuation:first last;text-wrap:pretty}
h1,h2,h3{text-wrap:balance}
.hero h1,.section-heading h2,.saros h2,.weep h2,.safety h2,.closing h2,.return-line h2{font-kerning:normal}
.hero-countdown strong,.hero-meta b,.card-date,.log-card dd,.telemetry strong,td,.closing>p:last-child{font-variant-numeric:tabular-nums lining-nums}
.site-header{animation:header-arrival .78s both cubic-bezier(.16,.84,.24,1)}
.site-header nav a,.wordmark,footer a,.contact-link,.afterimage-trigger{transition:color .28s ease,background-color .28s ease,border-color .28s ease,transform .32s cubic-bezier(.2,.8,.2,1)}
.site-header nav a:hover,.site-header nav a:focus-visible{color:var(--ember)}
.wordmark:hover .mark::after,.wordmark:focus-visible .mark::after{left:2px}
.contact-link:hover,.contact-link:focus-visible{color:var(--ember);padding-left:.35rem}
footer a{position:relative}
footer a::after{content:"";position:absolute;left:0;right:100%;bottom:-5px;height:1px;background:var(--peach);transition:right .28s ease}
footer a:hover::after,footer a:focus-visible::after{right:0}
@keyframes header-arrival{from{opacity:0;transform:translateY(-18px)}to{opacity:1;transform:none}}

.logs::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.22;background-image:linear-gradient(94deg,transparent 0 49.9%,rgba(52,43,33,.12) 50%,transparent 50.1%),repeating-linear-gradient(0deg,transparent 0 31px,rgba(54,45,35,.035) 32px,transparent 33px);mix-blend-mode:multiply}
.logs>*{position:relative;z-index:1}
.log-card{overflow:hidden;transition:background-color .45s ease,color .45s ease,box-shadow .45s ease}
.log-card::after{content:"";position:absolute;width:72%;aspect-ratio:1;right:-58%;bottom:-38%;border:1px solid currentColor;border-radius:50%;opacity:.08;box-shadow:0 0 0 28px transparent,0 0 0 29px currentColor,0 0 0 58px transparent,0 0 0 59px currentColor;transition:opacity .45s ease,transform .8s cubic-bezier(.16,.8,.2,1);pointer-events:none}
.log-card:hover,.log-card:focus-within{background-color:rgba(255,249,232,.2);box-shadow:inset 0 0 70px rgba(255,243,211,.16)}
.log-card:hover::after,.log-card:focus-within::after{opacity:.17;transform:translate(-12%,-12%) scale(1.08)}
.heartbreak:hover{background-color:rgba(89,101,105,.13);box-shadow:inset 0 0 90px rgba(54,65,70,.13)}
.next-card:hover{background-color:#080908}
.table-wrap:focus-visible{outline-color:var(--ember);background:rgba(255,250,234,.16)}
tbody tr{transition:background-color .25s ease,color .25s ease}
tbody tr:not(.future):hover{background-color:rgba(255,251,233,.58)}

.return-line{min-height:92svh;display:flex;flex-direction:column;justify-content:center;isolation:isolate;cursor:crosshair}
.return-line::before{content:"C3 + 00:00.8 / PHOTOSPHERE RETURNED";position:absolute;left:7vw;bottom:4.5vw;font:700 .48rem var(--mono);letter-spacing:.14em;opacity:.56;z-index:3}
.return-line>p:nth-of-type(2){max-width:34ch;line-height:1.3}
.return-line h2{max-width:10ch;text-wrap:balance}
.afterimage-layer{position:absolute!important;inset:0;z-index:1!important;overflow:hidden;pointer-events:none}
.afterimage{position:absolute;width:clamp(72px,9vw,142px);aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%) scale(.32);opacity:0;background:radial-gradient(circle at 42% 38%,#242b29 0 45%,#515d50 51%,rgba(183,111,92,.72) 61%,rgba(214,139,107,0) 72%);filter:blur(.2px);mix-blend-mode:multiply;animation:retinal-echo 3.8s cubic-bezier(.16,.8,.2,1) forwards}
.afterimage::after{content:"";position:absolute;inset:44%;border-radius:50%;background:var(--flash);box-shadow:0 0 22px 10px rgba(255,251,233,.62)}
.afterimage-console{position:absolute!important;right:6vw;bottom:4.2vw;z-index:4!important;width:min(27rem,36vw);display:grid;grid-template-columns:1fr auto;gap:1rem 1.5rem;align-items:end;padding:1.1rem 0 0;border-top:1px solid rgba(17,17,15,.5);cursor:default}
.afterimage-console p{margin:0;font-size:.86rem;line-height:1.42}
.afterimage-console p span{display:block;margin-bottom:.5rem;font:700 .47rem var(--mono);letter-spacing:.13em;color:#713725}
.afterimage-trigger{min-height:48px;border:1px solid var(--ink);background:rgba(255,251,233,.34);color:var(--ink);padding:.75rem .9rem;font:700 .5rem var(--mono);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;white-space:nowrap}
.afterimage-trigger i{display:inline-block;width:12px;height:12px;margin-left:.7rem;border:1px solid;border-radius:50%;vertical-align:-2px;box-shadow:inset 4px 0 0 var(--ink)}
.afterimage-trigger:hover,.afterimage-trigger:focus-visible{background:var(--ink);color:var(--flash);transform:translateY(-2px)}
@keyframes retinal-echo{0%{opacity:0;transform:translate(-50%,-50%) scale(.32)}12%{opacity:.72;transform:translate(-50%,-50%) scale(1)}58%{opacity:.34}100%{opacity:0;transform:translate(-50%,-50%) scale(1.18)}}

@media(max-width:900px){
  html{scroll-padding-top:8.5rem}
  .afterimage-console{width:46vw;right:1.5rem;bottom:2rem;grid-template-columns:1fr}
  .return-line::before{left:1.5rem;bottom:2rem;max-width:30ch;line-height:1.6}
}
@media(max-width:600px){
  html{scroll-padding-top:7.5rem}
  .hero h1{line-height:.8}
  .manifesto blockquote{letter-spacing:-.045em;line-height:.98}
  .return-line{min-height:790px;padding:7rem 1.1rem 3rem;justify-content:flex-start;cursor:default}
  .return-line>p:nth-of-type(2){margin-top:4rem;font-size:1.15rem}
  .return-line h2{font-size:3.7rem;line-height:.86}
  .return-line::before{display:none}
  .afterimage-console{position:relative!important;right:auto;bottom:auto;width:100%;margin-top:auto;padding-top:1rem;grid-template-columns:1fr}
  .afterimage-console p{font-size:.88rem;max-width:30rem}
  .afterimage-trigger{width:100%;display:flex;align-items:center;justify-content:space-between}
  .log-card::after{right:-48%;bottom:-32%}
}
@media(prefers-reduced-motion:reduce){
  .site-header{animation:none}
  .afterimage{animation:none;opacity:.38;transform:translate(-50%,-50%) scale(1)}
}
