/* A wider living backdrop, behind the headline and clear of controls. */
.hero-film{isolation:isolate;padding-bottom:38px}
.hero-film:before{display:none}
.hero-ambient{position:absolute;z-index:-1;pointer-events:none;left:50%;top:-145px;width:100vw;height:780px;transform:translateX(-50%);overflow:hidden;mask-image:linear-gradient(#000 0%,#000 68%,transparent 100%)}
.hero-aura{position:absolute;border-radius:50%;filter:blur(28px);will-change:transform;animation:hero-aura-float 22s ease-in-out infinite alternate}
.aura-blue{left:calc(50% - 880px);top:40px;width:1150px;height:650px;background:radial-gradient(ellipse,#146dcb55 0%,#235ab82b 40%,transparent 70%)}
.aura-violet{right:calc(50% - 850px);top:0;width:1100px;height:650px;background:radial-gradient(ellipse,#8145d653 0%,#5537a42e 39%,transparent 71%);animation-delay:-12s;animation-duration:27s}
.aura-cyan{left:calc(50% - 420px);top:260px;width:800px;height:390px;background:radial-gradient(ellipse,#2ca8d81e,transparent 67%);animation-delay:-7s}
.hero-ring{position:absolute;border:1px solid #73b7e32b;border-radius:50%;width:800px;height:420px;box-shadow:inset 0 0 24px #66c4ff05,0 0 18px #69caff05;animation:hero-orbit-drift 26s ease-in-out infinite alternate;will-change:transform}
.hero-ring:before{content:'';position:absolute;inset:18px;border:1px solid #8cbeee10;border-radius:50%}
.ring-left{left:calc(50% - 1030px);top:160px;--orbit-angle:-28deg;--orbit-y:-14px}
.ring-right{right:calc(50% - 1050px);top:145px;--orbit-angle:28deg;--orbit-y:18px;border-color:#ab94f32c;animation-delay:-13s;animation-duration:32s}
.hero-ring i{position:absolute;top:57px;left:115px;width:4px;height:4px;border-radius:50%;background:#9feaff;box-shadow:0 0 18px 3px #71d6ff66}
.ring-right i{left:auto;right:115px;background:#d4b8ff;box-shadow:0 0 18px 3px #ab80ff66}
.hero-trace{position:absolute;height:1px;width:360px;background:linear-gradient(90deg,transparent,#76cfff44,transparent);animation:hero-trace-drift 16s ease-in-out infinite alternate}
.trace-left{top:300px;left:calc(50% - 940px);transform:rotate(-16deg)}
.trace-right{top:395px;right:calc(50% - 970px);background:linear-gradient(90deg,transparent,#af91ff44,transparent);transform:rotate(16deg);animation-delay:-8s}
.hero-star{position:absolute;width:3px;height:3px;border-radius:50%;background:#bceeff;box-shadow:0 0 12px 2px #86d8ff44;animation:hero-star-breathe 7s ease-in-out infinite alternate}
.star-one{left:20%;top:185px}.star-two{right:22%;top:490px;animation-delay:-3s;background:#c9b0ff}.star-three{right:14%;top:250px;animation-delay:-5s}
@keyframes hero-aura-float{from{transform:translate3d(-18px,-8px,0) scale(.97)}to{transform:translate3d(24px,16px,0) scale(1.05)}}
@keyframes hero-orbit-drift{from{transform:translate3d(0,0,0) rotate(var(--orbit-angle))}to{transform:translate3d(24px,var(--orbit-y),0) rotate(calc(var(--orbit-angle) + 8deg))}}
@keyframes hero-trace-drift{from{translate:-13px -5px;opacity:.45}to{translate:22px 8px;opacity:1}}
@keyframes hero-star-breathe{from{opacity:.3;transform:scale(.7)}to{opacity:.9;transform:scale(1.2)}}

/* Paint the headline gradient across the letters, rather than the entire hero. */
.hero-film h1 em {
  width: fit-content;
  max-width: 100%;
  margin-inline: auto;
  background-image: linear-gradient(110deg, #62e6fc, #85b5ff 52%, #c595ff);
}
#what-is-atlas {
  padding-block: clamp(38px, 5vw, 76px);
  text-align: center;
  scroll-margin-top: 5rem;
}
.atlas-introduction h2 {
  margin: 0;
  font-size: clamp(34px, 3.8vw, 54px);
  line-height: 1.2;
  letter-spacing: -.04em;
}
.atlas-introduction .intro-vision {
  max-width: 66ch;
  margin: clamp(18px, 2vw, 26px) auto 0;
  color: #d1e0f0;
  font-size: clamp(18px, 1.6vw, 23px);
  line-height: 1.65;
  text-wrap: pretty;
}
.atlas-introduction .intro-connections {
  margin: 18px auto 0;
  color: #a4b7cf;
  font-size: clamp(13px, 1.1vw, 15px);
  line-height: 1.55;
  text-wrap: balance;
}
@media(max-width:850px){.hero-ambient{height:740px}.aura-blue{left:calc(50% - 680px);width:850px}.aura-violet{right:calc(50% - 660px);width:850px}.ring-left{left:calc(50% - 900px)}.ring-right{right:calc(50% - 900px)}}
@media(max-width:600px){.hero-film{padding-bottom:22px}.hero-ambient{top:-100px;height:590px}.aura-blue{left:-370px;top:60px;width:700px;height:500px;opacity:.85}.aura-violet{right:-400px;top:0;width:740px;height:490px;opacity:.85}.aura-cyan{display:none}.hero-ring{width:480px;height:290px}.ring-left{left:-375px;top:140px}.ring-right{right:-380px;top:140px}.hero-trace{width:130px}.trace-left{left:-45px;top:340px}.trace-right{right:-35px;top:335px}.star-one{left:11%;top:170px}.star-two{right:12%;top:360px}.star-three{display:none}}
@media(prefers-reduced-motion:reduce){.hero-ambient *{animation:none!important;will-change:auto}.ring-left{transform:rotate(-28deg)}.ring-right{transform:rotate(28deg)}}