.hero-grid{position:relative;z-index:1}
.landmark-watermarks{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.landmark{position:absolute;fill:none;stroke:#b5e6f6;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.landmark-bridge{width:760px;max-width:none;left:-84px;top:4px;opacity:.115;transform:rotate(-4deg)}
.landmark-serra{width:790px;max-width:none;left:14%;bottom:-85px;opacity:.10}
.landmark-lighthouse{width:255px;max-width:none;right:-43px;top:-4px;opacity:.12;transform:rotate(5deg)}
.hero-visual-wrap{min-width:0;position:relative}
.hero-institution{margin:0;height:490px;position:relative;overflow:visible;border:0;background:transparent;box-shadow:none;display:flex;align-items:center;justify-content:center}
.institution-art{width:100%;height:100%;overflow:visible}
.hero-institution figcaption{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden}
.art-parallax{transform:translate(var(--mx,0px),var(--my,0px));transition:transform .7s cubic-bezier(.2,.7,.2,1)}
.map-drift{animation:mapFloat 9s ease-in-out infinite alternate}
.orbit-drift{animation:orbitFloat 14s ease-in-out infinite alternate;transform-origin:340px 260px}
.science-drift{animation:scienceFloat 8s ease-in-out infinite alternate}
.connection{fill:none;stroke:#89deef;stroke-width:1.25;opacity:.45}
.connection-signal{fill:none;stroke:#e2fbff;stroke-width:1.8;stroke-linecap:round;stroke-dasharray:3 28;animation:signalFlow 8s linear infinite;opacity:.85}
.node-halo{fill:none;stroke:#a3f0ff;stroke-width:1;transform-box:fill-box;transform-origin:center;animation:nodePulse 4.6s ease-out infinite}
.is-paused .map-drift,.is-paused .orbit-drift,.is-paused .science-drift,.is-paused .connection-signal,.is-paused .node-halo,.is-outside .map-drift,.is-outside .orbit-drift,.is-outside .science-drift,.is-outside .connection-signal,.is-outside .node-halo{animation-play-state:paused}
@keyframes mapFloat{from{transform:translate(0,0)}to{transform:translate(0,-7px)}}
@keyframes orbitFloat{from{transform:rotate(-3deg)}to{transform:rotate(3deg)}}
@keyframes scienceFloat{from{transform:translate(0,0)}to{transform:translate(3px,-9px)}}
@keyframes signalFlow{to{stroke-dashoffset:-124}}
@keyframes nodePulse{0%{opacity:.65;transform:scale(.65)}80%,100%{opacity:0;transform:scale(1.8)}}
@media(max-width:860px){.hero-institution{height:420px}}
@media(max-width:860px){.landmark-bridge{width:620px;left:-190px;top:20px;opacity:.10}.landmark-lighthouse{width:220px;top:360px;right:-45px;opacity:.09}.landmark-serra{left:-110px;bottom:-52px;width:730px;opacity:.11}}
@media(max-width:650px){.hero-institution{height:300px}}
@media(prefers-reduced-motion:reduce){.institution-art *{animation:none!important}.art-parallax{transform:none!important;transition:none!important}}
.hero-pause{position:absolute;right:0;bottom:0;border:1px solid #8ac8e45c;border-radius:7px;padding:7px 10px;background:#103b7259;color:#d3eef7;font:inherit;font-size:.72rem;cursor:pointer}
.hero-pause:hover{background:#103b7299;color:#fff}
.hero-pause:focus-visible{outline:2px solid #fff;outline-offset:4px}