/* Motion never scales or crops the photograph. Move the complete panel by a few pixels. */
@keyframes home-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
@keyframes home-caption-in{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
@keyframes home-card-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
#app .public-home .hero-science{translate:var(--pointer-x,0px) var(--pointer-y,0px);transition:translate 800ms cubic-bezier(.2,.7,.2,1);animation:home-float 14s ease-in-out infinite;animation-play-state:paused}
#app .public-home .hero-science.home-motion-running{animation-play-state:running}
#app .public-home .science-caption.caption-enter>span{display:block;animation:home-caption-in 650ms ease-out both}
#app .public-home .science-caption.caption-enter .caption-line{display:block;animation:home-caption-in 750ms ease-out both}
#app .public-home .caption-enter .caption-line:first-child{animation-delay:200ms}
#app .public-home .caption-enter .caption-line:last-child{animation-delay:400ms}
#app .public-home .science-caption b .caption-line{font:inherit;color:inherit;letter-spacing:inherit}
#app .public-home .science-caption b .caption-line{display:block}
.home-motion-toggle{position:absolute;right:12px;bottom:10px;z-index:3;border:1px solid #badbd426;border-radius:20px;background:#081921b3;color:#bed1d3;font-size:11px;line-height:1.4;min-height:32px;padding:7px 12px;cursor:pointer}
.home-motion-toggle[hidden]{display:none}
.home-motion-toggle:focus-visible{outline:2px solid #7be5c2;outline-offset:3px}
.public-home + .public-materials .material-card.motion-pending{opacity:0;transform:translateY(12px)}
.public-home + .public-materials .material-card.motion-entered{animation:home-card-in 650ms ease-out both;animation-delay:var(--entry-delay,0ms)}
.public-home + .public-materials .material-card{transition:translate 250ms ease,border-color 250ms ease,box-shadow 250ms ease}
.public-home + .public-materials .material-open svg{transition:transform 250ms ease}
@media(hover:hover) and (pointer:fine){.public-home + .public-materials .material-card:hover{translate:0 -4px;box-shadow:0 14px 30px #00000014}.public-home + .public-materials .material-card:hover .material-open svg{transform:translateX(3px)}}
@media(max-width:900px),(hover:none),(pointer:coarse){#app .public-home .hero-science{animation:none;translate:none;transition:none}.home-motion-toggle{display:none}}
@media(prefers-reduced-motion:reduce){#app .public-home .hero-science,#app .public-home .science-caption.caption-enter>span,#app .public-home .science-caption.caption-enter .caption-line,.public-home + .public-materials .material-card{animation:none!important;translate:none!important;transform:none!important;transition:none!important;opacity:1!important}.public-home + .public-materials .material-open svg{transform:none!important;transition:none!important}.home-motion-toggle{display:none!important}}
