/* The hero is the scene: fragments fade across it rather than inside an art tile. */
.rm-hero-stage { position:relative; isolation:isolate; overflow:hidden; background:#1b4332; }
.rm-hero-stage::before,.rm-hero-stage::after { content:""; position:absolute; inset:0; pointer-events:none; }
.rm-hero-stage::before { z-index:0; background:radial-gradient(ellipse at 82% 44%,rgba(125,165,133,.18),transparent 56%),radial-gradient(ellipse at 97% 84%,rgba(231,197,110,.08),transparent 45%); }
.rm-hero-stage::after { z-index:1; background:linear-gradient(90deg,#1b4332 0%,rgba(27,67,50,.94) 27%,rgba(27,67,50,.55) 48%,rgba(27,67,50,.06) 72%,transparent 100%),linear-gradient(0deg,#1b4332 0%,transparent 17%,transparent 84%,rgba(27,67,50,.45) 100%); }
.rm-hero-stage .rm-hero-layout { position:static; display:block; margin-block:0; padding-block:64px 70px; }
.rm-hero-stage .rm-hero-copy { position:relative; z-index:2; width:100%; max-width:620px; margin:0; }
.rm-hero-stage .rm-hero-copy h1 { max-width:620px!important; font-size:clamp(48px,5.5vw,76px); line-height:1.07; }
.rm-hero-stage .rm-hero-copy h1>span { display:block; }
.rm-hero-stage .rm-hero-art { position:absolute; z-index:0; inset:auto; top:50%; right:-120px; width:clamp(840px,75vw,1280px); height:auto; max-width:none; min-height:0; aspect-ratio:1; display:block; margin:0; transform:translateY(-50%); pointer-events:none; }
.rm-hero-stage .rm-hero-art .rm-space-field { position:relative; inset:auto; width:100%; height:auto; aspect-ratio:1; overflow:visible; opacity:.92; -webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.4) 30%,#000 55%,#000 90%,transparent 100%); mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.4) 30%,#000 55%,#000 90%,transparent 100%); }
.rm-hero-stage .rm-space-scene { width:100%; height:auto; max-width:none; }
.rm-hero-stage .rm-debris-lane--near { filter:drop-shadow(0 12px 14px rgba(8,24,15,.22)); }
.rm-hero-stage .rm-debris-lane--far { filter:blur(.65px); }
.rm-hero-stage .rm-space-orbit { opacity:.22; }
.rm-hero-stage .rm-space-orbit--bright { opacity:.36; }
.rm-hero-stage .rm-space-dust { opacity:.5; }

@media(max-width:1100px) {
  .rm-hero-stage .rm-hero-layout { padding-block:48px 56px; }
  .rm-hero-stage .rm-hero-art { width:900px; right:-220px; }
  .rm-hero-stage::after { background:linear-gradient(90deg,#1b4332 0%,rgba(27,67,50,.94) 32%,rgba(27,67,50,.55) 54%,rgba(27,67,50,.08) 84%,transparent 100%),linear-gradient(0deg,#1b4332 0%,transparent 18%,transparent 82%,rgba(27,67,50,.45) 100%); }
}
@media(max-width:900px) {
  .rm-hero-stage .rm-hero-copy h1 { font-size:48px; }
  .rm-hero-stage .rm-hero-art { width:820px; right:-270px; }
}
@media(max-width:650px) {
  .rm-hero-stage .rm-hero-layout { padding-block:38px 44px; }
  .rm-hero-stage .rm-hero-copy h1 { font-size:clamp(31px,9.25vw,56px); line-height:1.09; }
  .rm-hero-stage .rm-hero-art { position:absolute; display:block; width:740px; height:740px; right:-260px; top:58%; min-height:0; max-width:none; inset-inline-start:auto; aspect-ratio:1; }
  .rm-hero-stage .rm-hero-art .rm-space-field { position:relative; width:100%; top:auto; right:auto; opacity:.82; }
  .rm-hero-stage::after { background:linear-gradient(90deg,rgba(27,67,50,.98) 0%,rgba(27,67,50,.96) 38%,rgba(27,67,50,.88) 70%,rgba(27,67,50,.74) 100%),linear-gradient(0deg,#1b4332 0%,transparent 20%,transparent 78%,rgba(27,67,50,.6) 100%); }
}
@media(max-width:360px) {
  .rm-hero-stage .rm-hero-art { right:-290px; top:61%; }
}
@media(prefers-reduced-motion:reduce) {
  .rm-hero-stage .rm-debris-lane--near,.rm-hero-stage .rm-debris-lane--far { filter:none; }
}