.eclipse-intro{z-index:100;color:#fff;pointer-events:none;background:#020202;place-content:center;justify-items:center;animation:.8s cubic-bezier(.22,.8,.25,1) 4.1s both eclipseLoaderOut;display:grid;position:fixed;inset:0}.eclipse-sky{aspect-ratio:1;filter:drop-shadow(0 0 42px #c99f5329);width:clamp(150px,22vw,230px);margin-bottom:42px;position:relative}.eclipse-halo,.eclipse-sun,.eclipse-moon{border-radius:50%;position:absolute}.eclipse-halo{opacity:0;border:1px solid #c8a15a66;animation:3.1s ease-in-out forwards eclipseHalo;inset:7%;box-shadow:0 0 28px #c8a15a40,inset 0 0 26px #c8a15a1a}.eclipse-sun{background:radial-gradient(circle at 38% 35%,#f7d99c 0,#d0a65b 34%,#9b6e2c 72%,#5e3d13 100%);animation:3.1s ease-in-out forwards eclipseSun;inset:15%;box-shadow:0 0 24px #d3aa5ea6,0 0 65px #c891353d}.eclipse-moon{background:#020202;animation:3.1s cubic-bezier(.65,0,.28,1) forwards eclipsePass;inset:12%;transform:translate(-125%);box-shadow:-7px 0 11px #0000008c}.eclipse-flare{opacity:0;background:#fff5d9;border-radius:50%;width:3px;height:3px;position:absolute;box-shadow:0 0 10px 4px #d7a95a,0 0 26px 8px #d6a24ca6}.eclipse-flare-one{animation:3.1s ease-in-out forwards eclipseFlare;top:24%;right:18%}.eclipse-flare-two{animation:3.1s ease-in-out .12s forwards eclipseFlare;bottom:25%;left:18%}.eclipse-intro-brand{opacity:0;justify-items:center;animation:.65s ease-out 1.85s forwards eclipseName;display:grid;transform:translateY(10px)}.eclipse-intro-brand strong{color:#c8a15a;letter-spacing:.32em;margin-right:-.32em;font-size:clamp(1.2rem,3vw,1.6rem);font-weight:700}.eclipse-intro-brand span{color:#c8a15a;letter-spacing:.72em;margin-top:10px;margin-right:-.72em;font-size:.62rem;font-weight:700}@keyframes eclipsePass{0%{transform:translate(-125%)}48%,to{transform:translate(-9%)}}@keyframes eclipseSun{0%,20%{opacity:0;transform:scale(.88)}42%,to{opacity:1;transform:scale(1)}}@keyframes eclipseHalo{0%,28%{opacity:0;transform:scale(.72)}54%,to{opacity:.85;transform:scale(1)}}@keyframes eclipseFlare{0%,38%{opacity:0;transform:scale(.25)}52%,to{opacity:1;transform:scale(1)}}@keyframes eclipseName{to{opacity:1}}@keyframes eclipseLoaderOut{to{opacity:0;visibility:hidden}}@media (prefers-reduced-motion:reduce){.eclipse-intro{display:none}}.eclipse-intro-brand small{color:#c8a15a;letter-spacing:.2em;text-align:center;margin-top:16px;font-size:.62rem}