@font-face{font-family:Instrument;src:url('assets/instrument.ttf');font-display:swap}@font-face{font-family:Instrument;src:url('assets/instrument-italic.ttf');font-style:italic;font-display:swap}@font-face{font-family:Garamond;src:url('assets/garamond.ttf');font-display:swap}@font-face{font-family:Tenor;src:url('assets/tenor.ttf');font-display:swap}
:root{--ink:#080a0e;--stone:#e8e2d6;--gold:#e4bd82;--p:0}*{box-sizing:border-box}html{background:var(--ink)}body{margin:0;background:var(--ink);color:var(--stone);font-family:Garamond,Georgia,serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:1px solid var(--gold);outline-offset:7px}p,h1,h2{margin:0}header{position:fixed;top:0;left:0;right:0;z-index:12;padding:29px 3.3vw;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(#080a0e99,transparent);gap:22px}.brand img{width:135px;filter:brightness(0) invert(90%) sepia(8%)}.edition,.skip,.kicker{font:10px/1.6 Tenor,Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase}.edition{color:#e8e2d6a8}.skip span{color:var(--gold);margin-left:14px;font-size:19px}.skip:hover{color:var(--gold)}.film{height:620vh;height:620svh}.screen{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden;background:var(--ink);isolation:isolate}.scene{position:absolute;inset:0;overflow:hidden}.threshold{z-index:3;will-change:opacity}.wall-depth{position:absolute;inset:-15%;background:url('assets/threshold-motion.webp') center 42%/cover;filter:brightness(.22) blur(5px);transform:scale(1.1)}.portal-camera{position:absolute;height:118%;aspect-ratio:1086/1448;left:50%;top:-2%;transform:translateX(-50%);transform-origin:50% 38%;will-change:transform;mask-image:linear-gradient(90deg,transparent,black 10%,black 90%,transparent)}.portal-image{height:100%;width:100%;object-fit:cover}.portal-shade{position:absolute;inset:0;background:linear-gradient(0deg,#080a0ef0,transparent 38%,transparent 80%,#080a0e44)}.opening{position:absolute;top:63%;left:0;width:100%;text-align:center;transform-origin:50% 25%;will-change:transform,opacity}.wordmark{display:block;width:min(54vw,670px);height:auto;margin:20px auto 22px;filter:brightness(0) invert(91%) sepia(10%);opacity:.9}.kicker{color:var(--gold)}.dates{font-size:20px;line-height:1.55;letter-spacing:.025em}.crossing{position:absolute;left:0;right:0;bottom:20%;text-align:center;opacity:0}.crossing p{font:clamp(30px,3.2vw,48px) Instrument,serif;text-shadow:0 3px 25px #000}.crossing em{color:var(--gold)}.totality{z-index:2;background:#090e1a;opacity:0}.cosmic-sky{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 36%,#303c58 0,#182139 30%,#0d1529 63%,#1c2432 82%,#907278 99%)}.stars{position:absolute;inset:0;opacity:.5;background-image:radial-gradient(circle at 17% 24%,#c5d1ef 0 1px,transparent 1.5px),radial-gradient(circle at 75% 19%,#e8e2d6 0 1.2px,transparent 2px),radial-gradient(circle at 66% 53%,#fff 0 .6px,transparent 1px),radial-gradient(circle at 33% 41%,#fff 0 .8px,transparent 1.2px)}.sun{position:absolute;top:33%;left:50%;width:100px;height:100px;transform:translate(-50%,-50%);isolation:isolate}.moon{position:absolute;inset:0;border-radius:50%;background:#030509;box-shadow:0 0 3px 1px #fff,0 0 12px 3px #e6e7e7e0,0 0 38px 10px #e4e9ff66}.corona{position:absolute;inset:-60%;border-radius:50%;background:radial-gradient(ellipse at center,transparent 25%,#eef2ff88 34%,#e9eeff33 43%,transparent 70%);filter:blur(6px);transform:scaleX(1.35) rotate(-20deg);animation:corona 8s ease-in-out infinite alternate}.corona-two{transform:scaleY(1.35) rotate(24deg);opacity:.45;animation-delay:-4s}.horizon{position:absolute;bottom:0;left:-10%;right:-10%;height:15%;background:radial-gradient(ellipse at 50% 100%,#edb89077,transparent 70%);filter:blur(25px)}.moment-copy{position:absolute;top:54%;left:20px;right:20px;text-align:center;opacity:0;will-change:transform,opacity}.moment-copy h1{font:clamp(45px,5.5vw,83px)/1.02 Instrument,serif;letter-spacing:-.015em;margin:24px 0}.moment-copy h1 em{color:#ddc9b4}.duration{font-size:21px}.duration span{color:#b7b9c3;margin-left:8px}.nile{z-index:4;opacity:0;pointer-events:none;background:#243b32;clip-path:circle(0% at 50% 33%)}.river-camera{position:absolute;inset:-6%;will-change:transform}.river-camera img{width:100%;height:100%;object-fit:cover;object-position:50% 55%}.river-grade{position:absolute;inset:0;background:linear-gradient(90deg,#061913aa,transparent 70%),linear-gradient(0deg,#080a0ed9,transparent 42%,#151a1144);}.river-light{position:absolute;inset:0;background:linear-gradient(115deg,transparent 25%,#edd4a111 45%,transparent 60%);mix-blend-mode:screen;pointer-events:none}.nile-copy{position:absolute;left:7%;top:23%;text-shadow:0 2px 30px #03100a77;will-change:transform,opacity}.nile-copy h2{font:clamp(44px,5.7vw,86px)/1.02 Instrument,serif;margin:22px 0;letter-spacing:-.02em}.nile-copy h2 em{color:#f0dcc0}.nile-copy>p:last-child{font-size:24px;line-height:1.4}.pin{position:absolute;display:flex;align-items:center;gap:14px;text-align:left;padding:14px;z-index:2;opacity:0;transition:background .2s;border-radius:3px;text-shadow:0 2px 10px #000}.pin:hover{background:#101a1780}.aswan{left:45%;top:65%}.luxor{left:74%;top:41%}.pin-dot{display:block;height:11px;width:11px;background:var(--stone);border-radius:50%;box-shadow:0 0 0 6px #e4bd8222,0 0 0 7px #e4bd8288;flex-shrink:0}.pin-label{font:29px Instrument,serif}.pin-label i{display:block;font:9px/2 Tenor,sans-serif;text-transform:uppercase;letter-spacing:.1em;color:var(--gold);font-style:normal}.river-end{position:absolute;left:7%;bottom:14%;opacity:0;will-change:opacity,transform}.river-end p{font:32px Instrument,serif;margin-bottom:15px}.river-end a{font:10px Tenor,sans-serif;text-transform:uppercase;letter-spacing:.13em;border-bottom:1px solid #e4bd8288;padding-bottom:12px;display:inline-block}.river-end a span{margin-left:25px;color:var(--gold);font-size:19px}.vignette{position:absolute;inset:0;z-index:5;background:radial-gradient(ellipse at 50% 40%,transparent 35%,#0006 100%);pointer-events:none}.grain{position:absolute;inset:0;z-index:6;opacity:.035;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='.92' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='white' filter='url(%23n)' d='M0 0h180v180H0z'/%3E%3C/svg%3E");pointer-events:none}.scroll-cue{position:absolute;z-index:8;bottom:12%;left:0;right:0;display:flex;align-items:center;justify-content:center;gap:15px;pointer-events:none}.scroll-cue p{font:9px Tenor,sans-serif;letter-spacing:.15em;text-transform:uppercase}.cue-line{width:1px;height:27px;background:linear-gradient(transparent,var(--gold));animation:breathe 2.4s infinite}.controls{position:fixed;bottom:0;left:0;right:0;z-index:15;display:flex;justify-content:space-between;align-items:center;padding:23px 3.3vw calc(23px + env(safe-area-inset-bottom));gap:25px;background:linear-gradient(transparent,#080a0ea8)}.controls button{min-height:40px}.play{display:flex;gap:10px;align-items:center;font:9px Tenor,sans-serif;text-transform:uppercase;letter-spacing:.1em;min-width:130px}.play-icon{font:23px Georgia,serif;color:var(--gold);width:20px}.chapters{display:flex;align-items:center;gap:17px}.chapters button{display:flex;align-items:center;gap:10px;color:#e8e2d677;font:10px Tenor,sans-serif;letter-spacing:.1em}.chapters button.active{color:var(--stone)}.chapters button span{color:var(--gold);font-size:9px}.chapters i{font-style:normal;text-transform:uppercase}.track{width:44px;height:1px;background:#e8e2d633;display:block}.track>span{display:block;height:1px;width:0;background:var(--gold)}.motion{font:9px Tenor,sans-serif;text-transform:uppercase;letter-spacing:.1em;color:#e8e2d6aa;min-width:130px;text-align:right}.location-panel{position:fixed;right:25px;top:100px;bottom:105px;width:min(430px,calc(100% - 48px));z-index:30;background:var(--stone);color:var(--ink);overflow:auto;box-shadow:0 10px 90px #0009}.location-panel[hidden],.panel-backdrop[hidden]{display:none}.close-panel{position:absolute;right:12px;top:9px;border-radius:50%;height:40px;width:40px;background:var(--ink);color:var(--stone);font-size:29px;z-index:1}.location-panel>img{width:100%;height:40%;object-fit:cover;display:block}.panel-copy{padding:28px 32px 36px}.panel-copy .kicker{color:#80502c;font-size:9px}.panel-copy h2{font:43px Instrument,serif;margin:14px 0}.panel-copy>p:not(.kicker){font-size:23px;line-height:1.35}.panel-copy a{display:inline-block;font:10px Tenor,sans-serif;text-transform:uppercase;letter-spacing:.07em;border-bottom:1px solid #80502c;margin-top:25px;padding-bottom:10px}.panel-backdrop{position:fixed;inset:0;background:#080a0e55;z-index:25;backdrop-filter:blur(5px)}.no-script{position:fixed;inset:0;z-index:100;background:var(--ink);padding:30vh 25px;text-align:center;font-size:30px}.no-script a{display:block;margin-top:30px;font-size:22px}
@keyframes corona{to{opacity:.6;transform:scaleX(1.45) rotate(-16deg)}}@keyframes breathe{50%{opacity:.35;transform:translateY(5px)}}
@media(max-width:700px){header{padding:20px}.brand img{width:102px}.edition{display:none}.skip{font-size:8px;letter-spacing:.07em}.skip span{margin-left:8px}.portal-camera{height:106%;top:0}.opening{top:64%}.wordmark{width:83vw;margin:15px auto 18px}.opening .kicker{font-size:8px;letter-spacing:.15em}.dates{font-size:17px}.scroll-cue{bottom:15%;gap:10px}.scroll-cue p{font-size:8px}.scroll-cue .cue-line{height:20px}.controls{padding:15px 17px calc(15px + env(safe-area-inset-bottom));gap:10px;flex-wrap:wrap}.chapters{gap:10px;order:0;flex:1;justify-content:center;width:100%}.chapters button{font-size:8px;gap:5px;min-height:28px}.chapters button span{font-size:8px}.track{width:17px}.play,.motion{order:1;min-width:0;font-size:8px;min-height:30px!important}.play{margin-right:auto}.motion{margin-left:auto}.sun{width:68px;height:68px;top:30%}.moment-copy{top:50%}.moment-copy .kicker{font-size:8px;letter-spacing:.11em}.moment-copy h1{font-size:49px;margin:22px 0}.duration{font-size:19px}.nile{clip-path:circle(0% at 50% 30%)}.river-camera img{object-position:47% 50%}.river-grade{background:linear-gradient(0deg,#080a0eee,transparent 48%,#05130d88)}.nile-copy{left:25px;right:20px;top:16%}.nile-copy h2{font-size:49px;margin:16px 0}.nile-copy>p:last-child{font-size:20px}.kicker{font-size:9px}.aswan{left:12%;top:56%}.luxor{left:55%;top:45%}.pin-label{font-size:26px}.pin-label i{font-size:7px}.pin{gap:12px;padding:12px}.river-end{left:25px;right:25px;bottom:17%}.river-end p{font-size:28px;margin-bottom:14px}.river-end a{font-size:8px;letter-spacing:.1em}.river-end a span{margin-left:15px}.location-panel{top:80px;bottom:105px;right:20px;width:calc(100% - 40px)}.location-panel>img{height:34%}.panel-copy{padding:22px 25px}.panel-copy h2{font-size:38px}.panel-copy>p:not(.kicker){font-size:21px}.crossing p{font-size:31px}.crossing{bottom:24%}}
body.reduced .film{height:auto}body.reduced .screen{position:relative;height:auto;overflow:visible}body.reduced .scene{position:relative;inset:auto;height:100svh;opacity:1!important;clip-path:none!important;pointer-events:auto!important}body.reduced .scene *{animation:none!important}body.reduced .portal-camera{transform:translateX(-50%)!important}body.reduced .opening,body.reduced .moment-copy,body.reduced .nile-copy,body.reduced .river-end{opacity:1!important;transform:none!important}body.reduced .pin{opacity:1!important}body.reduced .river-camera{transform:none!important}body.reduced .crossing,body.reduced .scroll-cue,body.reduced .grain,body.reduced .vignette{display:none}body.reduced .play{visibility:hidden}body.reduced .sun{transform:translate(-50%,-50%)!important}
.opening{top:54%}.wordmark{width:min(52vw,60vh,620px)}
@media(max-width:700px){.opening{top:58%}.wordmark{width:83vw}.dates{font-size:17px}}
@media(max-height:700px) and (min-width:701px){.opening{top:51%}.wordmark{margin-top:12px;margin-bottom:12px}.dates{font-size:16px}.scroll-cue{bottom:14%}}
@media(max-height:700px) and (max-width:700px){.opening{top:51%}.wordmark{width:70vw;margin:12px auto}.dates{font-size:15px}.moment-copy h1{font-size:40px}.scroll-cue{bottom:18%}}
body.reduced .scene,body.reduced .opening,body.reduced .moment-copy,body.reduced .nile-copy,body.reduced .river-end,body.reduced .pin{visibility:visible!important}
/* Approved deck wording, sized for the longer original headline. */
.moment-copy h1{font-size:clamp(42px,5.2vw,76px)}.nile-copy>p:last-child{max-width:530px}
@media(max-width:700px){.moment-copy{top:48%}.moment-copy h1{font-size:42px;line-height:1.06}.nile-copy h2{font-size:46px}.nile-copy>p:last-child{font-size:19px;line-height:1.35;max-width:320px}.luxor{top:54%;left:55%}.aswan{top:65%;left:10%}.panel-copy h2{font-size:34px}}
@media(max-height:700px) and (max-width:700px){.moment-copy{top:43%}.moment-copy h1{font-size:34px}.nile-copy{top:13%}.nile-copy h2{font-size:38px}.nile-copy>p:last-child{font-size:17px}.nile-copy .kicker{font-size:8px}.pin-label{font-size:23px}.river-end p{font-size:23px}.river-end{bottom:18%}}
/* User-selected photographic totality; preserve the actual corona. */
.eclipse-photograph{position:absolute;inset:0;transform-origin:50% 32%;will-change:transform;background:#10151b}
.eclipse-photograph img{width:100%;height:100%;object-fit:cover;object-position:50% 78%;display:block}
.eclipse-shade{position:absolute;inset:0;background:linear-gradient(0deg,#080a0ef5 0%,#080a0edb 16%,#080a0e66 33%,transparent 59%,#080a0e22 100%);pointer-events:none}
.totality .moment-copy{top:auto;bottom:15%}.totality .moment-copy h1{font-size:clamp(40px,4.4vw,64px);margin:18px 0}.totality .duration{font-size:19px}
body.reduced .eclipse-photograph{transform:none!important}
@media(max-width:700px){.eclipse-photograph{inset:0 -28% 19%}.eclipse-photograph img{object-position:50% 68%}.eclipse-shade{background:linear-gradient(0deg,#080a0e 0%,#080a0ef5 17%,#080a0e88 33%,transparent 58%)}.totality .moment-copy{top:auto;bottom:18%;left:22px;right:22px}.totality .moment-copy h1{font-size:39px;margin:17px 0}.totality .moment-copy .kicker{font-size:9px}}
@media(max-height:700px) and (max-width:700px){.totality .moment-copy h1{font-size:32px}.totality .moment-copy{bottom:19%}.totality .duration{font-size:16px}}
.eclipse-photograph{inset:0}.eclipse-photograph img{position:absolute;width:max(100vw,110vh);height:auto;max-width:none;left:50%;top:30%;transform:translate(-50%,-49%);object-fit:initial;mask-image:linear-gradient(transparent,black 10%,black 82%,transparent)}
@media(max-width:700px){.eclipse-photograph{inset:0}.eclipse-photograph img{width:165vw;top:30%;height:auto}}
/* Track the lunar centre through the doorway into the photographic close-up. */
.eclipse-photograph img{transform:translate(-49.6%,-49.3%)}
body.reduced .eclipse-photograph img{width:max(100vw,110vh)!important;left:50%!important;top:30%!important}
@media(max-width:700px){body.reduced .eclipse-photograph img{width:165vw!important}}