.prologue-section{background:#080d15;border-block:1px solid #83c9ff14;margin-top:70px;position:relative}.prologue-stage{isolation:isolate;background:radial-gradient(at 50% 70%,#15345638,#0000 65%),#080d15;width:100%;height:min(790px,100svh);min-height:580px;position:relative;overflow:hidden}.prologue-stars,.prologue-streaks{pointer-events:none;position:absolute;inset:0}.prologue-stars i{background:#b9d9f4;border-radius:50%;position:absolute;box-shadow:0 0 4px #a0d6ff30}.prologue-streaks{opacity:0;z-index:1}.prologue-streaks i{transform-origin:50% 0;background:linear-gradient(#0000,#c8e9ff);width:1px;height:35px;position:absolute}.prologue-opening{pointer-events:none;z-index:3;text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:65px 30px 95px;display:flex;position:absolute;inset:0}.prologue-logo-halo{background:radial-gradient(circle,#4490c729,#0000 65%);place-items:center;width:120px;height:120px;margin-bottom:30px;display:grid;position:relative}.prologue-logo-halo:before,.prologue-logo-halo:after{content:"";border:1px solid #87cfff24;border-radius:50%;position:absolute;inset:0}.prologue-logo-halo:after{border-color:#87cfff43;inset:17px -20px;transform:rotate(-27deg)}.prologue-logo-halo img{object-fit:contain;filter:drop-shadow(0 0 18px #8dcfff22);width:81px;height:81px}.prologue-opening-label{letter-spacing:3px;color:#6796b9;margin-bottom:18px;font-size:8px}.prologue-opening h3{font-family:var(--heading);letter-spacing:-4px;color:#e6f1fa;text-shadow:0 0 65px #87cfff15;margin:0 0 15px;font-size:clamp(43px,6.8vw,94px);font-weight:550;line-height:1.2}.prologue-opening h3 span{color:var(--blue)}.prologue-opening>p{color:#94b7d1;max-width:500px;margin:0;font-size:15px;line-height:1.8}.prologue-scroll-hint{letter-spacing:1px;color:#7298b7;align-items:center;gap:12px;margin-top:42px;font-size:9px;display:flex}.prologue-scroll-hint svg{color:var(--blue);animation:2.5s infinite scroll-bounce}.prologue-perspective{perspective:640px;perspective-origin:50% 35%;z-index:2;position:absolute;inset:0;overflow:hidden;-webkit-mask-image:linear-gradient(#0000 6%,#000 27% 80%,#0000 99%);mask-image:linear-gradient(#0000 6%,#000 27% 80%,#0000 99%)}.prologue-plane{transform-origin:50% 95%;width:min(830px,86vw);transform-style:preserve-3d;margin:0 auto;position:absolute;inset:0;transform:rotateX(33deg)}.prologue-copy{will-change:transform;color:#a7d7fb;font-family:var(--heading);text-align:justify;text-shadow:0 0 30px #88ceff18;letter-spacing:-.6px;font-size:clamp(27px,3.1vw,44px);font-weight:600;line-height:1.65;position:absolute;inset:0 0 auto}.prologue-copy p{margin:0 0 1.25em}.prologue-copy-brand{text-align:center;letter-spacing:-3px;color:#d6edff;margin-bottom:.8em;font-size:1.8em;font-weight:750}.prologue-copy .prologue-introduction{text-align:center}.prologue-copy .prologue-closing{text-align:center;color:#e3f4ff;margin-top:1.3em;font-weight:700}.prologue-horizon{pointer-events:none;opacity:.35;width:1800px;height:600px;margin-left:-900px;position:absolute;bottom:-390px;left:50%}.prologue-horizon>div{background:radial-gradient(at 50% 0,#8cd7ff2e,#102b480d 17%,#080d15 50%);border-top:1px solid #9bdcff70;border-radius:50%;position:absolute;inset:25px 0 0;box-shadow:0 -8px 45px #56b8ff12}.prologue-horizon i{border:1px solid #7cbdf927;border-radius:50%;position:absolute;inset:0}.prologue-horizon i:nth-child(2){border-color:#7cbdf912;inset:-36px -45px 0}.prologue-vignette{z-index:4;pointer-events:none;background:linear-gradient(#080d15 0%,#0000 20% 78%,#080d15 100%);position:absolute;inset:0}.prologue-finale{z-index:5;pointer-events:none;opacity:0;visibility:hidden;place-items:center;display:grid;position:absolute;inset:0}.prologue-meteor{aspect-ratio:1;grid-area:1/1;width:min(440px,70vw,58svh);position:relative}.prologue-meteor img{z-index:1;object-fit:contain;filter:brightness(.9)drop-shadow(0 0 12px #82cfff18);width:100%;height:100%;position:relative}.prologue-meteor-trail{transform-origin:50% 100%;opacity:0;background:linear-gradient(#0000,#55aaff30 55%,#86bcd3 88%,#bfddeb);border-radius:50%;width:3px;height:min(720px,90svh);position:absolute;bottom:50%;left:50%;transform:rotate(45deg);box-shadow:0 0 10px #b2e4ff35}.prologue-impact-glow{opacity:0;background:radial-gradient(#a6d5ef45,#67bfff18 25%,#0000 60%);position:absolute;inset:0}.prologue-impact-ring{aspect-ratio:1;opacity:0;border:1px solid #85b3cf;border-radius:50%;grid-area:1/1;width:min(430px,65vw,55svh);box-shadow:0 0 12px #91d5ff20}.prologue-impact-sparks{position:absolute;inset:0}.prologue-impact-sparks i{opacity:0;background:#9dc4db;border-radius:50%;width:2px;height:2px;position:absolute;top:50%;left:50%;box-shadow:0 0 5px #91d5ff50}.is-readable .prologue-finale{opacity:1;visibility:visible;margin:45px auto 0;position:relative;inset:auto}.is-readable .prologue-finale .prologue-meteor{width:min(340px,65vw)}@media (width>=901px){.prologue-copy .prologue-closing{white-space:nowrap;font-size:clamp(25px,3vw,40px)}}.is-readable .prologue-meteor-trail,.is-readable .prologue-impact-glow,.is-readable .prologue-impact-ring,.is-readable .prologue-impact-sparks{display:none}.prologue-controls{z-index:6;align-items:center;gap:40px;display:flex;position:absolute;bottom:30px;left:60px;right:60px}.prologue-progress{background:#739ac52d;flex:1;max-width:450px;height:1px;margin:0 auto;position:relative}.prologue-progress span{transform-origin:0;background:#8dcfff;position:absolute;inset:0;transform:scaleX(0);box-shadow:0 0 7px #88ceff55}.prologue-section.is-readable .prologue-stage{height:auto;min-height:0;max-height:none;padding:75px 40px 45px}.is-readable .prologue-opening{padding:0 0 40px;position:relative;inset:auto}.is-readable .prologue-logo-halo{width:80px;height:80px;margin-bottom:22px}.is-readable .prologue-logo-halo img{width:55px;height:55px}.is-readable .prologue-opening h3{letter-spacing:-2px;font-size:54px}.is-readable .prologue-opening>p,.is-readable .prologue-scroll-hint{display:none}.is-readable .prologue-perspective{perspective:none;position:relative;inset:auto;overflow:visible;-webkit-mask-image:none;mask-image:none}.is-readable .prologue-plane{width:min(780px,100%);height:auto;position:relative;inset:auto;transform:none}.is-readable .prologue-copy{text-align:left;letter-spacing:0;color:#adc4d7;will-change:auto;text-shadow:none;font-size:19px;font-weight:450;line-height:1.9;position:relative;inset:auto}.is-readable .prologue-copy-brand{display:none}.is-readable .prologue-copy .prologue-introduction{text-align:left;color:#d5eaf8}.is-readable .prologue-copy .prologue-closing{text-align:left;font-size:23px;font-weight:550}.is-readable .prologue-vignette,.is-readable .prologue-streaks,.is-readable .prologue-progress,.is-readable .prologue-controls{display:none}.is-readable .prologue-horizon{opacity:.25;bottom:-475px}@media (width<=900px){.prologue-controls{gap:25px;left:28px;right:28px}.prologue-plane{width:85vw}.prologue-copy{font-size:32px}.prologue-opening h3{letter-spacing:-3px;font-size:70px}}@media (width<=680px){.prologue-section{margin-top:50px}.prologue-stage{height:100svh;min-height:560px;max-height:900px}.prologue-opening{padding:70px 22px 100px}.prologue-logo-halo{width:90px;height:90px;margin-bottom:25px}.prologue-logo-halo img{width:61px;height:61px}.prologue-opening-label{letter-spacing:2px;margin-bottom:16px;font-size:6px}.prologue-opening h3{letter-spacing:-1.8px;font-size:clamp(35px,10.8vw,65px)}.prologue-opening>p{max-width:300px;font-size:12px;line-height:1.9}.prologue-scroll-hint{letter-spacing:.3px;gap:9px;margin-top:33px;font-size:8px}.prologue-perspective{perspective:480px;perspective-origin:50% 38%}.prologue-plane{width:85vw}.prologue-copy{letter-spacing:-.3px;text-align:left;font-size:25px;line-height:1.7}.prologue-copy-brand{letter-spacing:-1px;font-size:1.5em}.prologue-controls{justify-content:space-between;gap:18px;bottom:24px;left:20px;right:20px}.prologue-progress{max-width:none;position:absolute;bottom:-6px;left:0;right:0}.prologue-horizon{width:1100px;height:440px;margin-left:-550px;bottom:-290px}.prologue-section.is-readable .prologue-stage{padding:43px 24px 35px}.is-readable .prologue-opening h3{font-size:39px}.is-readable .prologue-opening-label{font-size:6px}.is-readable .prologue-copy{font-size:16px;line-height:1.95}.is-readable .prologue-copy .prologue-closing{font-size:21px}}