/* Intelligence ahead of its time, working in the present. */
.hero--future{display:block;min-height:780px;height:96svh;max-height:1000px;background:#020305;overflow:clip}
.hero--future .hero-horizon{inset:0;object-position:50% 55%;z-index:-3}
.hero--future:before{z-index:-1;background:linear-gradient(90deg,rgba(2,4,7,.76) 0%,rgba(2,4,7,.52) 34%,rgba(2,4,7,.1) 65%,transparent 100%)}
.hero-layout{position:relative;width:100%;height:100%;display:grid;grid-template-columns:56% 44%;align-items:start}
.hero--future .hero-copy{width:100%;max-width:670px;text-align:left;padding:clamp(164px,21vh,224px) 0 100px;margin:0;z-index:3}
.hero--future h1{font-size:clamp(3.4rem,6.8vw,6.125rem);font-weight:500;line-height:1.075;letter-spacing:-.055em;margin:0 0 30px;color:#f2f4f7}
.hero--future .hero-copy>p{font-size:1.0625rem;line-height:1.7;max-width:480px;margin:0;color:#d0d6dd}
.hero--future .hero-copy>.hero-audience{font-size:.875rem;line-height:1.65;max-width:455px;color:#aeb9c5;margin-top:20px}
.hero--future .hero-actions{justify-content:flex-start;gap:27px;margin-top:30px;flex-wrap:wrap}
.hero--future .hero-actions .button{font-size:.875rem;padding:16px 22px;min-height:52px}
.hero--future .hero-actions .text-link{font-size:.875rem}
.hero-explorer{position:absolute;z-index:1;top:115px;right:-1%;width:clamp(460px,48vw,690px);pointer-events:none;user-select:none}
.astronaut-parallax{transform:translate3d(var(--astronaut-x,0px),var(--astronaut-y,0px),0);transition:transform 1.1s cubic-bezier(.22,.61,.36,1)}
.astronaut-float{transform-origin:54% 55%;animation:mavs-drift 12s ease-in-out infinite;will-change:transform}
.astronaut-image{display:block;width:100%;height:auto;mask-image:linear-gradient(#000 68%,transparent 97%);-webkit-mask-image:linear-gradient(#000 68%,transparent 97%);animation:mavs-light 12s ease-in-out infinite}
.hero--future[data-motion="paused"] .astronaut-float,.hero--future[data-motion="paused"] .astronaut-image{animation-play-state:paused}
.hero-motion-toggle{position:absolute;bottom:26px;right:5%;z-index:5;display:grid;place-items:center;width:36px;height:36px;padding:8px;border:1px solid #ffffff38;border-radius:50%;color:#d4dbe2;background:#080c1270;backdrop-filter:blur(8px)}
.hero-motion-toggle:hover{background:#ffffff1c;border-color:#ffffff70}
.hero-motion-toggle svg{width:18px;height:18px}
.hero-motion-toggle .motion-play{display:none}
.hero-motion-toggle[data-paused="true"] .motion-pause{display:none}
.hero-motion-toggle[data-paused="true"] .motion-play{display:block}
@keyframes mavs-drift{0%,100%{transform:translate3d(0,0,0) rotate(-3deg)}50%{transform:translate3d(-5px,-12px,0) rotate(-1.5deg)}}
@keyframes mavs-light{0%,100%{filter:brightness(.94)}50%{filter:brightness(1.025)}}
@media(max-width:1000px){
 .hero--future{min-height:780px;height:94svh}
 .hero--future .hero-copy{padding-top:166px}
 .hero--future .hero-copy>p{max-width:410px;font-size:1rem}
 .hero--future .hero-copy>.hero-audience{font-size:.875rem;max-width:370px}
 .hero--future .hero-actions{gap:20px}
 .hero-explorer{right:-5%;top:175px;width:53vw;min-width:420px}
}
@media(max-width:700px){
 .hero--future{min-height:1020px;height:auto;max-height:none}
 .hero-layout{display:block;min-height:1020px;height:auto;padding:0 6%}
 .hero--future .hero-copy{padding:128px 0 0;max-width:560px}
 .hero--future h1{font-size:clamp(2.625rem,9.2vw,4rem);line-height:1.08;margin-bottom:26px}
 .hero--future .hero-copy>p{font-size:1rem;line-height:1.65;max-width:470px}
 .hero--future .hero-copy>.hero-audience{font-size:.875rem;line-height:1.6;max-width:440px;margin-top:18px}
 .hero--future .hero-actions{margin-top:26px;gap:23px}
 .hero--future .hero-horizon{object-position:65% center}
 .hero--future:before{background:linear-gradient(180deg,rgba(2,4,7,.46),rgba(2,4,7,.68) 41%,transparent 76%)}
 .hero-explorer{position:relative;top:auto;right:auto;width:100%;max-width:440px;min-width:0;margin:22px -3% -145px auto;height:530px;overflow:visible}
 .hero--future .hero-horizon{object-fit:cover;object-position:66% 100%;height:750px;top:auto;bottom:0;mask-image:linear-gradient(transparent,#000 22%);-webkit-mask-image:linear-gradient(transparent,#000 22%)}
 .hero-layout{padding-bottom:125px}
 .hero-motion-toggle{right:6%;bottom:24px}
}
@media(prefers-reduced-motion:reduce){
 .astronaut-float,.astronaut-image{animation:none;will-change:auto}
 .astronaut-parallax{transform:none;transition:none}
 .hero-motion-toggle{display:none}
}
@media(max-width:370px){
 .hero--future h1{font-size:2.5rem}
 .hero--future .hero-actions{gap:16px}
 .hero--future .hero-actions .button{padding:14px 16px;font-size:.8125rem}
 .hero--future .hero-actions .text-link{font-size:.8125rem}
}

/* Scroll depth is separate from the existing pointer and floating layers. */
.hero--future .hero-copy{transform:translate3d(0,var(--hero-copy-scroll,0px),0)}
.hero-explorer{transform:translate3d(0,var(--hero-explorer-scroll,0px),0)}
@media(prefers-reduced-motion:reduce){.hero--future .hero-copy,.hero-explorer{transform:none}}