.intro[hidden]{display:none!important}
.intro{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;overflow:hidden;background:radial-gradient(ellipse at 75% 65%,#164662 0,transparent 55%),#061f38;color:#f7f1e7;text-align:center;isolation:isolate;transition:opacity 450ms ease,visibility 450ms ease}
.intro.hide{opacity:0;visibility:hidden;pointer-events:none}
.intro-top,.intro-bottom{position:absolute;left:45px;right:45px;display:flex;align-items:center;justify-content:space-between;gap:20px;z-index:2;font-size:.62rem;letter-spacing:.16em;color:#b7c8d3}
.intro-top{top:30px}.intro-top>span{color:#f4b94f;font-weight:800}
.intro-skip{border:1px solid #ffffff35;border-radius:30px;background:#ffffff06;color:#f7f1e7;padding:11px 18px;font:inherit;letter-spacing:.02em;cursor:pointer}.intro-skip span{margin-left:15px;color:#f4b94f}.intro-skip:hover{background:#ffffff15}.intro-skip:focus-visible{outline:2px solid #f4b94f;outline-offset:4px}
.intro-bottom{bottom:28px;border-top:1px solid #ffffff18;padding-top:18px;letter-spacing:.08em}
.intro-content{position:relative;z-index:1;padding:90px 22px;animation:megaraIntroReveal 700ms ease both}
.intro-emblem{width:116px;height:116px;padding:6px;border:1px solid #f4b94f66;border-radius:50%;margin:0 auto 26px;box-shadow:0 0 65px #f4b94f15}
.intro-logo{width:100%;height:100%;object-fit:contain;border-radius:50%;display:block;background:white}
.intro-eyebrow{font-size:.62rem;color:#f4b94f;letter-spacing:.24em;font-weight:700;margin-bottom:17px}
.intro #intro-title{font-family:var(--font-title);font-size:clamp(3rem,6.7vw,6rem);font-weight:400;line-height:1.03;letter-spacing:-.03em;color:#f7f1e7;margin:0}
.intro #intro-title em{color:#f4b94f;font-weight:400}
.intro-caption{color:#b7c8d3;font-size:.85rem;margin-top:23px;line-height:1.7}
.intro-signature{display:flex;gap:16px;align-items:center;justify-content:center;font-size:.56rem;letter-spacing:.22em;margin-top:32px;color:#d9e1e5}.intro-signature span{width:35px;height:1px;background:#f4b94f77}
.intro-landscape{position:absolute;inset:0;pointer-events:none;z-index:0}
.intro-sun{position:absolute;width:42vw;height:42vw;min-width:400px;min-height:400px;left:60%;top:30%;border:1px solid #f4b94f20;border-radius:50%;background:radial-gradient(circle,#f4b94f0d,transparent 68%)}
.intro-horizon{position:absolute;width:160%;height:85%;left:-30%;top:76%;border-radius:50%;border-top:1px solid #f4b94f55;box-shadow:0 -20px 80px #f4b94f05;background:linear-gradient(#16405955,transparent)}
.intro-flight{position:absolute;width:60%;height:auto;left:42%;top:45%;opacity:.65;overflow:visible}.intro-route{fill:none;stroke:#f4b94f55;stroke-width:1;stroke-dasharray:4 9}.intro-plane{fill:#f4b94f;offset-path:path('M30 270Q360 30 760 100');offset-rotate:auto;animation:megaraFlight 3200ms ease-in-out both}
@keyframes megaraFlight{from{offset-distance:0%;opacity:0}20%{opacity:1}to{offset-distance:100%;opacity:.8}}
@keyframes megaraIntroReveal{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:600px){.intro-top,.intro-bottom{left:20px;right:20px}.intro-top{top:20px}.intro-top>span{font-size:.53rem}.intro-bottom{bottom:20px;font-size:.5rem;align-items:flex-start}.intro-bottom span:last-child{max-width:140px;text-align:right}.intro-emblem{width:94px;height:94px;margin-bottom:22px}.intro-flight{width:100%;left:10%;top:58%;opacity:.35}.intro-caption{font-size:.76rem}.intro-sun{left:30%;top:45%}}
@media(max-height:650px){.intro-emblem{width:70px;height:70px;margin-bottom:14px}.intro #intro-title{font-size:clamp(2.6rem,7vh,4rem)}.intro-caption{margin-top:15px}.intro-signature{margin-top:18px}.intro-content{padding:72px 20px}}
@media(prefers-reduced-motion:reduce){.intro,.intro *{animation:none!important;transition:none!important}}
