#mars-hero{--p:0;--fx:.5;isolation:isolate;height:100svh;min-height:560px;position:relative;overflow:hidden}#mars-hero .mh-edge{z-index:4;pointer-events:none;background:linear-gradient(#000 0%,#000000db 14%,#000000a3 30%,#0006 48%,#0003 66%,#00000012 84%,#0000 100%);height:30%;position:absolute;inset:0 0 auto}#mars-hero .mh-layer{-o-object-fit:cover;object-fit:cover;-o-object-position:calc(var(--fx) * 100%) 50%;object-position:calc(var(--fx) * 100%) 50%;pointer-events:none;-webkit-user-select:none;user-select:none;will-change:transform;width:100%;height:100%;position:absolute;inset:0}#mars-hero .mh-back{z-index:1;transform:translate3d(0, calc(var(--p) * 14%), 0)}@property --mh-spin{syntax:"<angle>";inherits:false;initial-value:0deg}#mars-hero .mh-mars{--frame-w:max(100cqw, 100cqh * 16 / 9);z-index:2;transform:translate3d(0, calc(var(--p) * -22%), 0) scale(calc(1 + var(--p) * .12)) rotate(var(--mh-spin));transform-origin:calc((100cqw - var(--frame-w)) * var(--fx) + var(--frame-w) * .5) 50%;animation:240s linear infinite mh-spin}@keyframes mh-spin{to{--mh-spin:360deg}}#mars-hero .mh-main{z-index:3;transform:translate3d(0, calc(var(--p) * 5%), 0)}#mars-hero .mh-fade{z-index:4;-o-object-fit:fill;object-fit:fill;will-change:auto;transform:none}#mars-hero .mh-mars-wrap{z-index:2;animation:2.6s cubic-bezier(.16,1,.3,1) .2s both mh-rise;position:absolute;inset:0}#mars-hero:not(.is-arrived) .mh-mars-wrap{animation-play-state:paused}@keyframes mh-rise{0%{opacity:0;transform:translateY(34%)}to{opacity:1;transform:none}}#mars-hero{container-type:size}#mars-hero .mh-frame{--frame-w:max(100cqw, 100cqh * 16 / 9);z-index:3;left:calc((100cqw - var(--frame-w)) * var(--fx));width:var(--frame-w);aspect-ratio:16/9;pointer-events:none;transform:translate3d(0, calc(-50% + var(--p) * 5cqh), 0);will-change:transform;position:absolute;top:50%}#mars-hero .mh-me{-webkit-user-select:none;user-select:none;width:auto;height:32%;position:absolute;bottom:13%;left:22.5%}#mars-hero .mh-stars{z-index:2;pointer-events:none;position:absolute;inset:0;overflow:hidden}#mars-hero .mh-star{width:0;height:0;position:absolute}#mars-hero .mh-star-trail{transform-origin:0;opacity:0;background:linear-gradient(90deg,#fff 0%,#ffd6bee6 6%,#ff8c5073 30%,#f1410100 100%);border-radius:2px;height:3px;position:absolute;top:-1.5px;left:0}#mars-hero .mh-star-trail:before{content:"";background:#fff;border-radius:50%;width:4px;height:4px;position:absolute;top:50%;left:-2px;translate:0 -50%;box-shadow:0 0 6px 2px #ffe2cdd9,0 0 14px 4px #ff783c59}#mars-hero .mh-drone{z-index:3;pointer-events:none;width:clamp(90px,10vw,190px);translate:70vw 16vh;transform:translate3d(0, calc(var(--p) * -40vh), 0);will-change:translate, scale, transform;animation:26s ease-in-out 1.4s infinite mh-wander;position:absolute;top:0;left:0}#mars-hero:not(.is-arrived) .mh-drone{animation-play-state:paused}@keyframes mh-wander{0%{translate:70vw 16vh;scale:1}18%{translate:62vw 11vh;scale:.92}36%{translate:55vw 19vh;scale:.86}54%{translate:64vw 25vh;scale:.95}72%{translate:78vw 20vh;scale:1.06}88%{translate:76vw 12vh;scale:1.02}to{translate:70vw 16vh;scale:1}}#mars-hero .mh-drone img{-webkit-user-select:none;user-select:none;width:100%;height:auto;animation:5.5s ease-in-out infinite alternate mh-hover;display:block}@keyframes mh-hover{0%{transform:translateY(-8px)rotate(-1.6deg)}50%{transform:translateY(6px)rotate(.6deg)}to{transform:translateY(-4px)rotate(1.4deg)}}@media (aspect-ratio<=1){#mars-hero{--fx:.26}}@media (prefers-reduced-motion:reduce){#mars-hero .mh-mars-wrap,#mars-hero .mh-mars,#mars-hero .mh-drone img{animation:none}#mars-hero .mh-layer{transform:none}#mars-hero .mh-drone{animation:none;transform:none}}#mars-hero .mh-copy{z-index:5;text-align:center;pointer-events:none;place-content:center;justify-items:center;padding:clamp(5rem,12vh,8rem) clamp(1.25rem,5vw,4rem) clamp(4.5rem,11vh,7.5rem);display:grid;position:absolute;inset:0}#mars-hero .mh-copy:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(58% 46% at 50% 34%,#040108d1 0%,#0401088c 48%,#04010800 80%),linear-gradient(#04010861 0%,#04010833 34%,#04010800 62%);position:absolute;inset:0}#mars-hero .mh-copy .mh-avail{-webkit-backdrop-filter:blur(8px);background:#04010873;margin:0 0 clamp(.9rem,2.2vh,1.5rem)}#mars-hero .mh-copy .pre-hero-title{text-shadow:0 2px 30px #0009,0 1px 3px #00000073;max-width:22ch;margin:0 0 clamp(.9rem,2vh,1.4rem)}#mars-hero .mh-copy .pre-hero-title-accent{color:#ffd6c4}#mars-hero .mh-copy .pre-hero-sub{color:#ffffffd1;text-shadow:0 1px 20px #0000008c;max-width:min(56ch,100%);margin:0 0 clamp(1.4rem,3.2vh,2.1rem)}#mars-hero .mh-copy .pre-hero-actions{pointer-events:auto}#mars-hero .mh-copy .pre-hero-cta,#mars-hero .mh-copy .pre-hero-footprint{-webkit-backdrop-filter:blur(10px);border-radius:999px;box-shadow:0 10px 30px #00000059}#mars-hero .mh-copy .pre-hero-cta{color:#17151c;background:#fcfaf9f2;border-color:#fff9;font-weight:600}#mars-hero .mh-copy .pre-hero-cta:hover{background:#fff;border-color:#fff}#mars-hero .mh-copy .mh-secondary{-webkit-backdrop-filter:blur(10px);color:#fff;min-height:44px;font-family:var(--font-body);background:#04010859;border:1px solid #ffffff47;border-radius:999px;align-self:stretch;align-items:center;gap:.4em;padding:0 1.25rem;font-weight:500;text-decoration:none;transition:border-color .2s,background .2s;display:inline-flex}#mars-hero .mh-copy .mh-secondary:hover{background:#0401088c;border-color:#fff9;text-decoration:none}#mars-hero .mh-copy .mh-secondary:focus-visible{outline:2px solid var(--accent,#f14101);outline-offset:3px}#mars-hero .mh-copy .pre-hero-cta .pha-plus{color:#17151c8c}#mars-hero .mh-copy .pre-hero-cta .pha-you{color:#17151c80;border-color:#17151c33}@media (aspect-ratio<=1){#mars-hero .mh-copy{padding-bottom:clamp(9rem,36vh,20rem)}#mars-hero .mh-copy .pre-hero-title{max-width:15ch;font-size:clamp(1.9rem,7.4vw,2.6rem)}#mars-hero .mh-copy .pre-hero-sub{font-size:1rem;line-height:1.55}}@media (height<=700px) and (aspect-ratio>=1){#mars-hero .mh-copy{padding:4.5rem 1.25rem clamp(5rem,15vh,8rem)}#mars-hero .mh-copy .pre-hero-title{font-size:clamp(1.6rem,3.6vw,2.2rem)}#mars-hero .mh-copy .pre-hero-sub{margin-bottom:1.1rem;font-size:.95rem}}
