/* Momus leaves Olympus. All effects enhance an otherwise complete static page. */
.flight-stage,.momus-flight{display:none}
.motion-ready .hero-art{transform:none}
.motion-ready .hero-art .art-frame{display:none}
.motion-ready .flight-stage{display:block;position:relative;aspect-ratio:1;isolation:isolate}
.flight-portal{position:absolute;inset:1% 7% 8%;border:1px solid #b9925980;border-radius:48% 48% 5px 5px;background:radial-gradient(ellipse at 50% 42%,#a25feb65,transparent 65%),linear-gradient(155deg,#59317880,#24103930);box-shadow:inset 0 0 0 9px #190c30,inset 0 0 0 10px #b9925950,0 0 80px #954bdb20}
.flight-portal::before{content:'';position:absolute;inset:20px;border:1px solid #d3b2ff15;border-radius:inherit}
.flight-portal>span{position:absolute;top:19%;width:100%;text-align:center;color:var(--gold);font:500 .65rem/1.5 var(--serif);letter-spacing:.27em}
.flight-orbit{position:absolute;inset:25% -5% 21%;border:1px solid #d3b2ff40;border-radius:50%;transform:rotate(-24deg);z-index:-1}
.flight-orbit::after{content:'';position:absolute;left:14%;top:9%;width:8px;height:8px;border-radius:50%;background:var(--gold);box-shadow:0 0 18px #dfbc7860}
.flight-cloud{position:absolute;width:58%;height:13%;border-radius:50%;background:linear-gradient(180deg,#bea0d9,#796292);box-shadow:inset 0 -9px 15px #32194555,0 15px 30px #08001030}
.flight-cloud::before,.flight-cloud::after{content:'';position:absolute;bottom:24%;border-radius:50%;background:inherit}
.flight-cloud::before{left:13%;width:42%;height:160%}
.flight-cloud::after{right:12%;width:39%;height:130%}
.flight-cloud-back{top:30%;right:-9%;opacity:.3;transform:scale(.72)}
.flight-cloud-front{bottom:9%;left:-7%;opacity:.82;z-index:2}
.flight-spark{position:absolute;color:var(--gold);font-size:2rem;line-height:1;text-shadow:0 0 22px #dfbc7850}
.flight-spark-one{top:13%;left:5%}
.flight-spark-two{top:46%;right:0;font-size:3rem}
.flight-spark-three{bottom:27%;left:4%;font-size:1.1rem}
.flight-caption{position:absolute;bottom:0;right:7%;color:var(--gold);font:500 .65rem/1.6 var(--serif);letter-spacing:.12em}
.momus-flight{position:fixed;top:0;left:0;width:420px;height:420px;z-index:4;pointer-events:none;user-select:none;transform-origin:center;will-change:transform}
.motion-ready .momus-flight{display:block}
.momus-flight-sprite{width:100%;height:100%;transform:translateY(var(--float-y,0px)) rotate(var(--float-turn,0deg));transform-origin:50% 65%}
.momus-flight img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 18px 14px #09031140)}
.momus-flight-shadow{position:absolute;bottom:0;left:27%;width:46%;height:4%;border-radius:50%;background:#0c031a40;filter:blur(7px);transform:scale(var(--shadow-scale,1));opacity:var(--shadow-opacity,.4)}
.motion-toggle{position:fixed;right:18px;bottom:18px;z-index:8;display:flex;gap:8px;align-items:center;justify-content:center;min-height:44px;padding:9px 14px;border:1px solid #a7825080;border-radius:24px;background:#211036f2;color:var(--ink);font:400 .875rem/1.4 var(--sans);box-shadow:0 3px 15px #09031140}
.motion-toggle:hover{background:#3b2055}
.motion-toggle:focus-visible{outline:3px solid var(--gold);outline-offset:4px}
.motion-toggle>span{color:var(--gold);font-size:1rem}
.motion-active .flight-cloud-front{animation:olympus-cloud 7s ease-in-out infinite alternate}
.motion-active .flight-cloud-back{animation:olympus-cloud 11s ease-in-out -3s infinite alternate-reverse}
.motion-active .flight-spark{animation:olympus-spark 4s ease-in-out infinite alternate}
.motion-active .flight-spark-two{animation-delay:-2s}
.motion-active .flight-spark-three{animation-delay:-1s}
.motion-active .manifesto-strip>div{transform:translateX(var(--strip-x,0px))}
.motion-active .comic-backdrop img{translate:0 var(--backdrop-y,0px)}
.motion-active [data-flight-reveal]{transition:opacity .7s ease-out,translate .7s cubic-bezier(.22,1,.36,1);transition-delay:var(--reveal-delay,0ms)}
.motion-active [data-flight-reveal="waiting"]{opacity:0;translate:0 22px}
.motion-active [data-flight-reveal]:focus-within{opacity:1;translate:none}
.motion-paused .flight-stage *{animation:none!important}
@keyframes olympus-cloud{from{translate:-10px 0}to{translate:12px -9px}}
@keyframes olympus-spark{from{opacity:.35;scale:.8}to{opacity:.9;scale:1.1}}
@media(min-width:1100px){
  .motion-ready main>.shell{width:min(1180px,calc(100% - 220px))}
  .motion-ready .hero{gap:44px}
  .motion-ready .hero-art{margin-right:0}
}
@media(max-width:1099px){.motion-ready .flight-stage{max-width:480px;margin-inline:auto}.flight-orbit{left:0;right:0}.motion-toggle{position:static;width:max-content;margin-top:18px}}
@media(max-width:760px){
  .flight-cloud-front{left:-2%}
  .flight-cloud-back{right:-3%}
  .flight-portal>span{font-size:.55rem;letter-spacing:.16em}
  .flight-caption{font-size:.55rem}
  .motion-toggle{padding:8px 12px;font-size:.8125rem}
}
@media(prefers-reduced-motion:reduce){
  .flight-stage *{animation:none!important}
  [data-flight-reveal]{opacity:1!important;translate:none!important;transition:none!important}
  .motion-active .comic-backdrop img{translate:none}
  .motion-active .manifesto-strip>div{transform:none}
}