.hero{isolation:isolate;background:radial-gradient(70% 45% at 70% 80%, #f8680824, transparent 70%), radial-gradient(60% 40% at 0% 0%, #481808bf, transparent 70%), radial-gradient(60% 40% at 100% 100%, #48180899, transparent 70%), var(--color-void);flex-direction:column;min-height:100svh;display:flex;position:relative;overflow:hidden}.hero-bar{z-index:5;height:var(--bar-h);align-items:center;padding:0 max(16px,5vw);display:flex;position:relative}.hero-copy{z-index:4;transition:opacity var(--dur-medium) var(--ease-thrust), transform var(--dur-medium) var(--ease-thrust);flex-direction:column;align-items:flex-start;padding:8px 16px 20px;display:flex;position:relative}.hero-copy h1{max-width:11ch;font-size:clamp(2.25rem,1.3rem + 3.6vw,4rem);line-height:1.02}.hero-scene{--ax:28cqw;--ioh:26cqh;--s:calc(var(--ioh) / 64);flex:none;height:clamp(320px,100svh - 360px,120vw);position:relative;container-type:size}@media (min-width:768px){.hero{background:radial-gradient(55% 60% at 74% 40%, #f8680829, transparent 70%), radial-gradient(45% 60% at 0% 0%, #481808bf, transparent 70%), radial-gradient(40% 50% at 100% 100%, #48180880, transparent 70%), var(--color-void);height:100svh;min-height:600px;display:block}.hero-bar{position:absolute;inset:0 0 auto}.hero-copy{left:max(16px,5vw);top:var(--bar-h);justify-content:center;max-width:min(560px,44vw);padding:0;position:absolute;bottom:22svh}.hero-scene{--ax:63cqw;--ioh:24cqh;height:auto;position:absolute;inset:0}}.hero-planet{--d:min(84cqw, 64cqh);z-index:0;width:var(--d);left:calc(60cqw - var(--d) / 2);bottom:calc(var(--ioh) * .55);position:absolute}.hero-planet .orbit-system{--ms:.85}@media (min-width:768px){.hero-planet{--d:min(68cqh, 44cqw);left:auto;right:calc(26cqw - var(--d) / 2);bottom:auto;top:calc(43cqh - var(--d) / 2)}.hero-planet .orbit-system{--ms:1.2}}.io-surface{z-index:1;bottom:0;left:calc(var(--ax) - 131 * var(--s));width:calc(288 * var(--s));height:calc(64 * var(--s));max-width:none;image-rendering:pixelated;position:absolute}.io-surface-l{left:calc(var(--ax) - 419 * var(--s));transform:scaleX(-1)}.io-surface-r{left:calc(var(--ax) + 157 * var(--s));transform:scaleX(-1)}.io-tower,.io-rocket,.io-lilio{z-index:2;position:absolute}.io-tower{left:calc(var(--ax) + (115 - 131) * var(--s));bottom:calc(52 * var(--s));width:calc(11 * var(--s));height:calc(52 * var(--s))}.io-rocket{left:calc(var(--ax) + (122 - 131) * var(--s));bottom:calc(48 * var(--s));width:calc(19 * var(--s));height:calc(46 * var(--s))}.io-rocket>svg{width:100%;height:100%;position:absolute;inset:0}.io-lilio{left:calc(var(--ax) + 14 * var(--s));bottom:calc(50 * var(--s));height:calc(58 * var(--s));aspect-ratio:220/262;width:auto;transform:scaleX(-1)}.hero-rocket-lit{opacity:0}html[data-liftoff] .hero-rocket-lit{opacity:1}html[data-liftoff] .hero-rocket-idle{opacity:0}html[data-liftoff] .io-rocket{animation:1.1s cubic-bezier(.55,0,.9,.35) .16s forwards rocket-rise}html[data-liftoff] .io-rocket>svg{animation:80ms linear 2 rocket-shake}html[data-liftoff] .hero-copy{opacity:0;transform:translateY(-6px)}@keyframes rocket-rise{to{transform:translateY(-115svh)}}@keyframes rocket-shake{25%{transform:translate(-1px)}75%{transform:translate(1px)}}