/* The brain and its incoming connections occupy the hero, edge to edge. */
.hero-art{inset:0 -3%;width:auto;height:auto;transform:none;opacity:1;overflow:visible;z-index:1}
.hero-art #field{position:absolute;inset:0;width:100%;height:100%;opacity:1;transition:none;mask-image:linear-gradient(transparent,#000 5%,#000 95%,transparent)}
.hero-brain-fallback{position:absolute;width:auto;height:98%;max-width:94%;object-fit:contain;left:50%;top:50%;transform:translate(-50%,-50%);opacity:1}
.brain-rendered .hero-brain-fallback{visibility:hidden}
.hero-sticky{background:radial-gradient(ellipse at 50% 61%,#102029 0,#0b131c 38%,#090d13 72%)}
.hero-sticky:before{content:'';position:absolute;inset:0;z-index:2;pointer-events:none;background:radial-gradient(ellipse at 50% 50%,#090d13ed 0,#090d13bc 25%,#090d1333 58%,transparent 79%);opacity:var(--identity-reveal,1)}
.hero-copy{top:50%;z-index:3;transform:translateY(calc(-50% + (1 - var(--identity-reveal,1))*24px));opacity:var(--identity-reveal,1);will-change:opacity,transform}
.hero-copy p{margin-top:18px}
.hero-foot{z-index:3;justify-content:flex-start}
.intro-controls #motion-toggle:disabled{opacity:.5;cursor:default}
@media(max-width:600px){.hero-copy{top:50%}.hero-copy p{margin-top:23px}.hero-art{inset:0 -5%}.hero-brain-fallback{height:auto;width:108%;max-width:none}.hero-foot{bottom:22px}}
@media(min-width:601px) and (max-height:650px){.hero-copy .hero-identity .hero-mark{font-size:70px}.hero-copy .hero-identity .hero-lab-name{font-size:22px}.hero-copy p{margin-top:12px;font-size:11px}}
.motion-off .hero-copy{transform:translateY(-50%)!important;opacity:1!important}
@media(prefers-reduced-motion:reduce){.hero-copy{transform:translateY(-50%)!important;opacity:1!important}}
@media(prefers-reduced-motion:reduce){.hero-brain-fallback,.hero-art #field{transition:none}}